guestbell-forms 3.0.39 → 3.0.41

package/webpack/webpack.config.base.js

@@ -0,0 +1,139 @@
+const path = require('path');
+const webpack = require('webpack');
+var isLocalBuild =
+  process.env &&
+  process.env.NODE_ENV &&
+  process.env.NODE_ENV.trim().toString() == 'local';
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+  target: 'web',
+  resolve: {
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+  },
+  entry: {
+    'guestbell-forms': './src/lib/index.ts',
+    'guestbell-forms': './src/lib/scss/index.scss',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(j|t)sx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            cacheDirectory: true,
+            babelrc: false,
+            presets: [
+              [
+                '@babel/preset-env',
+                { targets: { browsers: 'last 2 versions' } }, // or whatever your project requires
+              ],
+              '@babel/preset-typescript',
+              '@babel/preset-react',
+            ],
+            plugins: [
+              // plugin-proposal-decorators is only needed if you're using experimental decorators in TypeScript
+              // ["@babel/plugin-proposal-decorators", { legacy: true }],
+              ['@babel/plugin-proposal-class-properties', { loose: true }],
+              'react-hot-loader/babel',
+            ],
+          },
+        },
+      },
+      /*{
+          test: /\.tsx?$/,
+          include: /src/,
+          use: {
+              loader: 'ts-loader',//'awesome-typescript-loader?silent=true',
+              options: {
+                  // disable type checker - we will use it in fork plugin
+                  transpileOnly: true,
+                  experimentalWatchApi: true,
+              }
+          }
+      },*/
+      {
+        test: /\.(scss|css)$/,
+        use: [
+          isLocalBuild
+            ? {
+                loader: 'style-loader',
+              }
+            : {
+                loader: MiniCssExtractPlugin.loader,
+              },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'postcss-loader',
+            options: {
+              sourceMap: true,
+              postcssOptions: {
+                plugins: (loader) => [require('autoprefixer')()],
+              },
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+      {
+        test: /\.(svg)$/,
+        use: {
+          loader: 'svg-react-loader',
+          options: {
+            query: {
+              props: {
+                className: 'material-design-icon',
+              },
+            },
+          },
+        },
+        include: /material-design-icons/,
+      },
+      {
+        test: /\.(png|jpg|jpeg|gif|svg)$/,
+        use: 'url-loader?limit=8192&name=images/[name]-[hash].[ext]',
+        exclude: /material-design-icons/,
+      },
+    ],
+  },
+  output: {
+    path: path.join(__dirname, '../build/dist'),
+    filename: '[name].js',
+    publicPath: '../build/', // Webpack dev middleware, if enabled, handles requests for this URL prefix
+    libraryTarget: 'umd',
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+    }),
+    // new ForkTsCheckerWebpackPlugin(),
+    //new DtsBundlePlugin()
+  ],
+};
+
+function DtsBundlePlugin() {}
+DtsBundlePlugin.prototype.apply = function (compiler) {
+  compiler.plugin('done', function () {
+    var dts = require('dts-bundle');
+
+    dts.bundle({
+      name: 'guestbell-forms',
+      main: 'src/lib/index.d.ts',
+      out: '../index.d.ts',
+      //removeSource: true,
+      outputAsModuleFolder: true, // to use npm in-package typings
+    });
+  });
+};

package/webpack/webpack.config.dev.js

