.build.mjs

import { dirname, resolve } from "path"
import { fileURLToPath } from "url"
import fs from "fs/promises"
import { execa } from "execa"
import { execSync } from "child_process"
import chalk from "chalk"
import prompts from "prompts"
import brotliSize from "brotli-size"
import prettyBytes from "pretty-bytes"

const info = (m) => console.log(chalk.blue(m))
const error = (m) => console.log(chalk.red(m))
const success = (m) => console.log(chalk.green(m))
const details = (m) => console.log(chalk.pink(m))

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
const rootDir = resolve(__dirname)
const isPublishing = process.argv[2] === "--publish"

async function clean() {
  await execa("shx", ["rm", "-rf", `${rootDir}/dist`])
}

async function baseBuild() {
  info("Rolling up primary package")
  await execa("npx", ["rollup", "-c", "rollup.config.js"])
}

async function baseBuildMin() {
  info("Minifying primary package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "MIN:true",
  ])
}

async function reactBuild() {
  info("Rolling up React package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:react",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(resolve(rootDir, "dist/react/index.mjs"), "utf8")
  raw = raw.replace("from '../index'", "from '../index.mjs'")
  await fs.writeFile(resolve(rootDir, "dist/react/index.mjs"), raw)
}
async function solidBuild() {
  info("Rolling up Solid package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:solid",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(resolve(rootDir, "dist/solid/index.mjs"), "utf8")
  raw = raw.replace("from '../index'", "from '../index.mjs'")
  await fs.writeFile(resolve(rootDir, "dist/solid/index.mjs"), raw)
}

async function preactBuild() {
  info("Rolling up Preact package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:preact",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(resolve(rootDir, "dist/preact/index.mjs"), "utf8")
  raw = raw.replace("from '../index'", "from '../index.mjs'")
  await fs.writeFile(resolve(rootDir, "dist/preact/index.mjs"), raw)
}

async function vueBuild() {
  info("Rolling up Vue package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:vue",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(resolve(rootDir, "dist/vue/index.mjs"), "utf8")
  raw = raw.replace("from '../index'", "from '../index.mjs'")
  await fs.writeFile(resolve(rootDir, "dist/vue/index.mjs"), raw)
}

async function angularBuild() {
  info("Rolling up Angular package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:angular",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(
    resolve(rootDir, "dist/angular/index.mjs"),
    "utf8"
  )
  raw = raw.replace(
    "import autoAnimate from '../index';",
    "import autoAnimate from '../index.mjs';"
  )
  await fs.writeFile(resolve(rootDir, "dist/angular/index.mjs"), raw)
}

async function qwikBuild() {
  info("Rolling up Qwik package")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "FRAMEWORK:qwik",
  ])
  /**
   * This is a super hack — for some reason these imports need to be explicitly
   * to .mjs files so...we make it so.
   */
  let raw = await fs.readFile(resolve(rootDir, "dist/qwik/index.mjs"), "utf8")
  raw = raw.replace("from '../index'", "from '../index.mjs'")
  await fs.writeFile(resolve(rootDir, "dist/qwik/index.mjs"), raw)
}

async function declarationsBuild() {
  info("Outputting declarations")
  await execa("npx", [
    "rollup",
    "-c",
    "rollup.config.js",
    "--environment",
    "DECLARATIONS:true",
  ])
}

async function bundleDeclarations() {
  info("Bundling declarations")
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/index.d.ts`,
    `${rootDir}/dist/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/react/index.d.ts`,
    `${rootDir}/dist/react/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/preact/index.d.ts`,
    `${rootDir}/dist/preact/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/solid/index.d.ts`,
    `${rootDir}/dist/solid/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/vue/index.d.ts`,
    `${rootDir}/dist/vue/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/angular/index.d.ts`,
    `${rootDir}/dist/angular/index.d.ts`,
  ])
  await execa("shx", [
    "mv",
    `${rootDir}/dist/src/qwik/index.d.ts`,
    `${rootDir}/dist/qwik/index.d.ts`,
  ])
  await execa("shx", ["rm", "-rf", `${rootDir}/dist/src`])
  await execa("shx", ["rm", `${rootDir}/dist/index.js`])
}

async function addPackageJSON() {
  info("Writing package.json")
  const raw = await fs.readFile(resolve(rootDir, "package.json"), "utf8")
  const packageJSON = JSON.parse(raw)
  delete packageJSON.private
  delete packageJSON.devDependencies
  delete packageJSON.scripts
  await fs.writeFile(
    resolve(rootDir, "dist/package.json"),
    JSON.stringify(packageJSON, null, 2)
  )
}

async function addAssets() {
  info("Writing readme and license.")
  await execa("shx", [
    "cp",
    `${rootDir}/README.md`,
    `${rootDir}/dist/README.md`,
  ])
  await execa("shx", ["cp", `${rootDir}/LICENSE`, `${rootDir}/dist/LICENSE`])
}

async function prepareForPublishing() {
  info("Preparing for publication")
  if (!/npm-cli\.js$/.test(process.env.npm_execpath)) {
    error(`⚠️ You must run this command with npm instead of yarn.`)
    info("Please try again with:\n\n» npm run publish\n\n")
    process.exit()
  }
  const isClean = !execSync(`git status --untracked-files=no --porcelain`, {
    encoding: "utf-8",
  })
  if (!isClean) {
    error("Commit your changes before publishing.")
    process.exit()
  }
  const raw = await fs.readFile(resolve(rootDir, "package.json"), "utf8")
  const packageJSON = JSON.parse(raw)
  const response = await prompts([
    {
      type: "confirm",
      name: "value",
      message: `Confirm you want to publish version ${chalk.red(
        packageJSON.version
      )}?`,
      initial: false,
    },
  ])
  if (!response.value) {
    error("Please adjust the version and try again")
    process.exit()
  }
}

async function publish() {
  const raw = await fs.readFile(resolve(rootDir, "package.json"), "utf8")
  const packageJSON = JSON.parse(raw)
  const response = await prompts([
    {
      type: "confirm",
      name: "value",
      message: `Project is build. Ready to publish?`,
      initial: false,
    },
  ])
  if (response.value) {
    execSync("npm publish ./dist")
    execSync(`git tag ${packageJSON.version}`)
    execSync(`git push origin --tags`)
  }
}

async function outputSize() {
  const raw = await fs.readFile(resolve(rootDir, "dist/index.min.js"), "utf8")
  console.log("Brotli size: " + prettyBytes(brotliSize.sync(raw)))
}

if (isPublishing) await prepareForPublishing()
await clean()
await baseBuild()
await baseBuildMin()
await reactBuild()
await preactBuild()
await solidBuild()
await vueBuild()
await angularBuild()
await qwikBuild()
await declarationsBuild()
await bundleDeclarations()
await addPackageJSON()
await addAssets()
await outputSize()
isPublishing ? await publish() : success("Build complete")