@standardnotes/bold-editor 1.6.3

package/webpack.config.js

@@ -0,0 +1,82 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally');
+
+module.exports = {
+  context: __dirname,
+  entry: [
+    path.resolve(__dirname, 'app/main.js'),
+    path.resolve(__dirname, 'app/stylesheets/main.scss'),
+  ],
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'dist.min.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.s[ac]ss$/i,
+        exclude: /node_modules/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          "css-loader",
+          {
+            loader: "sass-loader",
+            options: {
+              sassOptions: {
+                includePaths: [
+                  path.resolve(__dirname, 'app/stylesheets/main.scss')
+                ],
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.js[x]?$/,
+        include: [
+          path.resolve(__dirname, 'app'),
+        ],
+        exclude: /node_modules/,
+        use: ['babel-loader']
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+    alias: {
+      stylekit: require.resolve('sn-stylekit/dist/stylekit.css'),
+      '@Components': path.resolve(__dirname, 'app/components'),
+    }
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "dist.css"
+    }),
+    new HtmlWebpackPlugin({
+      title: "Bold Editor",
+      template: 'editor.index.ejs',
+      filename: 'index.html'
+    }),
+    new CopyWebpackPlugin({
+      patterns: [
+        { from: require.resolve('@standardnotes/editor-kit/dist/filesafe-js/EncryptionWorker.js'), to: 'filesafe-js/EncryptionWorker.js' },
+      ],
+    }),
+    new MergeIntoSingleFilePlugin({
+      files: {
+        "vendor.js": [
+          'redactor/src/redactor.min.js',
+          'redactor/plugins/**/*.min.js',
+        ],
+        "vendor.css": [
+          require.resolve('filesafe-embed/dist/dist.css'),
+          'redactor/src/redactor.min.css',
+          'redactor/plugins/inlinestyle/inlinestyle.min.css'
+        ]
+      }
+  }),
+  ]
+};

package/webpack.dev.js

@@ -0,0 +1,20 @@
+const path = require('path');
+const { merge } = require('webpack-merge');
+const config = require('./webpack.config.js');
+
+module.exports = merge(config, {
+  mode: 'development',
+  devtool: 'cheap-source-map',
+  devServer: {
+    port: 8001,
+    contentBase: path.resolve(__dirname, 'dist'),
+    disableHostCheck: true,
+    historyApiFallback: true,
+    watchOptions: { aggregateTimeout: 300, poll: 1000 },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization'
+    }
+  },
+});

package/webpack.prod.js

@@ -0,0 +1,11 @@
+const { merge } = require('webpack-merge');
+const config = require('./webpack.config.js');
+const TerserPlugin = require("terser-webpack-plugin");
+
+module.exports = merge(config, {
+  mode: 'production',
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()]
+  }
+});