@@ -0,0 +1,78 @@
+const path = require('path');
+const webpack = require('webpack');
+var isLocalBuild = process.env.NODE_ENV === 'local';
+const { mergeWithCustomize } = require('webpack-merge');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+var _ = require('lodash');
+const { WebpackPluginServe: Serve } = require('webpack-plugin-serve');
+
+let htmlPluginOptions = {
+  alwaysWriteToDisk: true,
+  filename: 'index.html',
+  template: './src/demo/ClientApp/index.template.ejs',
+};
+
+const clientOutputDir = path.join(__dirname, '..', 'src', 'demo', 'wwwroot');
+
+module.exports = mergeWithCustomize({
+  customizeArray(a, b, key) {
+    if (key === 'plugins') {
+      a = _.remove(a, function (plugin) {
+        return !(plugin.filename && plugin.filename === '[name].css');
+      });
+      return a.concat(b);
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+  customizeObject(a, b, key) {
+    if (key === 'entry') {
+      return b;
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+})(require('./webpack.config.base'), {
+  resolve: {
+    alias: {
+      // 'react-dom': '@hot-loader/react-dom'
+    },
+  },
+  entry: ['./src/demo/ClientApp/Main.tsx', 'webpack-plugin-serve/client'],
+  output: {
+    path: clientOutputDir,
+    publicPath: '/',
+    filename: 'dist/[name].[hash].js',
+  },
+  externals: {},
+  mode: 'development',
+  devtool: 'inline-source-map',
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+    }),
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin(htmlPluginOptions),
+    new CopyWebpackPlugin([
+      {
+        from: './src/demo/ClientApp/assets/favicon/icons',
+        to: 'dist/icons',
+      },
+    ]),
+    new Serve({
+      port: 8082,
+      static: clientOutputDir,
+      open: true,
+      host: 'localhost',
+      progress: false,
+      hmr: true,
+      historyFallback: true,
+    }),
+  ],
+  watch: true,
+});

package/webpack/webpack.config.gh-pages.js

@@ -0,0 +1,78 @@
+const path = require('path');
+const webpack = require('webpack');
+var isLocalBuild = process.env.NODE_ENV === 'local';
+const { mergeWithCustomize } = require('webpack-merge');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+var _ = require('lodash');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+
+let htmlPluginOptions = {
+  alwaysWriteToDisk: true,
+  filename: 'index.html',
+  template: './src/demo/ClientApp/index.template.ejs',
+};
+
+module.exports = mergeWithCustomize({
+  customizeArray(a, b, key) {
+    if (key === 'plugins') {
+      a = _.remove(a, function (plugin) {
+        // console.log(JSON.stringify(plugin));
+        return !(plugin.options && plugin.options.filename === '[name].css');
+      });
+      return a.concat(b);
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+  customizeObject(a, b, key) {
+    if (key === 'entry') {
+      // Custom merging
+      return b;
+    }
+
+    if (key === 'output') {
+      // Custom merging
+      return b;
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+})(require('./webpack.config.base'), {
+  entry: {
+    main: './src/demo/ClientApp/Main.tsx',
+  },
+  output: {
+    path: path.join(__dirname, '..', 'docs'),
+    publicPath: '/guestbell-forms',
+    filename: 'dist/[name].[hash].js',
+  },
+  externals: {},
+  plugins: [
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin(htmlPluginOptions),
+    new CopyWebpackPlugin([
+      {
+        from: './src/demo/ClientApp/assets/favicon/icons',
+        to: 'dist/icons',
+      },
+    ]),
+    new MiniCssExtractPlugin({
+      filename: 'dist/[name].[hash].css',
+    }),
+  ],
+  mode: 'production',
+  optimization: {
+    minimizer: [
+      new TerserPlugin({
+        parallel: true,
+      }),
+      new OptimizeCSSAssetsPlugin({}),
+    ],
+  },
+});

package/webpack/webpack.config.js

@@ -0,0 +1,21 @@
+const path = require('path');
+const webpack = require('webpack');
+var isLocalBuild = process.env.NODE_ENV === 'local';
+const { merge } = require('webpack-merge');
+
+module.exports = merge(require('./webpack.config.base'), {
+  plugins: [],
+  externals: {
+    react: 'react',
+    'react-ink': 'react-ink',
+    'react-onclickoutside': 'react-onclickoutside',
+    'react-day-picker': 'react-day-picker',
+    'react-datepicker': 'react-datepicker',
+    'react-datepicker': 'react-datepicker',
+    'react-day-picker/DayPickerInput': 'react-day-picker/DayPickerInput',
+    'react-tippy': 'react-tippy',
+    'react-textarea-autosize': 'react-textarea-autosize',
+  },
+  devtool: 'source-map',
+  mode: 'development',
+});

package/webpack/webpack.config.min.js

@@ -0,0 +1,100 @@
+const path = require('path');
+const webpack = require('webpack');
+var isLocalBuild = process.env.NODE_ENV === 'local';
+const { mergeWithCustomize } = require('webpack-merge');
+var _ = require('lodash');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+var BundleAnalyzerPlugin =
+  require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+module.exports = mergeWithCustomize({
+  customizeArray(a, b, key) {
+    if (key === 'plugins') {
+      a = _.remove(a, function (plugin) {
+        return !(plugin.options && plugin.options.filename === '[name].css');
+      });
+      return a.concat(b);
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+  customizeObject(a, b, key) {
+    if (key === 'module') {
+      a.rules = _.remove(a.rules, function (rule) {
+        return !(
+          rule.test && rule.test.toString() == /\.(scss|css)$/.toString()
+        );
+      });
+      a.rules = a.rules.concat(b.rules);
+      return a;
+    }
+
+    // Fall back to default merging
+    return undefined;
+  },
+})(require('./webpack.config'), {
+  output: {
+    path: path.join(__dirname, '../build/dist'),
+    filename: '[name].min.js',
+    publicPath: '/build/', // Webpack dev middleware, if enabled, handles requests for this URL prefix
+    libraryTarget: 'umd',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(scss|css)$/,
+        use: [
+          isLocalBuild
+            ? {
+                loader: 'style-loader',
+                options: {
+                  sourceMap: true,
+                },
+              }
+            : {
+                loader: MiniCssExtractPlugin.loader,
+              },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'postcss-loader',
+            options: {
+              sourceMap: true,
+              postcssOptions: {
+                plugins: (loader) => [require('autoprefixer')()],
+              },
+            },
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].min.css',
+    }),
+    new BundleAnalyzerPlugin({ analyzerMode: 'static', openAnalyzer: false }),
+  ],
+  mode: 'production',
+  optimization: {
+    minimizer: [
+      new TerserPlugin({
+        parallel: true,
+      }),
+      new OptimizeCSSAssetsPlugin({}),
+    ],
+  },
+});

package/.vscode/launch.json

@@ -1,15 +0,0 @@
-{
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "chrome",
-            "request": "launch",
-            "name": "Launch Chrome against localhost",
-            "url": "http://localhost:8080",
-            "webRoot": "${workspaceFolder}"
-        }
-    ]
-}

package/.vscode/settings.json

@@ -1,27 +0,0 @@
-{
-  "cSpell.words": [
-    "Calment",
-    "Multiselect",
-    "Unmount",
-    "autosize",
-    "classname",
-    "collapser",
-    "datepicker",
-    "declartions",
-    "dropdown",
-    "esnext",
-    "fontsize",
-    "gmail",
-    "guestbell",
-    "octo",
-    "octocat",
-    "onclickoutside",
-    "petokottas",
-    "readonly",
-    "reusables",
-    "submenu",
-    "textfield",
-    "transitionend",
-    "typechecks"
-  ]
-}

package/.vscode/tasks.json

@@ -1,12 +0,0 @@
-{
-    // See https://go.microsoft.com/fwlink/?LinkId=733558
-    // for the documentation about the tasks.json format
-    "version": "2.0.0",
-    "tasks": [
-        {
-            "type": "npm",
-            "script": "start",
-            "problemMatcher": []
-        }
-    ]
-}