@bigbinary/neeto-commons-frontend 4.13.0-beta.15 → 4.13.0-beta.18

package/configs/esbuild/alias.js

@@ -9,6 +9,16 @@ module.exports = {
     "../../../",
     "neetoui/dist/index.css"
   ),
+  "@bigbinary/neeto-form-frontend/dist": path.resolve(
+    __dirname,
+    "../../../",
+    "neeto-form-frontend/dist"
+  ),
+  "@bigbinary/neeto-time-zones/dist": path.resolve(
+    __dirname,
+    "../../../",
+    "neeto-time-zones/dist"
+  ),
   images: path.resolve(process.cwd(), "app/assets/images"),
   assert: require.resolve("assert/"),
   buffer: require.resolve("buffer/"),

package/configs/esbuild/index.js

@@ -9,9 +9,9 @@ const sass = require("sass");
 
 const alias = require("./alias.js");
 const { babelPlugin } = require("./plugins/babel.js");
+const { entrypointPlugin } = require("./plugins/entrypoint.js");
 const { prevalPlugin } = require("./plugins/preval.js");
 const { virtualizedPlugin } = require("./plugins/virtualized.js");
-const { watchPlugin } = require("./plugins/watch.js");
 const { createDefinitions, entryPoint, build, watch } = require("./utils.js");
 
 const postCssConfig = require("../../../../../postcss.config.js");
@@ -39,7 +39,7 @@ const config = {
   chunkNames: "chunks/[name]-[hash].digested",
   plugins: [
     rails(),
-    watchPlugin(isWatchMode),
+    entrypointPlugin(isWatchMode),
     prevalPlugin(),
     babelPlugin(),
     virtualizedPlugin(),

package/configs/esbuild/plugins/entrypoint.js

@@ -0,0 +1,44 @@
+// Matches:
+// const componentsContext = { App };
+const COMPONENT_CONTEXT = /const\s+componentsContext\s*=\s*{[^}]+};?/;
+
+// Matches:
+// const App = React.lazy(() => import("src/App"));
+const LAZY_LOAD_IMPORT =
+  /const\s+(\w+)\s*=\s*React\.lazy\(\s*\(\)\s*=>\s*import\(["'](.*?)["']\)\);?/;
+
+const entrypointPlugin = isWatch => ({
+  name: "entrypoint-plugin",
+  setup(build) {
+    build.onLoad({ filter: /app\/javascript\/packs\/\w+\.js/ }, async args => {
+      const fs = require("fs").promises;
+      const contents = await fs.readFile(args.path, "utf8");
+
+      const eventSrcCode = `new EventSource("http://localhost:${
+        process.env.DEVSERVER_PORT || 8000
+      }/esbuild").addEventListener('change', () => location.reload());`;
+
+      const contentsWithEventSource = isWatch
+        ? `${eventSrcCode}\n${contents}`
+        : contents;
+
+      const lazyLoadImport = contents.match(LAZY_LOAD_IMPORT);
+      const componentContext = contents.match(COMPONENT_CONTEXT);
+      if (lazyLoadImport && componentContext) {
+        const componentName = lazyLoadImport[1];
+        const importPath = lazyLoadImport[2];
+        const updatedContext = `const componentsContext = { ${componentName}: require("${importPath}").default };`;
+
+        const transformedContents = contentsWithEventSource
+          .replace(LAZY_LOAD_IMPORT, "")
+          .replace(COMPONENT_CONTEXT, updatedContext);
+
+        return { contents: transformedContents, loader: "js" };
+      }
+
+      return { contents: contentsWithEventSource, loader: "js" };
+    });
+  },
+});
+
+module.exports = { entrypointPlugin };

package/configs/vite/plugins/virtualized.js

@@ -6,15 +6,17 @@ const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScr
 const virtualizedPlugin = () => ({
   name: "flat:react-virtualized",
   configResolved() {
-    const file = require
-      .resolve("react-virtualized")
-      .replace(
-        path.join("dist", "commonjs", "index.js"),
-        path.join("dist", "es", "WindowScroller", "utils", "onScroll.js")
-      );
-    const code = fs.readFileSync(file, "utf-8");
-    const modified = code.replace(WRONG_CODE, "");
-    fs.writeFileSync(file, modified);
+    try {
+      const file = require
+        .resolve("react-virtualized")
+        .replace(
+          path.join("dist", "commonjs", "index.js"),
+          path.join("dist", "es", "WindowScroller", "utils", "onScroll.js")
+        );
+      const code = fs.readFileSync(file, "utf-8");
+      const modified = code.replace(WRONG_CODE, "");
+      fs.writeFileSync(file, modified);
+    } catch {}
   },
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.13.0-beta.15",
+  "version": "4.13.0-beta.18",
   "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>",

package/configs/esbuild/plugins/watch.js

@@ -1,24 +0,0 @@
-const EVENT_SRC_CODE = `new EventSource("http://localhost:${
-  process.env.DEVSERVER_PORT || 8000
-}/esbuild").addEventListener('change', () => location.reload());`;
-
-const watchPlugin = isWatch => ({
-  name: "watch-plugin",
-  setup(build) {
-    build.onLoad(
-      { filter: /app\/javascript\/packs\/application.js/ },
-      async args => {
-        const fs = require("fs").promises;
-        const contents = await fs.readFile(args.path, "utf8");
-        const appendedContents = `${EVENT_SRC_CODE}\n${contents}`;
-
-        return {
-          contents: isWatch ? appendedContents : contents,
-          loader: "js",
-        };
-      }
-    );
-  },
-});
-
-module.exports = { watchPlugin };