@graphcommerce/next-config 3.1.6 → 4.30.0-canary.0

package/dist/index.d.ts

@@ -1,26 +1,6 @@
 import { NextConfig } from 'next/dist/server/config-shared';
-export declare type WorkspaceInfo = {
-    [name: string]: {
-        location: string;
-        workspaceDependencies: string[];
-        mismatchedWorkspaceDependencies: string[];
-    };
-};
-declare type TreeNode = {
-    name: string;
-    children?: TreeNode[];
-    hint: null;
-    depth: number;
-    color?: string;
-    shadow?: boolean;
-};
-export declare type ListInfo = {
-    type: 'tree';
-    data: {
-        type: 'list';
-        trees: TreeNode[];
-    };
-};
-export declare function withYarn1Scopes(scopes?: string[]): (config: NextConfig) => NextConfig;
-export declare function withYarn1Workspaces(modules?: string[]): (config: NextConfig) => NextConfig;
-export {};
+export * from './utils/isMonorepo';
+export * from './utils/resolveDependenciesSync';
+export * from './withGraphCommerce';
+export declare function withYarn1Workspaces(packages?: string[]): (config: NextConfig) => NextConfig;
+export declare function withYarn1Scopes(packages?: string[]): (config: NextConfig) => NextConfig;

package/dist/index.js

