init

Author: Ali Korabbaslu

.DS_Store

@@ -0,0 +1,3 @@
+# Builds a Docker to deliver dist/
+FROM nginx:latest
+COPY dist/ /usr/share/nginx/html

Dockerfile

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-2016 AngularClass LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

LICENSE

@@ -0,0 +1,59 @@
+const helpers = require('../helpers');
+const execSync = require('child_process').execSync;
+
+const REPO_NAME_RE = /Push {2}URL: https:\/\/github\.com\/.*\/(.*)\.git/;
+
+function getWebpackConfigModule() {
+  if (helpers.hasProcessFlag('github-dev')) {
+    return require('../webpack.dev.js');
+  } else if (helpers.hasProcessFlag('github-prod')) {
+    return require('../webpack.prod.js');
+  } else {
+    throw new Error('Invalid compile option.');
+  }
+}
+
+function getRepoName(remoteName) {
+  remoteName = remoteName || 'origin';
+
+  var stdout = execSync('git remote show ' + remoteName),
+      match = REPO_NAME_RE.exec(stdout);
+
+  if (!match) {
+    throw new Error('Could not find a repository on remote ' + remoteName);
+  } else {
+    return match[1];
+  }
+}
+
+function stripTrailing(str, char) {
+
+  if (str[0] === char) {
+    str = str.substr(1);
+  }
+
+  if (str.substr(-1) === char) {
+    str = str.substr(0, str.length - 1);
+  }
+
+  return str;
+}
+
+/**
+ * Given a string remove trailing slashes and adds 1 slash at the end of the string.
+ *
+ * Example:
+ * safeUrl('/value/')
+ * // 'value/'
+ *
+ * @param url
+ * @returns {string}
+ */
+function safeUrl(url) {
+  const stripped = stripTrailing(url || '', '/');
+  return stripped ? stripped + '/' : '';
+}
+
+exports.getWebpackConfigModule = getWebpackConfigModule;
+exports.getRepoName = getRepoName;
+exports.safeUrl = safeUrl;

README.md

