build-test-apps.ts

import fs from 'node:fs'
import path from 'node:path'

import { printLog, runMain } from '../lib/executionUtils.ts'
import { command } from '../lib/command.ts'
import { modifyFile } from '../lib/filesUtils.ts'

const OTHER_EXTENSIONS: Array<{ name: string; options?: { runAt?: string } }> = [
  { name: 'cdn' },
  { name: 'appendChild', options: { runAt: 'document_start' } },
]

runMain(async () => {
  printLog('Packing packages...')
  command`yarn run pack`.run()

  buildApp('test/apps/vanilla')
  buildApp('test/apps/react-router-v6-app')
  buildApp('test/apps/react-heavy-spa')
  buildApp('test/apps/react-shopist-like')
  await buildReactRouterv7App()
  await buildExtensions()

  printLog('Test apps and extensions built successfully.')
})

function buildApp(appPath: string) {
  printLog(`Building app at ${appPath}...`)
  command`yarn install --no-immutable`.withCurrentWorkingDirectory(appPath).run()

  // install peer dependencies if any
  // intent: renovate does not allow to generate local packages before install
  // so local packages are marked as optional peer dependencies and only installed when we build the test apps
  const packageJson = JSON.parse(fs.readFileSync(path.join(appPath, 'package.json'), 'utf-8'))
  if (packageJson.peerDependencies) {
    // For each peer dependency, install it
    for (const [name] of Object.entries(packageJson.peerDependencies)) {
      command`yarn add -D ${name}`.withCurrentWorkingDirectory(appPath).run()
    }
    // revert package.json & yarn.lock changes if they are versioned
    const areFilesVersioned = command`git ls-files package.json yarn.lock`.withCurrentWorkingDirectory(appPath).run()
    if (areFilesVersioned) {
      command`git checkout package.json yarn.lock`.withCurrentWorkingDirectory(appPath).run()
    }
  }

  command`yarn build`.withCurrentWorkingDirectory(appPath).run()
}

async function buildReactRouterv7App() {
  const baseAppPath = 'test/apps/react-router-v6-app'
  const appPath = 'test/apps/react-router-v7-app'

  fs.rmSync(appPath, { recursive: true, force: true })
  fs.cpSync(baseAppPath, appPath, { recursive: true })

  await modifyFile(path.join(appPath, 'package.json'), (content: string) =>
    content
      .replace(/"name": "react-router-v6-app"/, '"name": "react-router-v7-app"')
      .replace(/"react-router-dom": "[^"]*"/, '"react-router": "7.0.2"')
  )

  await modifyFile(path.join(appPath, 'app.tsx'), (content: string) =>
    content
      .replace('@datadog/browser-rum-react/react-router-v6', '@datadog/browser-rum-react/react-router-v7')
      .replace("from 'react-router-dom'", "from 'react-router'")
  )

  await modifyFile(path.join(appPath, 'webpack.config.js'), (content: string) =>
    content
      .replace('react-router-v6-app.js', 'react-router-v7-app.js')
      .replace('react-router-v6-app.js', 'react-router-v7-app.js')
  )

  buildApp(appPath)
}

async function buildExtensions(): Promise<void> {
  const baseExtDir = 'test/apps/base-extension'

  buildApp(baseExtDir)

  for (const { name, options } of OTHER_EXTENSIONS) {
    const targetDir = path.join('test/apps', `${name}-extension`)

    fs.rmSync(targetDir, { recursive: true, force: true })
    fs.cpSync(baseExtDir, targetDir, { recursive: true })

    const manifestPath = path.join(targetDir, 'manifest.json')
    await modifyFile(manifestPath, (originalContent: string) => {
      let content = originalContent.replace('dist/base.js', `dist/${name}.js`)

      if (options?.runAt) {
        content = content.replace('document_end', options.runAt)
      }
      return content
    })
  }
}