ebd43c7763
This noticeably improves performance in the admin panel, for example
when there are multiple richtext editors on one page (& likely
performance in other areas too, though I mainly tested rich text).
The babel plugin currently only optimizes files with a 'use client'
directive at the top - thus we have to make sure to add use client
wherever possible, even if it's imported by a parent client component.
There's one single component that broke when it was compiled using the
React compiler (it stopped being reactive and failed one of our admin
e2e tests):
150808f608
opting out of it completely fixed that issue
Fixes https://github.com/payloadcms/payload/issues/7366
58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
import chalk from 'chalk'
|
|
import minimist from 'minimist'
|
|
import { nextDev } from 'next/dist/cli/next-dev.js'
|
|
import fs from 'node:fs'
|
|
import path from 'node:path'
|
|
import { fileURLToPath } from 'node:url'
|
|
import open from 'open'
|
|
import { loadEnv } from 'payload/node'
|
|
|
|
import { getNextRootDir } from './helpers/getNextRootDir.js'
|
|
import { runInit } from './runInit.js'
|
|
import { createTestHooks } from './testHooks.js'
|
|
|
|
const prod = process.argv.includes('--prod')
|
|
process.argv = process.argv.filter((arg) => arg !== '--prod')
|
|
if (prod) {
|
|
process.env.PAYLOAD_TEST_PROD = 'true'
|
|
}
|
|
|
|
loadEnv()
|
|
|
|
const filename = fileURLToPath(import.meta.url)
|
|
const dirname = path.dirname(filename)
|
|
|
|
process.env.PAYLOAD_DROP_DATABASE = process.env.PAYLOAD_DROP_DATABASE === 'false' ? 'false' : 'true'
|
|
|
|
const {
|
|
_: [testSuiteArg],
|
|
...args
|
|
} = minimist(process.argv.slice(2))
|
|
|
|
if (!fs.existsSync(path.resolve(dirname, testSuiteArg))) {
|
|
console.log(chalk.red(`ERROR: The test folder "${testSuiteArg}" does not exist`))
|
|
process.exit(0)
|
|
}
|
|
|
|
if (args.turbo === true) {
|
|
process.env.TURBOPACK = '1'
|
|
}
|
|
|
|
const { beforeTest } = await createTestHooks(testSuiteArg)
|
|
await beforeTest()
|
|
|
|
const { rootDir, adminRoute } = getNextRootDir(testSuiteArg)
|
|
|
|
await runInit(testSuiteArg, true)
|
|
|
|
// Open the admin if the -o flag is passed
|
|
if (args.o) {
|
|
await open(`http://localhost:3000${adminRoute}`)
|
|
}
|
|
|
|
// @ts-expect-error
|
|
await nextDev({ port: process.env.PORT || 3000, dirname: rootDir }, 'default', rootDir)
|
|
|
|
// fetch the admin url to force a render
|
|
void fetch(`http://localhost:${process.env.PORT || 3000}${adminRoute}`)
|