chore(lens): integrate memlens package to the memlab build script

Summary:
This diff integrates the MemLens build into MemLab’s build script, so when OSS users run `npm run build && npm run test` in the MemLab OSS project, it will also build and test the Lens project.

Also updated next.js dependency to avoid potential vulnerabilities.

Reviewed By: tulga1970

Differential Revision: D72186995

fbshipit-source-id: 26a903379d3f14fdd55b90cc205022c05f8d56bc

Author: JacksonGL

.gitignore

@@ -17,3 +17,6 @@ package-oss.json
 packages/**/dist
 yarn-error.log
 yarn.lock
+
+# But do not ignore these files
+!packages/lens/dist/*.bundle.*.(js|ts)

package.json

@@ -50,6 +50,7 @@
     "./packages/heap-analysis",
     "./packages/api",
     "./packages/cli",
+    "./packages/lens",
     "./packages/memlab"
   ]
 }

packages/e2e/static/example/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "14.2.15",
+    "next": "14.2.21",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },

packages/lens/webpack.config.js

@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall memory_lab
+ */
+const path = require('path');
+
+const createConfig = ({entry, filename, minimize}) => ({
+  entry,
+  output: {
+    filename,
+    path: path.resolve(__dirname, 'dist'),
+    library: entry.lib
+      ? {
+          name: 'MemLens',
+          type: 'umd',
+        }
+      : undefined,
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  mode: 'production',
+  optimization: {
+    minimize,
+  },
+});
+
+/** Export 4 builds: lib (min/non-min), run (min/non-min) */
+module.exports = [
+  createConfig({
+    entry: {lib: './src/memlens.lib.ts'},
+    filename: 'memlens.lib.bundle.js', // non-minified
+    mode: 'production',
+    minimize: false,
+  }),
+  createConfig({
+    entry: {lib: './src/memlens.lib.ts'},
+    filename: 'memlens.lib.bundle.min.js', // minified
+    mode: 'production',
+    minimize: true,
+  }),
+  createConfig({
+    entry: {run: './src/memlens.run.ts'},
+    filename: 'memlens.run.bundle.js', // non-minified
+    mode: 'production',
+    minimize: false,
+  }),
+  createConfig({
+    entry: {run: './src/memlens.run.ts'},
+    filename: 'memlens.run.bundle.min.js', // minified
+    mode: 'production',
+    minimize: true,
+  }),
+];