@@ -1,123 +1,29 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withYarn1Workspaces = exports.withYarn1Scopes = void 0;
-const child_process_1 = require("child_process");
-const crypto_1 = require("crypto");
-const fs_1 = require("fs");
-const next_transpile_modules_1 = __importDefault(require("next-transpile-modules"));
-const webpack_1 = require("webpack");
-function extendConfig(nextConfig) {
-    return {
-        ...nextConfig,
-        webpack: (config, options) => {
-            // Allow importing yml/yaml files for graphql-mesh
-            config.module?.rules?.push({ test: /\.ya?ml$/, use: 'js-yaml-loader' });
-            // To properly properly treeshake @apollo/client we need to define the __DEV__ property
-            if (!options.isServer) {
-                config.plugins = [new webpack_1.DefinePlugin({ __DEV__: options.dev }), ...(config.plugins ?? [])];
-            }
-            // @lingui .po file support
-            config.module?.rules?.push({ test: /\.po/, use: '@lingui/loader' });
-            config.experiments = {
-                layers: true,
-                topLevelAwait: true,
-            };
-            config.snapshot = {
-                ...(config.snapshot ?? {}),
-                managedPaths: [/^(.+?[\\/]node_modules[\\/])(?!@graphcommerce)/],
-            };
-            // `config.watchOptions.ignored = ['**/.git/**', '**/node_modules/**', '**/.next/**']
-            // Replace the '**/node_modules/**' with a regex that excludes node_modules except @graphcommerce
-            config.watchOptions = {
-                ...(config.watchOptions ?? {}),
-                ignored: ['**/.git/**', '**/node_modules/!(@graphcommerce)**', '**/.next/**'],
-            };
-            if (!config.resolve)
-                config.resolve = {};
-            config.resolve.alias = {
-                ...config.resolve.alias,
-                '@mui/base': '@mui/base/modern',
-                '@mui/lab': '@mui/lab/modern',
-                '@mui/material': '@mui/material/modern',
-                '@mui/styled-engine': '@mui/styled-engine/modern',
-                '@mui/system': '@mui/system/modern',
-            };
-            return typeof nextConfig.webpack === 'function' ? nextConfig.webpack(config, options) : config;
-        },
-    };
+exports.withYarn1Scopes = exports.withYarn1Workspaces = void 0;
+const withGraphCommerce_1 = require("./withGraphCommerce");
+__exportStar(require("./utils/isMonorepo"), exports);
+__exportStar(require("./utils/resolveDependenciesSync"), exports);
+__exportStar(require("./withGraphCommerce"), exports);
+function withYarn1Workspaces(packages = []) {
+    return (0, withGraphCommerce_1.withGraphCommerce)({ packages });
 }
-function withYarn1Scopes(scopes = ['@graphcommerce']) {
-    const packageStr = (0, fs_1.readFileSync)('package.json', 'utf-8');
-    const hashSum = (0, crypto_1.createHash)('sha256').update(packageStr, 'utf-8').digest('hex').slice(0, 10);
-    const cacheKey = `.next/cache/withYarn1Scopes.${hashSum}.json`;
-    let modules;
-    try {
-        modules = JSON.parse((0, fs_1.readFileSync)(cacheKey, 'utf-8'));
-    }
-    catch (e) {
-        const infoJson = (0, child_process_1.execSync)('yarn list --json', { encoding: 'utf-8' });
-        const workspaceInfo = JSON.parse(infoJson);
-        const list = new Set();
-        const walk = (node) => {
-            let packageName;
-            if (node.name.includes('/')) {
-                const [scope, nameWithVersion] = node.name.split('/');
-                const [name] = nameWithVersion.split('@');
-                packageName = `${scope}/${name}`;
-            }
-            else {
-                const [name] = node.name.split('@');
-                packageName = `${name}`;
-            }
-            const found = scopes.find((scope) => packageName.startsWith(scope));
-            if (found)
-                list.add(packageName);
-            node.children?.forEach(walk);
-        };
-        workspaceInfo.data.trees.map(walk);
-        modules = [...list.values()];
-        (0, fs_1.mkdirSync)('.next/cache/', { recursive: true });
-        (0, fs_1.writeFileSync)(cacheKey, JSON.stringify(modules));
-    }
-    return (config) => extendConfig((0, next_transpile_modules_1.default)(modules)(config));
+exports.withYarn1Workspaces = withYarn1Workspaces;
+function withYarn1Scopes(packages) {
+    return (0, withGraphCommerce_1.withGraphCommerce)({ packages });
 }
 exports.withYarn1Scopes = withYarn1Scopes;
-function withYarn1Workspaces(modules = []) {
-    const packageStr = (0, fs_1.readFileSync)('package.json', 'utf-8');
-    const packageJson = JSON.parse(packageStr);
-    const hashSum = (0, crypto_1.createHash)('sha256').update(packageStr, 'utf-8').digest('hex').slice(0, 10);
-    let infoJson;
-    const cacheKey = `.next/cache/withYarn1Workspaces.${hashSum}.json`;
-    try {
-        infoJson = (0, fs_1.readFileSync)(cacheKey, 'utf-8');
-    }
-    catch (e) {
-        infoJson = (0, child_process_1.execSync)('yarn list info --json', { encoding: 'utf-8' });
-        try {
-            (0, fs_1.mkdirSync)('.next/cache/', { recursive: true });
-            (0, fs_1.writeFileSync)(cacheKey, infoJson);
-        }
-        catch (er) {
-            // do nothing
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    const workspaceInfo = JSON.parse(JSON.parse(infoJson).data);
-    const requestedPackages = [
-        ...Object.keys(packageJson.dependencies ?? {}),
-        ...Object.keys(packageJson.devDependencies ?? {}),
-    ];
-    const entries = Object.entries(workspaceInfo);
-    const m = new Set(modules);
-    entries.forEach(([p, b]) => {
-        if (requestedPackages.includes(p)) {
-            m.add(p);
-            b.workspaceDependencies.forEach((wp) => m.add(wp));
-        }
-    });
-    return (config) => extendConfig((0, next_transpile_modules_1.default)([...m.values()])(config));
-}
-exports.withYarn1Workspaces = withYarn1Workspaces;

package/dist/utils/isMonorepo.d.ts

@@ -0,0 +1 @@
+export declare function isMonorepo(): boolean;

package/dist/utils/isMonorepo.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMonorepo = void 0;
+const node_path_1 = __importDefault(require("node:path"));
+function isMonorepo() {
+    const root = process.cwd();
+    const meshDir = node_path_1.default.dirname(require.resolve('@graphcommerce/graphql-mesh'));
+    const relativePath = node_path_1.default.join(node_path_1.default.relative(meshDir, root), '/');
+    return relativePath.startsWith(`..${node_path_1.default.sep}..${node_path_1.default.sep}examples`);
+}
+exports.isMonorepo = isMonorepo;

package/dist/utils/resolveDependenciesSync.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This will return a list of all dependencies that have `graphcommerce` in the name, matching:
+ *
+ * - `@graphcommerce/package-name`
+ * - `@mycompany/graphcommerce-my-feature`
+ *
+ * It will traverse children until it finds a package that doesn't contain graphcommerce in the name
+ * and stop there, not checking children.
+ */
+export declare function resolveDependenciesSync(root?: string): Map<string, string>;

package/dist/utils/resolveDependenciesSync.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveDependenciesSync = void 0;
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
+function resolveRecursivePackageJson(packageJsonFilename, packageNames) {
+    try {
+        const packageJsonFile = node_fs_1.default.readFileSync(packageJsonFilename, 'utf-8').toString();
+        const packageJson = JSON.parse(packageJsonFile);
+        if (!packageJson.name)
+            throw Error('Package does not have a name');
+        const dependencies = [
+            ...Object.keys(packageJson.dependencies ?? {}),
+            ...Object.keys(packageJson.devDependencies ?? {}),
+            ...Object.keys(packageJson.peerDependencies ?? {}),
+        ];
+        const isGraphCommerce = !!dependencies.some((name) => name.includes('graphcommerce'));
+        if (!isGraphCommerce)
+            return packageNames;
+        const dirName = node_path_1.default.dirname(node_path_1.default.relative(process.cwd(), packageJsonFilename));
+        if (packageNames.has(packageJson.name))
+            return packageNames;
+        // Package not found, recursively scan
+        packageNames.set(packageJson.name, dirName);
+        dependencies.map((dependency) => {
+            try {
+                const filePath = require.resolve(node_path_1.default.join(dependency, 'package.json'));
+                if (filePath)
+                    return resolveRecursivePackageJson(filePath, packageNames);
+            }
+            catch {
+                return false;
+            }
+            return false;
+        });
+    }
+    catch (e) {
+        // File is not a JSON file or something like that, we now skip this file
+    }
+    return packageNames;
+}
+/**
+ * This will return a list of all dependencies that have `graphcommerce` in the name, matching:
+ *
+ * - `@graphcommerce/package-name`
+ * - `@mycompany/graphcommerce-my-feature`
+ *
+ * It will traverse children until it finds a package that doesn't contain graphcommerce in the name
+ * and stop there, not checking children.
+ */
+function resolveDependenciesSync(root = process.cwd()) {
+    return resolveRecursivePackageJson(node_path_1.default.join(root, 'package.json'), new Map());
+}
+exports.resolveDependenciesSync = resolveDependenciesSync;

package/dist/withGraphCommerce.d.ts

@@ -0,0 +1,6 @@
+import type { NextConfig } from 'next';
+export declare type GraphCommerceConfig = {
+    /** Additional packages that should be transpiled, usually this auto generated. */
+    packages?: string[];
+};
+export declare function withGraphCommerce(conf?: GraphCommerceConfig): (config: NextConfig) => NextConfig;

package/dist/withGraphCommerce.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withGraphCommerce = void 0;
+const next_transpile_modules_1 = __importDefault(require("next-transpile-modules"));
+const webpack_1 = require("webpack");
+const resolveDependenciesSync_1 = require("./utils/resolveDependenciesSync");
+function extendConfig(nextConfig, modules) {
+    return {
+        ...nextConfig,
+        webpack: (config, options) => {
+            // Allow importing yml/yaml files for graphql-mesh
+            config.module?.rules?.push({ test: /\.ya?ml$/, use: 'js-yaml-loader' });
+            // To properly properly treeshake @apollo/client we need to define the __DEV__ property
+            if (!options.isServer) {
+                config.plugins = [new webpack_1.DefinePlugin({ __DEV__: options.dev }), ...(config.plugins ?? [])];
+            }
+            // @lingui .po file support
+            config.module?.rules?.push({ test: /\.po/, use: '@lingui/loader' });
+            config.experiments = {
+                layers: true,
+                topLevelAwait: true,
+            };
+            config.snapshot = {
+                ...(config.snapshot ?? {}),
+                managedPaths: [new RegExp(`^(.+?[\\/]node_modules[\\/])(?!${modules.join('|')})`)],
+            };
+            // `config.watchOptions.ignored = ['**/.git/**', '**/node_modules/**', '**/.next/**']
+            config.watchOptions = {
+                ...(config.watchOptions ?? {}),
+                ignored: ['**/.git/**', `**/node_modules/!(${modules.join('|')})**`, '**/.next/**'],
+            };
+            if (!config.resolve)
+                config.resolve = {};
+            config.resolve.alias = {
+                ...config.resolve.alias,
+                '@mui/base': '@mui/base/modern',
+                '@mui/lab': '@mui/lab/modern',
+                '@mui/material': '@mui/material/modern',
+                '@mui/styled-engine': '@mui/styled-engine/modern',
+                '@mui/system': '@mui/system/modern',
+            };
+            return typeof nextConfig.webpack === 'function' ? nextConfig.webpack(config, options) : config;
+        },
+    };
+}
+function withGraphCommerce(conf = {}) {
+    const { packages = [] } = conf;
+    const dependencies = [...(0, resolveDependenciesSync_1.resolveDependenciesSync)().keys()];
+    const modules = [...dependencies, ...packages];
+    return (config) => extendConfig((0, next_transpile_modules_1.default)(modules)(config), modules);
+}
+exports.withGraphCommerce = withGraphCommerce;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-config",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.1.6",
+  "version": "4.30.0-canary.0",
   "type": "commonjs",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -13,6 +13,7 @@
     "prepack": "yarn build"
   },
   "dependencies": {
+    "@graphcommerce/cli": "4.30.0-canary.0",
     "@lingui/loader": "^3.14.0",
     "js-yaml-loader": "^1.2.2",
     "next-transpile-modules": "^9.0.0",

package/src/index.ts

@@ -1,164 +1,14 @@
-import { execSync } from 'child_process'
-import { createHash } from 'crypto'
-import { readFileSync, writeFileSync, mkdirSync } from 'fs'
-import withTranspileModules from 'next-transpile-modules'
 import { NextConfig } from 'next/dist/server/config-shared'
-import type { PackageJson } from 'type-fest'
-import { DefinePlugin, Configuration } from 'webpack'
+import { withGraphCommerce } from './withGraphCommerce'
 
-export type WorkspaceInfo = {
-  [name: string]: {
-    location: string
-    workspaceDependencies: string[]
-    mismatchedWorkspaceDependencies: string[]
-  }
-}
-
-type TreeNode = {
-  name: string
-  children?: TreeNode[]
-  hint: null
-  depth: number
-  color?: string
-  shadow?: boolean
-}
-
-export type ListInfo = {
-  type: 'tree'
-  data: {
-    type: 'list'
-    trees: TreeNode[]
-  }
-}
-
-function extendConfig(nextConfig: NextConfig): NextConfig {
-  return {
-    ...nextConfig,
-    webpack: (config: Configuration, options) => {
-      // Allow importing yml/yaml files for graphql-mesh
-      config.module?.rules?.push({ test: /\.ya?ml$/, use: 'js-yaml-loader' })
-
-      // To properly properly treeshake @apollo/client we need to define the __DEV__ property
-      if (!options.isServer) {
-        config.plugins = [new DefinePlugin({ __DEV__: options.dev }), ...(config.plugins ?? [])]
-      }
-
-      // @lingui .po file support
-      config.module?.rules?.push({ test: /\.po/, use: '@lingui/loader' })
-
-      config.experiments = {
-        layers: true,
-        topLevelAwait: true,
-      }
-
-      config.snapshot = {
-        ...(config.snapshot ?? {}),
-        managedPaths: [/^(.+?[\\/]node_modules[\\/])(?!@graphcommerce)/],
-      }
-
-      // `config.watchOptions.ignored = ['**/.git/**', '**/node_modules/**', '**/.next/**']
-      // Replace the '**/node_modules/**' with a regex that excludes node_modules except @graphcommerce
-      config.watchOptions = {
-        ...(config.watchOptions ?? {}),
-        ignored: ['**/.git/**', '**/node_modules/!(@graphcommerce)**', '**/.next/**'],
-      }
-
-      if (!config.resolve) config.resolve = {}
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        '@mui/base': '@mui/base/modern',
-        '@mui/lab': '@mui/lab/modern',
-        '@mui/material': '@mui/material/modern',
-        '@mui/styled-engine': '@mui/styled-engine/modern',
-        '@mui/system': '@mui/system/modern',
-      }
-
-      return typeof nextConfig.webpack === 'function' ? nextConfig.webpack(config, options) : config
-    },
-  }
-}
-
-export function withYarn1Scopes(
-  scopes: string[] = ['@graphcommerce'],
-): (config: NextConfig) => NextConfig {
-  const packageStr = readFileSync('package.json', 'utf-8')
+export * from './utils/isMonorepo'
+export * from './utils/resolveDependenciesSync'
+export * from './withGraphCommerce'
 
-  const hashSum = createHash('sha256').update(packageStr, 'utf-8').digest('hex').slice(0, 10)
-
-  const cacheKey = `.next/cache/withYarn1Scopes.${hashSum}.json`
-  let modules: string[]
-  try {
-    modules = JSON.parse(readFileSync(cacheKey, 'utf-8')) as string[]
-  } catch (e) {
-    const infoJson: string = execSync('yarn list --json', { encoding: 'utf-8' })
-
-    const workspaceInfo = JSON.parse(infoJson) as ListInfo
-
-    const list: Set<string> = new Set()
-    const walk = (node: TreeNode) => {
-      let packageName: string
-      if (node.name.includes('/')) {
-        const [scope, nameWithVersion] = node.name.split('/')
-        const [name] = nameWithVersion.split('@')
-        packageName = `${scope}/${name}`
-      } else {
-        const [name] = node.name.split('@')
-        packageName = `${name}`
-      }
-
-      const found = scopes.find((scope) => packageName.startsWith(scope))
-      if (found) list.add(packageName)
-
-      node.children?.forEach(walk)
-    }
-    workspaceInfo.data.trees.map(walk)
-
-    modules = [...list.values()]
-
-    mkdirSync('.next/cache/', { recursive: true })
-    writeFileSync(cacheKey, JSON.stringify(modules))
-  }
-
-  return (config) => extendConfig(withTranspileModules(modules)(config))
+export function withYarn1Workspaces(packages: string[] = []): (config: NextConfig) => NextConfig {
+  return withGraphCommerce({ packages })
 }
 
-export function withYarn1Workspaces(modules: string[] = []): (config: NextConfig) => NextConfig {
-  const packageStr = readFileSync('package.json', 'utf-8')
-  const packageJson = JSON.parse(packageStr) as PackageJson
-
-  const hashSum = createHash('sha256').update(packageStr, 'utf-8').digest('hex').slice(0, 10)
-
-  let infoJson: string
-  const cacheKey = `.next/cache/withYarn1Workspaces.${hashSum}.json`
-  try {
-    infoJson = readFileSync(cacheKey, 'utf-8')
-  } catch (e) {
-    infoJson = execSync('yarn list info --json', { encoding: 'utf-8' })
-    try {
-      mkdirSync('.next/cache/', { recursive: true })
-      writeFileSync(cacheKey, infoJson)
-    } catch (er) {
-      // do nothing
-    }
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-  const workspaceInfo = JSON.parse(JSON.parse(infoJson).data) as WorkspaceInfo
-
-  const requestedPackages = [
-    ...Object.keys(packageJson.dependencies ?? {}),
-    ...Object.keys(packageJson.devDependencies ?? {}),
-  ]
-
-  const entries = Object.entries(workspaceInfo as unknown as WorkspaceInfo)
-
-  const m = new Set<string>(modules)
-  entries.forEach(([p, b]) => {
-    if (requestedPackages.includes(p)) {
-      m.add(p)
-      b.workspaceDependencies.forEach((wp) => m.add(wp))
-    }
-  })
-
-  return (config) => extendConfig(withTranspileModules([...m.values()])(config))
+export function withYarn1Scopes(packages?: string[]): (config: NextConfig) => NextConfig {
+  return withGraphCommerce({ packages })
 }

package/src/utils/isMonorepo.ts

@@ -0,0 +1,8 @@
+import path from 'node:path'
+
+export function isMonorepo() {
+  const root = process.cwd()
+  const meshDir = path.dirname(require.resolve('@graphcommerce/graphql-mesh'))
+  const relativePath = path.join(path.relative(meshDir, root), '/')
+  return relativePath.startsWith(`..${path.sep}..${path.sep}examples`)
+}

package/src/utils/resolveDependenciesSync.ts

@@ -0,0 +1,59 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import type { PackageJson } from 'type-fest'
+
+function resolveRecursivePackageJson(
+  packageJsonFilename: string,
+  packageNames: Map<string, string>,
+) {
+  try {
+    const packageJsonFile = fs.readFileSync(packageJsonFilename, 'utf-8').toString()
+
+    const packageJson = JSON.parse(packageJsonFile) as PackageJson
+
+    if (!packageJson.name) throw Error('Package does not have a name')
+
+    const dependencies = [
+      ...Object.keys(packageJson.dependencies ?? {}),
+      ...Object.keys(packageJson.devDependencies ?? {}),
+      ...Object.keys(packageJson.peerDependencies ?? {}),
+    ]
+
+    const isGraphCommerce = !!dependencies.some((name) => name.includes('graphcommerce'))
+    if (!isGraphCommerce) return packageNames
+
+    const dirName = path.dirname(path.relative(process.cwd(), packageJsonFilename))
+
+    if (packageNames.has(packageJson.name)) return packageNames
+
+    // Package not found, recursively scan
+    packageNames.set(packageJson.name, dirName)
+
+    dependencies.map((dependency) => {
+      try {
+        const filePath = require.resolve(path.join(dependency, 'package.json'))
+        if (filePath) return resolveRecursivePackageJson(filePath, packageNames)
+      } catch {
+        return false
+      }
+      return false
+    })
+  } catch (e) {
+    // File is not a JSON file or something like that, we now skip this file
+  }
+
+  return packageNames
+}
+
+/**
+ * This will return a list of all dependencies that have `graphcommerce` in the name, matching:
+ *
+ * - `@graphcommerce/package-name`
+ * - `@mycompany/graphcommerce-my-feature`
+ *
+ * It will traverse children until it finds a package that doesn't contain graphcommerce in the name
+ * and stop there, not checking children.
+ */
+export function resolveDependenciesSync(root = process.cwd()) {
+  return resolveRecursivePackageJson(path.join(root, 'package.json'), new Map())
+}

package/src/withGraphCommerce.ts

@@ -0,0 +1,65 @@
+import type { NextConfig } from 'next'
+import withTranspileModules from 'next-transpile-modules'
+import { DefinePlugin, Configuration } from 'webpack'
+import { resolveDependenciesSync } from './utils/resolveDependenciesSync'
+
+function extendConfig(nextConfig: NextConfig, modules: string[]): NextConfig {
+  return {
+    ...nextConfig,
+    webpack: (config: Configuration, options) => {
+      // Allow importing yml/yaml files for graphql-mesh
+      config.module?.rules?.push({ test: /\.ya?ml$/, use: 'js-yaml-loader' })
+
+      // To properly properly treeshake @apollo/client we need to define the __DEV__ property
+      if (!options.isServer) {
+        config.plugins = [new DefinePlugin({ __DEV__: options.dev }), ...(config.plugins ?? [])]
+      }
+
+      // @lingui .po file support
+      config.module?.rules?.push({ test: /\.po/, use: '@lingui/loader' })
+
+      config.experiments = {
+        layers: true,
+        topLevelAwait: true,
+      }
+
+      config.snapshot = {
+        ...(config.snapshot ?? {}),
+        managedPaths: [new RegExp(`^(.+?[\\/]node_modules[\\/])(?!${modules.join('|')})`)],
+      }
+
+      // `config.watchOptions.ignored = ['**/.git/**', '**/node_modules/**', '**/.next/**']
+      config.watchOptions = {
+        ...(config.watchOptions ?? {}),
+        ignored: ['**/.git/**', `**/node_modules/!(${modules.join('|')})**`, '**/.next/**'],
+      }
+
+      if (!config.resolve) config.resolve = {}
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        '@mui/base': '@mui/base/modern',
+        '@mui/lab': '@mui/lab/modern',
+        '@mui/material': '@mui/material/modern',
+        '@mui/styled-engine': '@mui/styled-engine/modern',
+        '@mui/system': '@mui/system/modern',
+      }
+
+      return typeof nextConfig.webpack === 'function' ? nextConfig.webpack(config, options) : config
+    },
+  }
+}
+
+export type GraphCommerceConfig = {
+  /** Additional packages that should be transpiled, usually this auto generated. */
+  packages?: string[]
+}
+
+export function withGraphCommerce(
+  conf: GraphCommerceConfig = {},
+): (config: NextConfig) => NextConfig {
+  const { packages = [] } = conf
+  const dependencies = [...resolveDependenciesSync().keys()]
+
+  const modules = [...dependencies, ...packages]
+  return (config) => extendConfig(withTranspileModules(modules)(config), modules)
+}