@@ -0,0 +1,45 @@
+/**
+ * Configuration for head elements added during the creation of index.html.
+ *
+ * All href attributes are added the publicPath (if exists) by default.
+ * You can explicitly hint to prefix a publicPath by setting a boolean value to a key that has
+ * the same name as the attribute you want to operate on, but prefix with =
+ *
+ * Example:
+ * { name: 'msapplication-TileImage', content: '/assets/icon/ms-icon-144x144.png', '=content': true },
+ * Will prefix the publicPath to content.
+ *
+ * { rel: 'apple-touch-icon', sizes: '57x57', href: '/assets/icon/apple-icon-57x57.png', '=href': false },
+ * Will not prefix the publicPath on href (href attributes are added by default
+ *
+ */
+module.exports = {
+  link: [
+    /** <link> tags for 'apple-touch-icon' (AKA Web Clips). **/
+    { rel: 'apple-touch-icon', sizes: '57x57', href: '/assets/icon/apple-icon-57x57.png' },
+    { rel: 'apple-touch-icon', sizes: '60x60', href: '/assets/icon/apple-icon-60x60.png' },
+    { rel: 'apple-touch-icon', sizes: '72x72', href: '/assets/icon/apple-icon-72x72.png' },
+    { rel: 'apple-touch-icon', sizes: '76x76', href: '/assets/icon/apple-icon-76x76.png' },
+    { rel: 'apple-touch-icon', sizes: '114x114', href: '/assets/icon/apple-icon-114x114.png' },
+    { rel: 'apple-touch-icon', sizes: '120x120', href: '/assets/icon/apple-icon-120x120.png' },
+    { rel: 'apple-touch-icon', sizes: '144x144', href: '/assets/icon/apple-icon-144x144.png' },
+    { rel: 'apple-touch-icon', sizes: '152x152', href: '/assets/icon/apple-icon-152x152.png' },
+    { rel: 'apple-touch-icon', sizes: '180x180', href: '/assets/icon/apple-icon-180x180.png' },
+
+    /** <link> tags for android web app icons **/
+    { rel: 'icon', type: 'image/png', sizes: '192x192', href: '/assets/icon/android-icon-192x192.png' },
+
+    /** <link> tags for favicons **/
+    { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/assets/icon/favicon-32x32.png' },
+    { rel: 'icon', type: 'image/png', sizes: '96x96', href: '/assets/icon/favicon-96x96.png' },
+    { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/assets/icon/favicon-16x16.png' },
+
+    /** <link> tags for a Web App Manifest **/
+    { rel: 'manifest', href: '/assets/manifest.json' }
+  ],
+  meta: [
+    { name: 'msapplication-TileColor', content: '#00bcd4' },
+    { name: 'msapplication-TileImage', content: '/assets/icon/ms-icon-144x144.png', '=content': true },
+    { name: 'theme-color', content: '#00bcd4' }
+  ]
+};

config/.DS_Store

@@ -0,0 +1,24 @@
+/**
+ * @author: @AngularClass
+ */
+var path = require('path');
+
+// Helper functions
+var ROOT = path.resolve(__dirname, '..');
+
+function hasProcessFlag(flag) {
+  return process.argv.join('').indexOf(flag) > -1;
+}
+
+function isWebpackDevServer() {
+  return process.argv[1] && !! (/webpack-dev-server/.exec(process.argv[1]));
+}
+
+function root(args) {
+  args = Array.prototype.slice.call(arguments, 0);
+  return path.join.apply(path, [ROOT].concat(args));
+}
+
+exports.hasProcessFlag = hasProcessFlag;
+exports.isWebpackDevServer = isWebpackDevServer;
+exports.root = root;

config/github-deploy/index.js

@@ -0,0 +1,106 @@
+
+function HtmlElementsPlugin(locations) {
+  this.locations = locations;
+}
+
+HtmlElementsPlugin.prototype.apply = function(compiler) {
+  var self = this;
+  compiler.plugin('compilation', function(compilation) {
+    compilation.options.htmlElements = compilation.options.htmlElements || {};
+
+    compilation.plugin('html-webpack-plugin-before-html-generation', function(htmlPluginData, callback) {
+      const locations = self.locations;
+
+      if (locations) {
+        const publicPath = htmlPluginData.assets.publicPath;
+
+        Object.getOwnPropertyNames(locations).forEach(function(loc) {
+          compilation.options.htmlElements[loc] = getHtmlElementString(locations[loc], publicPath);
+        });
+      }
+
+
+      callback(null, htmlPluginData);
+    });
+  });
+
+};
+
+const RE_ENDS_WITH_BS = /\/$/;
+
+/**
+ * Create an HTML tag with attributes from a map.
+ *
+ * Example:
+ * createTag('link', { rel: "manifest", href: "/assets/manifest.json" })
+ * // <link rel="manifest" href="/assets/manifest.json">
+ * @param tagName The name of the tag
+ * @param attrMap A Map of attribute names (keys) and their values.
+ * @param publicPath a path to add to eh start of static asset url
+ * @returns {string}
+ */
+function createTag(tagName, attrMap, publicPath) {
+  publicPath = publicPath || '';
+
+  // add trailing slash if we have a publicPath and it doesn't have one.
+  if (publicPath && !RE_ENDS_WITH_BS.test(publicPath)) {
+    publicPath += '/';
+  }
+
+  const attributes = Object.getOwnPropertyNames(attrMap)
+    .filter(function(name) { return name[0] !== '='; } )
+    .map(function(name) {
+      var value = attrMap[name];
+
+      if (publicPath) {
+        // check if we have explicit instruction, use it if so (e.g: =herf: false)
+        // if no instruction, use public path if it's href attribute.
+        const usePublicPath = attrMap.hasOwnProperty('=' + name) ? !!attrMap['=' + name] : name === 'href';
+
+        if (usePublicPath) {
+          // remove a starting trailing slash if the value has one so we wont have //
+          value = publicPath + (value[0] === '/' ? value.substr(1) : value);
+        }
+      }
+
+      return name + '="' + value + '"';
+    });
+
+  return '<' + tagName + ' ' + attributes.join(' ') + '>';
+}
+
+/**
+ * Returns a string representing all html elements defined in a data source.
+ *
+ * Example:
+ *
+ *    const ds = {
+ *      link: [
+ *        { rel: "apple-touch-icon", sizes: "57x57", href: "/assets/icon/apple-icon-57x57.png" }
+ *      ],
+ *      meta: [
+ *        { name: "msapplication-TileColor", content: "#00bcd4" }
+ *      ]
+ *    }
+ *
+ * getHeadTags(ds);
+ * // "<link rel="apple-touch-icon" sizes="57x57" href="/assets/icon/apple-icon-57x57.png">"
+ *    "<meta name="msapplication-TileColor" content="#00bcd4">"
+ *
+ * @returns {string}
+ */
+function getHtmlElementString(dataSource, publicPath) {
+  return Object.getOwnPropertyNames(dataSource)
+    .map(function(name) {
+      if (Array.isArray(dataSource[name])) {
+        return dataSource[name].map(function(attrs) { return createTag(name, attrs, publicPath); } );
+      } else {
+        return [ createTag(name, dataSource[name], publicPath) ];
+      }
+    })
+    .reduce(function(arr, curr) {
+      return arr.concat(curr);
+    }, [])
+    .join('\n\t');
+}
+module.exports = HtmlElementsPlugin;

config/head-config.common.js

@@ -0,0 +1,101 @@
+/**
+ * @author: @AngularClass
+ */
+
+module.exports = function(config) {
+  var testWebpackConfig = require('./webpack.test.js')({env: 'test'});
+
+  var configuration = {
+
+    // base path that will be used to resolve all patterns (e.g. files, exclude)
+    basePath: '',
+
+    /*
+     * Frameworks to use
+     *
+     * available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+     */
+    frameworks: ['jasmine'],
+
+    // list of files to exclude
+    exclude: [ ],
+
+    /*
+     * list of files / patterns to load in the browser
+     *
+     * we are building the test environment in ./spec-bundle.js
+     */
+    files: [ { pattern: './config/spec-bundle.js', watched: false } ],
+
+    /*
+     * preprocess matching files before serving them to the browser
+     * available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+     */
+    preprocessors: { './config/spec-bundle.js': ['coverage', 'webpack', 'sourcemap'] },
+
+    // Webpack Config at ./webpack.test.js
+    webpack: testWebpackConfig,
+
+    coverageReporter: {
+      dir : 'coverage/',
+      reporters: [
+        { type: 'text-summary' },
+        { type: 'json' },
+        { type: 'html' }
+      ]
+    },
+
+    // Webpack please don't spam the console when running in karma!
+    webpackServer: { noInfo: true },
+
+    /*
+     * test results reporter to use
+     *
+     * possible values: 'dots', 'progress'
+     * available reporters: https://npmjs.org/browse/keyword/karma-reporter
+     */
+    reporters: [ 'mocha', 'coverage' ],
+
+    // 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_INFO,
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: false,
+
+    /*
+     * start these browsers
+     * available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+     */
+    browsers: [
+      'Chrome'
+    ],
+
+    customLaunchers: {
+      ChromeTravisCi: {
+        base: 'Chrome',
+        flags: ['--no-sandbox']
+      }
+    },
+
+    /*
+     * Continuous Integration mode
+     * if true, Karma captures browsers, runs the tests and exits
+     */
+    singleRun: true
+  };
+
+  if (process.env.TRAVIS){
+    configuration.browsers = ['ChromeTravisCi'];
+  }
+
+  config.set(configuration);
+};

config/helpers.js

@@ -0,0 +1,3 @@
+exports.HmrState = function() {
+
+};