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

package/configs/esbuild/alias.js

@@ -4,6 +4,11 @@ const commonResolve = require("@bigbinary/neeto-commons-frontend/configs/webpack
 
 module.exports = {
   ...commonResolve.alias,
+  "@bigbinary/neetoui/dist": path.resolve(
+    __dirname,
+    "../../../",
+    "neetoui/dist/index.css"
+  ),
   images: path.resolve(process.cwd(), "app/assets/images"),
   assert: require.resolve("assert/"),
   buffer: require.resolve("buffer/"),

package/configs/esbuild/babel.config.js

@@ -1,4 +1,4 @@
-const { BABEL_CONFIG } = require("configs/esbuild/constants");
+const { BABEL_CONFIG } = require("./constants");
 
 module.exports = api => {
   api.cache(true);

package/configs/vite/index.js

@@ -3,6 +3,7 @@ const dotenv = require("dotenv");
 
 const { prevalPlugin } = require("./plugins/preval.js");
 const svgr = require("./plugins/svgr.js");
+const { virtualizedPlugin } = require("./plugins/virtualized.js");
 
 const postCssConfig = require("../../../../../postcss.config.js");
 const { BABEL_CONFIG } = require("../esbuild/constants.js");
@@ -15,7 +16,12 @@ const port = process.env.DEVSERVER_PORT || 8000;
 
 const config = {
   css: { postcss: postCssConfig },
-  plugins: [svgr(), react({ babel: BABEL_CONFIG }), prevalPlugin()],
+  plugins: [
+    svgr(),
+    react({ babel: BABEL_CONFIG }),
+    virtualizedPlugin(),
+    prevalPlugin(),
+  ],
   resolve: { extensions: esbuildConfig.resolveExtensions },
   server: { port, origin: `http://localhost:${port}` },
   build: {
@@ -26,6 +32,7 @@ const config = {
       input: { application: entryPoint("app/javascript/packs/application.js") },
     },
   },
+  optimizeDeps: { include: ["react-virtualized"] },
   define: esbuildConfig.define,
   root: "app/javascript/packs",
 };

package/configs/vite/plugins/virtualized.js

@@ -0,0 +1,21 @@
+const fs = require("fs");
+const path = require("path");
+
+const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";`;
+
+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);
+  },
+});
+
+module.exports = { virtualizedPlugin };

package/package.json

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