[SDC-29] catalog 1707 rebase commit.

Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1
Signed-off-by: Michael Lando <ml636r@att.com>

1 files changed, 313 insertions, 0 deletions

diff --git a/catalog-ui/webpack.common.js b/catalog-ui/webpack.common.js
new file mode 100644
index 0000000000..818d031776
--- /dev/null
+++ b/catalog-ui/webpack.common.js
@@ -0,0 +1,313 @@
+const path = require('path');
+const webpack = require('webpack');
+const ProgressPlugin = require('webpack/lib/ProgressPlugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const autoprefixer = require('autoprefixer');
+const postcssUrl = require('postcss-url');
+const {GlobCopyWebpackPlugin, BaseHrefWebpackPlugin} = require('@angular/cli/plugins/webpack');
+const {CommonsChunkPlugin} = require('webpack').optimize;
+const {AotPlugin} = require('@ngtools/webpack');
+
+const nodeModules = path.join(process.cwd(), 'node_modules');
+
+const bundledScripts = [
+    "script-loader!./node_modules/jquery/dist/jquery.min.js",
+    "script-loader!./node_modules/lodash/lodash.min.js",
+    "script-loader!./node_modules/angular/angular.min.js",
+    "script-loader!./node_modules/restangular/dist/restangular.min.js",
+    "script-loader!./node_modules/jqueryui/jquery-ui.min.js",
+    "script-loader!./node_modules/angular-ui-router/release/angular-ui-router.min.js",
+    "script-loader!./node_modules/angular-filter/dist/angular-filter.min.js",
+    "script-loader!./node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js",
+    "script-loader!./node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js",
+    "script-loader!./node_modules/angular-resource/angular-resource.min.js",
+    "script-loader!./node_modules/angular-base64/angular-base64.min.js",
+    "script-loader!./node_modules/angular-uuid4/angular-uuid4.min.js",
+    "script-loader!./node_modules/angular-translate/dist/angular-translate.min.js",
+    "script-loader!./node_modules/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js",
+    "script-loader!./node_modules/angular-base64-upload/dist/angular-base64-upload.min.js",
+    "script-loader!./node_modules/angular-ui-notification/dist/angular-ui-notification.min.js",
+    "script-loader!./node_modules/cytoscape/dist/cytoscape.min.js",
+    "script-loader!./node_modules/checklist-model/checklist-model.js",
+    "script-loader!./node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js",
+    "script-loader!./node_modules/qtip2/dist/jquery.qtip.min.js",
+    "script-loader!./node_modules/cytoscape-qtip/cytoscape-qtip.js",
+    "script-loader!./node_modules/js-md5/build/md5.min.js",
+    "script-loader!./node_modules/angular-clipboard/angular-clipboard.js",
+    "script-loader!./node_modules/angular-resizable/angular-resizable.min.js",
+    "script-loader!./node_modules/angular-dragdrop/src/angular-dragdrop.min.js",
+    "script-loader!./node_modules/angular-tooltips/dist/angular-tooltips.min.js",
+    "script-loader!./node_modules/angular-sanitize/angular-sanitize.min.js"
+];
+const baseHref = undefined;
+const deployUrl = undefined;
+
+// Arguments pass from webpack
+const prod = process.argv.indexOf('-p') !== -1;
+
+module.exports = function(params) {
+
+    const webpackCommonConfig = {
+        resolve: {
+            extensions: [
+                ".ts",
+                ".js",
+                ".less"
+            ],
+            modules: [
+                "./node_modules"
+            ],
+            alias: {
+                directives: path.join(__dirname, 'app/directives/'),
+            }
+        },
+        resolveLoader: {
+            modules: [
+                "./node_modules"
+            ]
+        },
+        entry: {
+            'scripts/main': [ './src/main.ts' ],
+            'scripts/polyfills': [ './src/polyfills.ts' ],
+            'scripts/vendor': bundledScripts,
+            'scripts/styles': [ "./src/styles.less" ]
+        },
+        module: {
+            rules: [
+                {
+                    enforce: "pre",
+                    test: /\.js$/,
+                    loader: "source-map-loader",
+                    exclude: [ /\/node_modules\// ]
+                },
+                { test: /\.json$/, loader: "json-loader" },
+                { test: /\.html$/, loader: "html-loader" },
+                {
+                    exclude: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.css$/,
+                    loaders: [
+                        "exports-loader?module.exports.toString()",
+                        "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                        "postcss-loader"
+                    ]
+                },
+                {
+                    exclude: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.scss$|\.sass$/,
+                    loaders: [
+                        "exports-loader?module.exports.toString()",
+                        "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                        "postcss-loader",
+                        "sass-loader"
+                    ]
+                },
+                {
+                    exclude: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.less$/,
+                    loaders: [
+                        "exports-loader?module.exports.toString()",
+                        "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                        "postcss-loader",
+                        "less-loader"
+                    ]
+                },
+                {
+                    exclude: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.styl$/,
+                    loaders: [
+                        "exports-loader?module.exports.toString()",
+                        "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                        "postcss-loader",
+                        "stylus-loader?{\"sourceMap\":false,\"paths\":[]}"
+                    ]
+                },
+                {
+                    include: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.css$/,
+                    loaders: ExtractTextPlugin.extract({
+                        use: [
+                            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                            "postcss-loader"
+                        ],
+                        fallback: "style-loader",
+                        publicPath: ""
+                    })
+                },
+                {
+                    include: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.scss$|\.sass$/,
+                    loaders: ExtractTextPlugin.extract({
+                        use: [
+                            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                            "postcss-loader",
+                            "sass-loader"
+                        ],
+                        fallback: "style-loader",
+                        publicPath: ""
+                    })
+                },
+                {
+                    include: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.less$/,
+                    loaders: ExtractTextPlugin.extract({
+                        use: [
+                            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                            "postcss-loader",
+                            "less-loader"
+                        ],
+                        fallback: "style-loader",
+                        publicPath: ""
+                    })
+                },
+                {
+                    include: [ path.join(process.cwd(), "src/styles.less") ],
+                    test: /\.styl$/,
+                    loaders: ExtractTextPlugin.extract({
+                        use: [
+                            "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+                            "postcss-loader",
+                            "stylus-loader?{\"sourceMap\":false,\"paths\":[]}"
+                        ],
+                        fallback: "style-loader",
+                        publicPath: ""
+                    })
+                },
+                { test: /\.ts$/, loader: "@ngtools/webpack" }
+            ]
+        },
+        plugins: [
+            new CleanWebpackPlugin(['dist', 'build'], {
+                root: path.join(__dirname, ''),
+                verbose: true,
+                dry: false,
+                exclude: ['shared.js']
+            }),
+            new webpack.LoaderOptionsPlugin({
+                debug: false
+            }),
+            new webpack.DefinePlugin({
+                process: {
+                    env: {
+                        sdcConfig: prod? '"production"': '"development"'
+                    }
+                }
+            }),
+            new webpack.NoEmitOnErrorsPlugin(),
+            new ProgressPlugin(),
+            // new HtmlWebpackPlugin({
+            //     template: "./src/index.html",
+            //     filename: "./index.html",
+            //     hash: false,
+            //     inject: true,
+            //     compile: true,
+            //     favicon: false,
+            //     minify: false,
+            //     cache: true,
+            //     showErrors: true,
+            //     chunks: "all",
+            //     excludeChunks: [],
+            //     title: "Webpack App",
+            //     xhtml: true,
+            //     chunksSortMode: function sort(left, right) {
+            //         let paramsString = params.entryPoints + '';
+            //         let leftString = left.names[0].replace('scripts/','');
+            //         let rightString = right.names[0].replace('scripts/','');
+            //         let leftIndex = paramsString.indexOf(leftString);
+            //         let rightindex = paramsString.indexOf(rightString);
+            //         //console.log("left: " + leftString + " | leftIndex: " + leftIndex);
+            //         //console.log("right: " + rightString + " | rightindex: " + rightindex);
+            //         //console.log("result: " + leftIndex-rightindex);
+            //         //console.log("----------------------------------------");
+            //         return leftIndex-rightindex;
+            //     }
+            // }),
+            new GlobCopyWebpackPlugin({
+                patterns: [
+                    "assets/languages",
+                    "assets/styles/fonts",
+                    "assets/styles/images",
+                    "assets/styles/app.css"
+                ],
+                globOptions: {
+                    cwd: path.join(process.cwd(), "src"),
+                    dot: true,
+                    ignore: "**/.gitkeep"
+                }
+            }),
+            new GlobCopyWebpackPlugin({
+                patterns: [
+                    "configurations"
+                ],
+                globOptions: {
+                    cwd: path.join(process.cwd(), ""),
+                    dot: true,
+                    ignore: "**/.gitkeep"
+                }
+            }),
+            new BaseHrefWebpackPlugin({}),
+            new CommonsChunkPlugin({
+                name: "scripts/inline",
+                minChunks: null
+            }),
+            new CommonsChunkPlugin({
+                name: "scripts/vendor",
+                minChunks: (module) => module.resource && module.resource.startsWith(nodeModules),
+                chunks: [
+                    "main"
+                ]
+            }),
+            new ExtractTextPlugin({
+                filename: "[name].bundle.css",
+                disable: true
+            }),
+            new webpack.LoaderOptionsPlugin({
+                sourceMap: false,
+                options: {
+                    postcss: [
+                        autoprefixer(),
+                        postcssUrl({
+                            url: (URL) => {
+                                // Only convert absolute URLs, which CSS-Loader won't process into require().
+                                if (!URL.startsWith('/')) {
+                                    return URL;
+                                }
+                                // Join together base-href, deploy-url and the original URL.
+                                // Also dedupe multiple slashes into single ones.
+                                return `/${baseHref || ''}/${deployUrl || ''}/${URL}`.replace(/\/\/+/g, '/');
+                            }
+                        })
+                    ],
+                    sassLoader: {
+                        sourceMap: false,
+                        includePaths: []
+                    },
+                    lessLoader: {
+                        sourceMap: false
+                    },
+                    context: ""
+                }
+            }),
+            new AotPlugin({
+                mainPath: "main.ts",
+                exclude: [],
+                tsConfigPath: "src/tsconfig.json",
+                skipCodeGeneration: true
+            })
+        ],
+        node: {
+            fs: "empty",
+            global: true,
+            crypto: "empty",
+            tls: "empty",
+            net: "empty",
+            process: true,
+            module: false,
+            clearImmediate: false,
+            setImmediate: false
+        }
+    }
+
+    return webpackCommonConfig;
+}