@bigbinary/neeto-commons-frontend 4.13.12 → 4.13.14

package/configs/esbuild/index.js

@@ -34,6 +34,7 @@ dotenv.config({ path: isProduction ? ".env" : ".env.development" });
 const config = {
   entryPoints: {
     application: entryPoint("app/javascript/packs/application.js"),
+    error: entryPoint("app/javascript/packs/error.js"),
   },
   publicPath: `${assetHost ?? ""}/assets`,
   bundle: true,

package/configs/vite/index.js

@@ -3,6 +3,7 @@ const { default: viteYaml } = require("@modyfi/vite-plugin-yaml");
 const { default: react } = require("@vitejs/plugin-react");
 const dotenv = require("dotenv");
 
+const { nanoDevelopmentPlugin } = require("./plugins/nanoDevelopment.js");
 const { prevalPlugin } = require("./plugins/preval.js");
 const { reactGiphyPlugin } = require("./plugins/reactGiphy.js");
 const svgr = require("./plugins/svgr.js");
@@ -11,7 +12,6 @@ const { virtualizedPlugin } = require("./plugins/virtualized.js");
 const postCssConfig = require("../../../../../postcss.config.js");
 const { VITE_BABEL_CONFIG } = require("../esbuild/constants.js");
 const { config: esbuildConfig } = require("../esbuild/index.js");
-const { entryPoint } = require("../esbuild/utils.js");
 
 dotenv.config({ path: ".env.development" });
 
@@ -27,6 +27,7 @@ const config = {
     reactGiphyPlugin(),
     prevalPlugin(),
     viteYaml(),
+    nanoDevelopmentPlugin(),
   ],
   resolve: { extensions: esbuildConfig.resolveExtensions },
   server: { port, origin: `http://localhost:${port}` },
@@ -34,9 +35,7 @@ const config = {
     manifest: true,
     sourcemap: true,
     cssCodeSplit: false,
-    rollupOptions: {
-      input: { application: entryPoint("app/javascript/packs/application.js") },
-    },
+    rollupOptions: { input: esbuildConfig.entryPoints },
   },
   define: { ...esbuildConfig.define, global: "{}" },
   root: "app/javascript/packs",

package/configs/vite/plugins/nanoDevelopment.js

@@ -0,0 +1,29 @@
+/* eslint-disable @bigbinary/neeto/no-dangling-constants */
+
+const path = require("path");
+
+const { watch } = require("chokidar");
+
+const nanoDevelopmentPlugin = () => ({
+  name: "vite-plugin-nano-development",
+  configureServer: server => {
+    const bigBinaryPackages = path.resolve(
+      process.cwd(),
+      "node_modules",
+      "@bigbinary"
+    );
+
+    watch(bigBinaryPackages, { ignoreInitial: true })
+      .on("all", async event => {
+        if (event === "change" || event === "add") {
+          await server.restart(true);
+        }
+      })
+      .on("error", error =>
+        /* eslint-disable no-console */
+        console.log(`[nano-development-plugin] watcher error: ${error}`)
+      );
+  },
+});
+
+module.exports = { nanoDevelopmentPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.13.12",
+  "version": "4.13.14",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",