create-payload-app 4.0.0-internal.9726517 → 4.0.0-internal.a6582c6

package/dist/lib/update-payload-in-project.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-payload-in-project.d.ts","sourceRoot":"","sources":["../../src/lib/update-payload-in-project.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAQjD,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,cAAc,EAC1B,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAqEhD"}
+{"version":3,"file":"update-payload-in-project.d.ts","sourceRoot":"","sources":["../../src/lib/update-payload-in-project.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAQjD,wBAAsB,sBAAsB,CAC1C,UAAU,EAAE,cAAc,EAC1B,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAmFhD"}

package/dist/lib/update-payload-in-project.js

@@ -59,9 +59,18 @@ export async function updatePayloadInProject(appDetails, versionOrTag) {
     info(`Updating Payload Next.js files...`);
     const templateFilesPath = process.env.JEST_WORKER_ID !== undefined ? path.resolve(dirname, '../../../../templates/blank') : path.resolve(dirname, '../..', 'dist/template');
     const templateSrcDir = path.resolve(templateFilesPath, 'src/app/(payload)');
-    copyRecursiveSync(templateSrcDir, path.resolve(projectDir, appDetails.isSrcDir ? 'src/app' : 'app', '(payload)'), [
-        'custom.scss$'
-    ]);
+    const payloadDirPath = path.resolve(projectDir, appDetails.isSrcDir ? 'src/app' : 'app', '(payload)');
+    // Rename a pre-migration `custom.scss` so the user's styles carry over to the `custom.css`
+    // that the refreshed `layout.tsx` imports, and stay protected by the ignore pattern below.
+    const legacyCustomStylesPath = path.resolve(payloadDirPath, 'custom.scss');
+    const customCssPath = path.resolve(payloadDirPath, 'custom.css');
+    if (fse.existsSync(legacyCustomStylesPath) && !fse.existsSync(customCssPath)) {
+        fse.renameSync(legacyCustomStylesPath, customCssPath);
+        info('Renamed `(payload)/custom.scss` to `custom.css`. If it contained Sass syntax (nesting, `$variables`, `@mixin`, etc.), convert it to plain CSS — it is no longer transpiled.');
+    }
+    copyRecursiveSync(templateSrcDir, payloadDirPath, [
+        'custom.css$'
+    ]); // Do not overwrite user's custom.css
     return {
         message: 'Payload updated successfully.',
         success: true

package/dist/lib/update-payload-in-project.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/update-payload-in-project.ts"],"sourcesContent":["import fse from 'fs-extra'\nimport { fileURLToPath } from 'node:url'\nimport path from 'path'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nimport type { NextAppDetails } from '../types.js'\n\nimport { copyRecursiveSync } from '../utils/copy-recursive-sync.js'\nimport { info } from '../utils/log.js'\nimport { resolvePackageVersion } from '../utils/resolvePackageVersion.js'\nimport { getPackageManager } from './get-package-manager.js'\nimport { installPackages } from './install-packages.js'\n\nexport async function updatePayloadInProject(\n  appDetails: NextAppDetails,\n  versionOrTag?: string,\n): Promise<{ message: string; success: boolean }> {\n  if (!appDetails.nextConfigPath) {\n    return { message: 'No Next.js config found', success: false }\n  }\n\n  const projectDir = path.dirname(appDetails.nextConfigPath)\n\n  const packageObj = (await fse.readJson(path.resolve(projectDir, 'package.json'))) as {\n    dependencies?: Record<string, string>\n  }\n  if (!packageObj?.dependencies) {\n    throw new Error('No package.json found in this project')\n  }\n\n  const payloadVersion = packageObj.dependencies?.payload\n  if (!payloadVersion) {\n    throw new Error('Payload is not installed in this project')\n  }\n\n  const packageManager = await getPackageManager({ projectDir })\n\n  // Resolve the requested Payload version (dist-tag or explicit version)\n  const latestPayloadVersion = await resolvePackageVersion({ packageName: 'payload', versionOrTag })\n\n  if (payloadVersion === latestPayloadVersion) {\n    return { message: `Payload v${payloadVersion} is already up to date.`, success: true }\n  }\n\n  // Update all existing Payload packages\n  const payloadPackages = Object.keys(packageObj.dependencies).filter((dep) =>\n    dep.startsWith('@payloadcms/'),\n  )\n\n  const packageNames = ['payload', ...payloadPackages]\n\n  const packagesToUpdate = packageNames.map((pkg) => `${pkg}@${latestPayloadVersion}`)\n\n  info(`Using ${packageManager}.\\n`)\n  info(\n    `Updating ${packagesToUpdate.length} Payload packages to v${latestPayloadVersion}...\\n\\n${packageNames.map((p) => `  - ${p}`).join('\\n')}`,\n  )\n\n  const { success: updateSuccess } = await installPackages({\n    packageManager,\n    packagesToInstall: packagesToUpdate,\n    projectDir,\n  })\n\n  if (!updateSuccess) {\n    throw new Error('Failed to update Payload packages')\n  }\n  info('Payload packages updated successfully.')\n\n  info(`Updating Payload Next.js files...`)\n\n  const templateFilesPath =\n    process.env.JEST_WORKER_ID !== undefined\n      ? path.resolve(dirname, '../../../../templates/blank')\n      : path.resolve(dirname, '../..', 'dist/template')\n\n  const templateSrcDir = path.resolve(templateFilesPath, 'src/app/(payload)')\n\n  copyRecursiveSync(\n    templateSrcDir,\n    path.resolve(projectDir, appDetails.isSrcDir ? 'src/app' : 'app', '(payload)'),\n    ['custom.scss$'], // Do not overwrite user's custom.scss\n  )\n\n  return { message: 'Payload updated successfully.', success: true }\n}\n"],"names":["fse","fileURLToPath","path","filename","url","dirname","copyRecursiveSync","info","resolvePackageVersion","getPackageManager","installPackages","updatePayloadInProject","appDetails","versionOrTag","nextConfigPath","message","success","projectDir","packageObj","readJson","resolve","dependencies","Error","payloadVersion","payload","packageManager","latestPayloadVersion","packageName","payloadPackages","Object","keys","filter","dep","startsWith","packageNames","packagesToUpdate","map","pkg","length","p","join","updateSuccess","packagesToInstall","templateFilesPath","process","env","JEST_WORKER_ID","undefined","templateSrcDir","isSrcDir"],"mappings":"AAAA,OAAOA,SAAS,WAAU;AAC1B,SAASC,aAAa,QAAQ,WAAU;AACxC,OAAOC,UAAU,OAAM;AAEvB,MAAMC,WAAWF,cAAc,YAAYG,GAAG;AAC9C,MAAMC,UAAUH,KAAKG,OAAO,CAACF;AAI7B,SAASG,iBAAiB,QAAQ,kCAAiC;AACnE,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,iBAAiB,QAAQ,2BAA0B;AAC5D,SAASC,eAAe,QAAQ,wBAAuB;AAEvD,OAAO,eAAeC,uBACpBC,UAA0B,EAC1BC,YAAqB;IAErB,IAAI,CAACD,WAAWE,cAAc,EAAE;QAC9B,OAAO;YAAEC,SAAS;YAA2BC,SAAS;QAAM;IAC9D;IAEA,MAAMC,aAAaf,KAAKG,OAAO,CAACO,WAAWE,cAAc;IAEzD,MAAMI,aAAc,MAAMlB,IAAImB,QAAQ,CAACjB,KAAKkB,OAAO,CAACH,YAAY;IAGhE,IAAI,CAACC,YAAYG,cAAc;QAC7B,MAAM,IAAIC,MAAM;IAClB;IAEA,MAAMC,iBAAiBL,WAAWG,YAAY,EAAEG;IAChD,IAAI,CAACD,gBAAgB;QACnB,MAAM,IAAID,MAAM;IAClB;IAEA,MAAMG,iBAAiB,MAAMhB,kBAAkB;QAAEQ;IAAW;IAE5D,uEAAuE;IACvE,MAAMS,uBAAuB,MAAMlB,sBAAsB;QAAEmB,aAAa;QAAWd;IAAa;IAEhG,IAAIU,mBAAmBG,sBAAsB;QAC3C,OAAO;YAAEX,SAAS,CAAC,SAAS,EAAEQ,eAAe,uBAAuB,CAAC;YAAEP,SAAS;QAAK;IACvF;IAEA,uCAAuC;IACvC,MAAMY,kBAAkBC,OAAOC,IAAI,CAACZ,WAAWG,YAAY,EAAEU,MAAM,CAAC,CAACC,MACnEA,IAAIC,UAAU,CAAC;IAGjB,MAAMC,eAAe;QAAC;WAAcN;KAAgB;IAEpD,MAAMO,mBAAmBD,aAAaE,GAAG,CAAC,CAACC,MAAQ,GAAGA,IAAI,CAAC,EAAEX,sBAAsB;IAEnFnB,KAAK,CAAC,MAAM,EAAEkB,eAAe,GAAG,CAAC;IACjClB,KACE,CAAC,SAAS,EAAE4B,iBAAiBG,MAAM,CAAC,sBAAsB,EAAEZ,qBAAqB,OAAO,EAAEQ,aAAaE,GAAG,CAAC,CAACG,IAAM,CAAC,IAAI,EAAEA,GAAG,EAAEC,IAAI,CAAC,OAAO;IAG5I,MAAM,EAAExB,SAASyB,aAAa,EAAE,GAAG,MAAM/B,gBAAgB;QACvDe;QACAiB,mBAAmBP;QACnBlB;IACF;IAEA,IAAI,CAACwB,eAAe;QAClB,MAAM,IAAInB,MAAM;IAClB;IACAf,KAAK;IAELA,KAAK,CAAC,iCAAiC,CAAC;IAExC,MAAMoC,oBACJC,QAAQC,GAAG,CAACC,cAAc,KAAKC,YAC3B7C,KAAKkB,OAAO,CAACf,SAAS,iCACtBH,KAAKkB,OAAO,CAACf,SAAS,SAAS;IAErC,MAAM2C,iBAAiB9C,KAAKkB,OAAO,CAACuB,mBAAmB;IAEvDrC,kBACE0C,gBACA9C,KAAKkB,OAAO,CAACH,YAAYL,WAAWqC,QAAQ,GAAG,YAAY,OAAO,cAClE;QAAC;KAAe;IAGlB,OAAO;QAAElC,SAAS;QAAiCC,SAAS;IAAK;AACnE"}
+{"version":3,"sources":["../../src/lib/update-payload-in-project.ts"],"sourcesContent":["import fse from 'fs-extra'\nimport { fileURLToPath } from 'node:url'\nimport path from 'path'\n\nconst filename = fileURLToPath(import.meta.url)\nconst dirname = path.dirname(filename)\n\nimport type { NextAppDetails } from '../types.js'\n\nimport { copyRecursiveSync } from '../utils/copy-recursive-sync.js'\nimport { info } from '../utils/log.js'\nimport { resolvePackageVersion } from '../utils/resolvePackageVersion.js'\nimport { getPackageManager } from './get-package-manager.js'\nimport { installPackages } from './install-packages.js'\n\nexport async function updatePayloadInProject(\n  appDetails: NextAppDetails,\n  versionOrTag?: string,\n): Promise<{ message: string; success: boolean }> {\n  if (!appDetails.nextConfigPath) {\n    return { message: 'No Next.js config found', success: false }\n  }\n\n  const projectDir = path.dirname(appDetails.nextConfigPath)\n\n  const packageObj = (await fse.readJson(path.resolve(projectDir, 'package.json'))) as {\n    dependencies?: Record<string, string>\n  }\n  if (!packageObj?.dependencies) {\n    throw new Error('No package.json found in this project')\n  }\n\n  const payloadVersion = packageObj.dependencies?.payload\n  if (!payloadVersion) {\n    throw new Error('Payload is not installed in this project')\n  }\n\n  const packageManager = await getPackageManager({ projectDir })\n\n  // Resolve the requested Payload version (dist-tag or explicit version)\n  const latestPayloadVersion = await resolvePackageVersion({ packageName: 'payload', versionOrTag })\n\n  if (payloadVersion === latestPayloadVersion) {\n    return { message: `Payload v${payloadVersion} is already up to date.`, success: true }\n  }\n\n  // Update all existing Payload packages\n  const payloadPackages = Object.keys(packageObj.dependencies).filter((dep) =>\n    dep.startsWith('@payloadcms/'),\n  )\n\n  const packageNames = ['payload', ...payloadPackages]\n\n  const packagesToUpdate = packageNames.map((pkg) => `${pkg}@${latestPayloadVersion}`)\n\n  info(`Using ${packageManager}.\\n`)\n  info(\n    `Updating ${packagesToUpdate.length} Payload packages to v${latestPayloadVersion}...\\n\\n${packageNames.map((p) => `  - ${p}`).join('\\n')}`,\n  )\n\n  const { success: updateSuccess } = await installPackages({\n    packageManager,\n    packagesToInstall: packagesToUpdate,\n    projectDir,\n  })\n\n  if (!updateSuccess) {\n    throw new Error('Failed to update Payload packages')\n  }\n  info('Payload packages updated successfully.')\n\n  info(`Updating Payload Next.js files...`)\n\n  const templateFilesPath =\n    process.env.JEST_WORKER_ID !== undefined\n      ? path.resolve(dirname, '../../../../templates/blank')\n      : path.resolve(dirname, '../..', 'dist/template')\n\n  const templateSrcDir = path.resolve(templateFilesPath, 'src/app/(payload)')\n\n  const payloadDirPath = path.resolve(\n    projectDir,\n    appDetails.isSrcDir ? 'src/app' : 'app',\n    '(payload)',\n  )\n\n  // Rename a pre-migration `custom.scss` so the user's styles carry over to the `custom.css`\n  // that the refreshed `layout.tsx` imports, and stay protected by the ignore pattern below.\n  const legacyCustomStylesPath = path.resolve(payloadDirPath, 'custom.scss')\n  const customCssPath = path.resolve(payloadDirPath, 'custom.css')\n\n  if (fse.existsSync(legacyCustomStylesPath) && !fse.existsSync(customCssPath)) {\n    fse.renameSync(legacyCustomStylesPath, customCssPath)\n    info(\n      'Renamed `(payload)/custom.scss` to `custom.css`. If it contained Sass syntax (nesting, `$variables`, `@mixin`, etc.), convert it to plain CSS — it is no longer transpiled.',\n    )\n  }\n\n  copyRecursiveSync(templateSrcDir, payloadDirPath, ['custom.css$']) // Do not overwrite user's custom.css\n\n  return { message: 'Payload updated successfully.', success: true }\n}\n"],"names":["fse","fileURLToPath","path","filename","url","dirname","copyRecursiveSync","info","resolvePackageVersion","getPackageManager","installPackages","updatePayloadInProject","appDetails","versionOrTag","nextConfigPath","message","success","projectDir","packageObj","readJson","resolve","dependencies","Error","payloadVersion","payload","packageManager","latestPayloadVersion","packageName","payloadPackages","Object","keys","filter","dep","startsWith","packageNames","packagesToUpdate","map","pkg","length","p","join","updateSuccess","packagesToInstall","templateFilesPath","process","env","JEST_WORKER_ID","undefined","templateSrcDir","payloadDirPath","isSrcDir","legacyCustomStylesPath","customCssPath","existsSync","renameSync"],"mappings":"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"}

package/dist/template/src/app/(frontend)/styles.css

@@ -67,7 +67,7 @@ p {
   margin: 24px 0;
 
   @media (max-width: 1024px) {
-    margin: calc(var(--base) * 0.75) 0;
+    margin: var(--spacer-3) 0;
   }
 }
 

package/dist/template/src/app/(payload)/layout.tsx

@@ -11,7 +11,7 @@ import {
 import React from 'react'
 
 import { importMap } from './admin/importMap.js'
-import './custom.scss'
+import './custom.css'
 
 export const generateViewport = generatePayloadViewport
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-payload-app",
-  "version": "4.0.0-internal.9726517",
+  "version": "4.0.0-internal.a6582c6",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",