@standardnotes/simple-task-editor 1.3.10

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@standardnotes/simple-task-editor",
+  "version": "1.3.10",
+  "main": "dist/dist.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack --config webpack.prod.js",
+    "start": "webpack serve --config webpack.dev.js --progress --hot",
+    "lint": "eslint app/ --ext .js",
+    "lint:fix": "yarn lint --fix",
+    "prepublishOnly": "npm run build"
+  },
+  "sn": {
+    "main": "dist/index.html"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.13.10",
+    "@babel/eslint-parser": "^7.13.10",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
+    "@babel/plugin-transform-runtime": "^7.13.0",
+    "@babel/preset-env": "^7.13.10",
+    "@babel/preset-react": "^7.12.13",
+    "@standardnotes/component-relay": "2.2.0",
+    "@standardnotes/eslint-config-extensions": "^1.0.2",
+    "babel-loader": "^8.2.2",
+    "css-loader": "^5.1.3",
+    "eslint": "^7.22.0",
+    "eslint-plugin-react": "^7.23.1",
+    "html-webpack-plugin": "^5.3.1",
+    "husky": "^5.2.0",
+    "mini-css-extract-plugin": "^1.3.9",
+    "node-sass": "^5.0.0",
+    "prop-types": "^15.7.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "regenerator-runtime": "^0.13.7",
+    "sass-loader": "^11.0.1",
+    "sn-stylekit": "2.0.19",
+    "sortablejs": "^1.10.1",
+    "style-loader": "^1.0.1",
+    "terser-webpack-plugin": "^5.1.1",
+    "validate-commit-msg": "2.x",
+    "webpack": "5.24.4",
+    "webpack-cli": "4.5.0",
+    "webpack-dev-server": "3.11.2",
+    "webpack-merge": "5.7.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/webpack.config.js

@@ -0,0 +1,58 @@
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+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.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.s[ac]ss$/i,
+        exclude: /node_modules/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          "css-loader",
+          {
+            loader: "sass-loader"
+          },
+        ],
+      },
+      {
+        test: /\.js[x]?$/,
+        include: [
+          path.resolve(__dirname, 'app'),
+          path.resolve(__dirname, 'node_modules/@standardnotes/component-relay/dist/dist.js')
+        ],
+        exclude: /node_modules/,
+        use: ['babel-loader']
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+    alias: {
+      stylekit: path.resolve(__dirname, 'node_modules/sn-stylekit/dist/stylekit.css'),
+      '@Components': path.resolve(__dirname, 'app/components'),
+      '@Lib': path.resolve(__dirname, 'app/lib'),
+      '@Models': path.resolve(__dirname, 'app/models')
+    }
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: "dist.css"
+    }),
+    new HtmlWebpackPlugin({
+      title: "Simple Task Editor",
+      template: 'editor.index.ejs',
+      filename: 'index.html'
+    })
+  ]
+};

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()]
+  }
+});