@graphcommerce/next-config 10.1.0-canary.22 → 10.1.0-canary.24

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 10.1.0-canary.24
+
+### Patch Changes
+
+- [#2636](https://github.com/graphcommerce-org/graphcommerce/pull/2636) [`78f9803`](https://github.com/graphcommerce-org/graphcommerce/commit/78f980311d4f8db0d99fe301c62553b4e0bce098) - Fix Turbopack panic ("Cannot find module …graphcommerce.config.cjs") when loading `graphcommerce.config.ts`. cosmiconfig's sync TypeScript loader transpiles the config to a fixed temp `.cjs` path on disk and deletes it again, which races between Next.js worker processes. The `.ts` loader now transpiles via SWC and writes to a per-process unique filename next to the source so concurrent loads never collide. ([@bramvanderholst](https://github.com/bramvanderholst))
+
+## 10.1.0-canary.23
+
 ## 10.1.0-canary.22
 
 ## 10.1.0-canary.21

package/dist/config/loadConfig.js

@@ -1,6 +1,10 @@
+import '@swc/core';
 import 'cosmiconfig';
+import 'node:fs';
+import 'node:module';
+import 'node:path';
 import '../generated/config.js';
-export { l as loadConfig, r as replaceConfigInString } from '../loadConfig-DFvwanrZ.js';
+export { l as loadConfig, r as replaceConfigInString } from '../loadConfig-B6AF2Z1i.js';
 import 'zod';
 import '@apollo/client/utilities/internal';
 import 'chalk';

package/dist/index.js

@@ -4,8 +4,8 @@ import path from 'path';
 import { glob, sync } from 'glob';
 import { findParentPath } from './utils/findParentPath.js';
 import { spawn } from 'child_process';
-import { l as loadConfig, t as toEnvStr } from './loadConfig-DFvwanrZ.js';
-export { r as replaceConfigInString } from './loadConfig-DFvwanrZ.js';
+import { l as loadConfig, t as toEnvStr } from './loadConfig-B6AF2Z1i.js';
+export { r as replaceConfigInString } from './loadConfig-B6AF2Z1i.js';
 import { parseFileSync, parseSync as parseSync$1, transformFileSync } from '@swc/core';
 import fs$1, { writeFileSync, readFileSync, existsSync, rmSync, mkdirSync } from 'fs';
 import { resolve as resolve$2 } from 'import-meta-resolve';
@@ -20,6 +20,9 @@ import { generate } from '@graphql-codegen/cli';
 import { GraphCommerceConfigSchema } from './generated/config.js';
 export { GraphCommerceDebugConfigSchema, GraphCommerceStorefrontConfigSchema } from './generated/config.js';
 import 'cosmiconfig';
+import 'node:fs';
+import 'node:module';
+import 'node:path';
 import '@apollo/client/utilities/internal';
 import 'chalk';
 

package/dist/{loadConfig-DFvwanrZ.js → loadConfig-B6AF2Z1i.js}

@@ -1,4 +1,8 @@
+import { transformFileSync } from '@swc/core';
 import { cosmiconfigSync } from 'cosmiconfig';
+import { writeFileSync, existsSync, rmSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join, dirname } from 'node:path';
 import { GraphCommerceConfigSchema } from './generated/config.js';
 import { cloneDeep, mergeDeep } from '@apollo/client/utilities/internal';
 import chalk from 'chalk';
@@ -276,7 +280,29 @@ function replaceConfigInString(str, config) {
 }
 
 const moduleName = "graphcommerce";
-const loader = cosmiconfigSync(moduleName);
+const requireFromHere = createRequire(import.meta.url);
+let tmpCounter = 0;
+function loadTsConfig(filepath) {
+  const { code } = transformFileSync(filepath, {
+    jsc: { parser: { syntax: "typescript" }, target: "es2022" },
+    module: { type: "commonjs" }
+  });
+  const tmpFile = join(
+    dirname(filepath),
+    `.${moduleName}.tmp.${process.pid}-${tmpCounter++}.cjs`
+  );
+  try {
+    writeFileSync(tmpFile, code);
+    delete requireFromHere.cache[tmpFile];
+    const mod = requireFromHere(tmpFile);
+    return mod.default ?? mod;
+  } finally {
+    if (existsSync(tmpFile)) rmSync(tmpFile, { force: true });
+  }
+}
+const loader = cosmiconfigSync(moduleName, {
+  loaders: { ".ts": loadTsConfig }
+});
 function loadConfig(cwd) {
   const isMainProcess = !process.send;
   try {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-config",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "10.1.0-canary.22",
+  "version": "10.1.0-canary.24",
   "type": "module",
   "exports": {
     ".": {
@@ -63,7 +63,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "*",
-    "@graphcommerce/prettier-config-pwa": "^10.1.0-canary.22",
+    "@graphcommerce/prettier-config-pwa": "^10.1.0-canary.24",
     "@lingui/loader": "*",
     "@lingui/macro": "*",
     "@lingui/react": "*",

package/src/config/loadConfig.ts

@@ -1,5 +1,9 @@
 /* eslint-disable no-console */
+import { transformFileSync } from '@swc/core'
 import { cosmiconfigSync } from 'cosmiconfig'
+import { existsSync, rmSync, writeFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import { dirname, join } from 'node:path'
 import type { GraphCommerceConfig } from '../generated/config'
 import { GraphCommerceConfigSchema } from '../generated/config'
 import { demoConfig } from './demoConfig'
@@ -8,7 +12,42 @@ import { formatAppliedEnv, mergeEnvIntoConfig } from './utils/mergeEnvIntoConfig
 export * from './utils/replaceConfigInString'
 
 const moduleName = 'graphcommerce'
-const loader = cosmiconfigSync(moduleName)
+const requireFromHere = createRequire(import.meta.url)
+let tmpCounter = 0
+
+// cosmiconfig's built-in sync TypeScript loader transpiles the config to a
+// fixed `.cjs` path on disk and removes it again — that races between
+// Next.js worker processes (especially under Turbopack), producing
+// "Cannot find module" panics. We transpile via SWC and write to a
+// per-process unique filename so concurrent loads never collide. The temp
+// file lives next to the source so relative `require()` calls in the
+// config still resolve.
+function loadTsConfig(filepath: string): Record<string, unknown> {
+  const { code } = transformFileSync(filepath, {
+    jsc: { parser: { syntax: 'typescript' }, target: 'es2022' },
+    module: { type: 'commonjs' },
+  })
+
+  const tmpFile = join(
+    dirname(filepath),
+    `.${moduleName}.tmp.${process.pid}-${tmpCounter++}.cjs`,
+  )
+
+  try {
+    writeFileSync(tmpFile, code)
+    delete requireFromHere.cache[tmpFile]
+    const mod = requireFromHere(tmpFile) as
+      | { default?: Record<string, unknown> }
+      | Record<string, unknown>
+    return (mod as { default?: Record<string, unknown> }).default ?? mod
+  } finally {
+    if (existsSync(tmpFile)) rmSync(tmpFile, { force: true })
+  }
+}
+
+const loader = cosmiconfigSync(moduleName, {
+  loaders: { '.ts': loadTsConfig },
+})
 
 export function loadConfig(cwd: string): GraphCommerceConfig {
   const isMainProcess = !process.send