Merge branch 'ujjwalguptaofficial-master'

Author: krausest

frameworks/keyed/mahal/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+bin
+dist
+build
+logs

frameworks/keyed/mahal/assets/img/mahal-logo.png

@@ -0,0 +1,8 @@
+const { copyFileSync } = require('fs');
+const path = require('path');
+
+
+copyFileSync(
+    path.join(__dirname, "../", "dist/index.html"),
+    path.join(__dirname, "../index.html")
+)

frameworks/keyed/mahal/build_helper/copy_html.js

@@ -0,0 +1,3 @@
+module.exports = {
+    apiUrl: "/"
+}

frameworks/keyed/mahal/config/env/development.js

@@ -0,0 +1,6 @@
+if (process.env.NODE_ENV == 'production') {
+    module.exports = require('./production.js');
+}
+else {
+    module.exports = require('./development.js');
+}

frameworks/keyed/mahal/config/env/index.js

@@ -0,0 +1,3 @@
+module.exports = {
+    apiUrl: "/"
+}

frameworks/keyed/mahal/config/env/production.js

@@ -0,0 +1,4 @@
+declare module "*.mahal" {
+    import { Component } from "mahal";
+    export default Component;
+}

frameworks/keyed/mahal/config/lang/mahal.config.d.ts

@@ -0,0 +1,109 @@
+const path = require('path');
+const MahalPlugin = require('mahal-webpack-loader/lib/plugin');
+const HtmlWebPackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+const rootFolder = path.join(__dirname, '../../');
+
+const isEnvProduction = process.env.NODE_ENV === "production"
+
+module.exports = {
+    entry: './src/index.ts',
+    devtool: 'source-map',
+    mode: process.env.NODE_ENV || "development",
+    module: {
+        rules: [
+            {
+                test: /\.mahal?$/,
+                // loader: 'mahal-webpack-loader',
+                use: {
+                    loader: require.resolve('mahal-webpack-loader')
+                },
+                exclude: /node_modules/
+            },
+            {
+                test: /\.css?$/,
+                use: [
+                    'style-loader',
+                    'css-loader'
+                ],
+            },
+            {
+                test: /\.s[ac]ss$/i,
+                use: [
+                    // Creates `style` nodes from JS strings
+                    'style-loader',
+                    // Translates CSS into CommonJS
+                    "css-loader",
+                    // Compiles Sass to CSS
+                    "sass-loader",
+                ],
+            },
+            {
+                test: /\.ts?$/,
+                use: {
+                    loader: 'ts-loader',
+                    options: {
+                        appendTsSuffixTo: [/\.mahal$/],
+                    }
+                },
+                exclude: /node_modules/,
+            },
+            // Images
+            {
+                test: /\.(?:ico|gif|png|jpg|jpeg)$/i,
+                type: 'asset/resource',
+            },
+            // Fonts and SVGs
+            {
+                test: /\.(woff(2)?|eot|ttf|otf|svg|)$/,
+                type: 'asset/inline',
+            },
+        ]
+    },
+    resolve: {
+        extensions: ['.ts', '.js', '.css', '.mahal', '.scss'],
+        alias: {
+            "~": rootFolder,
+            "@": path.join(rootFolder, 'src'),
+            "@config": path.join(rootFolder, 'config'),
+            "@components": path.join(rootFolder, 'src', 'components')
+        },
+    },
+    output: {
+        filename: isEnvProduction ? 'js/[name].js' : 'js/[name].js',
+        chunkFilename: isEnvProduction ? 'js/[name].chunk.js' : 'js/[name].chunk.js',
+        path: path.resolve(rootFolder, 'dist'),
+        publicPath: '/'
+    },
+    plugins: [
+        new MahalPlugin({
+            lang: 'ts'
+        }),
+        new HtmlWebPackPlugin({
+            // cache: true,
+            // hash: true,
+            template: 'src/index.html',
+            minify: {
+                collapseWhitespace: true,
+                removeComments: true,
+                removeRedundantAttributes: true,
+                removeScriptTypeAttributes: true,
+                removeStyleLinkTypeAttributes: true
+            }
+        }),
+        new CleanWebpackPlugin(),
+        new CopyPlugin({
+            patterns: [{
+                from: './assets/',
+                to: ''
+            }]
+        }),
+        // new MiniCssExtractPlugin({
+        //     filename: 'css/[name].css',
+        //     chunkFilename: 'css/[name].chunk.css',
+        // })
+    ]
+};

frameworks/keyed/mahal/config/webpack/base.config.js

@@ -0,0 +1,9 @@
+const { merge } = require('webpack-merge');
+const path = require('path');
+const baseConfig = require('./base.config');
+
+module.exports = merge(baseConfig, {
+    devServer: {
+        historyApiFallback: true,
+    },
+});

frameworks/keyed/mahal/config/webpack/dev.config.js

@@ -0,0 +1,12 @@
+const { merge } = require('webpack-merge')
+const baseConfig = require('./base.config')
+
+const prod = merge(baseConfig, {
+    mode: 'production',
+    devtool: false,
+    output: {
+        publicPath: 'dist/',
+    },
+})
+
+module.exports = prod;