Create an app inside a npm workspace. Params: directory name. Ex: ts-node create-workspace-app.ts apps mobile

create-workspace-app.ts

import { execSync } from 'child_process'

const [directory, filename] = process.argv.slice(2, 4)

const log = (...args: any[]) => console.log(`log: `, ...args)
const copyFile = (src: string, to: string) => {
  execSync(`cp ${src} ${to}`)
  log(`file ${src} copied to ${to}`)
}
const createDir = (value: string) => {
  execSync(`mkdir ${value}`)
  log(`directory ${value} created`)
}
const createFile = (value: string) => {
  execSync(`touch ${value}`)
  log(`file ${value} created`)
}

const handleJson = <T extends Record<string, string>>(
  dir: string,
  name: string,
  obj: T
) => {
  const cmd = `json -I -f ${dir}/${name}/package.json -e`

  Object.entries(obj).forEach(([key, value]) => {
    execSync(`${cmd} "this.${key} = '${value}';"`)
  })
}

function createApp(dir: string, name: string) {
  execSync(`npm init -w ./${dir}/${name} -y`)
  log(`workspace ${dir}/${name} initialized`)

  createDir(`${dir}/${name}/src`)

  createFile(`${dir}/${name}/src/main.ts`)
  createFile(`${dir}/${name}/src/styles.scss`)

  const files = ['index.html', 'vite.svg', 'tsconfig.json']
  files.forEach((file) => {
    const src = `scripts/files/${file}`
    const to = `${dir}/${name}/${file}`
    copyFile(src, to)
  })

  handleJson(directory, filename, {
    'scripts.start': 'vite',
    'scripts.build': 'tsc && vite build',
    'scripts.preview': 'vite preview',
  })
  log(`file ${dir}/${name}package.json updated`)
}

try {
  if (!directory) throw new Error('Missing directory')

  if (!filename) throw new Error('Missing name')

  if (directory && filename) {
    createApp(directory, filename)
  }
} catch (err) {
  console.error(err)
}