@bigbinary/neeto-editor 0.2.12 → 0.2.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-editor",
-  "version": "0.2.12",
+  "version": "0.2.16",
   "main": "./build/index.js",
   "description": "Neeto Editor is the library that drives the rich text experience in all Neeto products built at BigBinary",
   "keywords": [
@@ -53,6 +53,7 @@
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/preset-env": "^7.13.15",
     "@babel/preset-react": "^7.13.13",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "autoprefixer": "^9",
     "babel-loader": "^8.2.2",
     "css-loader": "^4.3.0",
@@ -67,6 +68,7 @@
     "postcss-preset-env": "^6.7.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-refresh": "^0.11.0",
     "react-scripts": "4.0.3",
     "sass": "^1.26.11",
     "sass-loader": "^10.0.2",
@@ -82,7 +84,7 @@
   },
   "scripts": {
     "start": "NODE_ENV=development webpack-dev-server --open --mode development --config webpack.dev.config.js",
-    "build": "NODE_ENV=production webpack --config webpack.dev.config.js",
+    "build": "NODE_ENV=production webpack --config webpack.example.config.js",
     "webpack-build": "NODE_ENV=production webpack --mode production"
   },
   "eslintConfig": {

package/webpack.config.js

@@ -38,7 +38,7 @@ module.exports = [
       ],
     },
     output: {
-      path: __dirname + "/dist",
+      path: __dirname + "/build",
       filename: "index.js",
       library: "neeto-editor",
       libraryTarget: "umd",
@@ -79,5 +79,8 @@ module.exports = [
     optimization: {
       minimizer: [new CssMinimizerPlugin()],
     },
+    output: {
+      path: __dirname + "/dist",
+    },
   },
 ];

package/webpack.dev.config.js

@@ -1,12 +1,10 @@
 const HtmlWebPackPlugin = require("html-webpack-plugin");
+const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
 const path = require("path");
 
 module.exports = {
   entry: "./example/index.js",
-  devtool:
-    process.env.NODE_ENV === "production"
-      ? "source-map"
-      : "cheap-module-eval-source-map",
+  devtool: "cheap-module-eval-source-map",
   module: {
     rules: [
       {
@@ -14,6 +12,9 @@ module.exports = {
         exclude: /node_modules/,
         use: {
           loader: "babel-loader",
+          options: {
+            plugins: ["react-refresh/babel"],
+          },
         },
       },
       {
@@ -52,12 +53,14 @@ module.exports = {
   },
   devServer: {
     historyApiFallback: true,
+    hot: true,
   },
   plugins: [
     new HtmlWebPackPlugin({
       template: "./public/index.html",
       filename: "./index.html",
     }),
+    new ReactRefreshWebpackPlugin({ overlay: false }),
   ],
   resolve: {
     alias: {

package/webpack.example.config.js

@@ -0,0 +1,67 @@
+const HtmlWebPackPlugin = require("html-webpack-plugin");
+const path = require("path");
+
+module.exports = {
+  entry: "./example/index.js",
+  devtool: "source-map",
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+        },
+      },
+      {
+        test: /\.html$/,
+        use: [
+          {
+            loader: "html-loader",
+          },
+        ],
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)$/i,
+        use: [
+          {
+            loader: "file-loader",
+          },
+        ],
+      },
+      {
+        test: /\.(sass|css|scss)$/,
+        use: [
+          // Creates `style` nodes from JS strings
+          "style-loader",
+          // Translates CSS into CommonJS
+          "css-loader",
+          "postcss-loader",
+          // Compiles Sass to CSS
+          "sass-loader",
+        ],
+      },
+    ],
+  },
+  output: {
+    path: __dirname + "/build",
+    publicPath: "/",
+  },
+  devServer: {
+    historyApiFallback: true,
+  },
+  plugins: [
+    new HtmlWebPackPlugin({
+      template: "./public/index.html",
+      filename: "./index.html",
+    }),
+  ],
+  resolve: {
+    alias: {
+      components: path.resolve(__dirname, "/lib/components"),
+      hooks: path.resolve(__dirname, "/lib/hooks"),
+      constants: path.resolve(__dirname, "/lib/constants"),
+      utils: path.resolve(__dirname, "/lib/utils"),
+    },
+  },
+};