budibase/packages/server/utilities/builder/buildApp.js

const { appPackageFolder } = require("../createAppPackage")
const { componentLibraryInfo } = require("./componentLibraryInfo")
const {
  stat,
  ensureDir,
  pathExists,
  constants,
  copyFile,
  writeFile,
  readFile,
} = require("fs-extra")
const { join, resolve, dirname } = require("path")
const sqrl = require("squirrelly")

module.exports = async (config, appname, pages, appdefinition) => {
  const appPath = appPackageFolder(config, appname)

  await buildClientAppDefinition(
    config,
    appname,
    appdefinition,
    appPath,
    pages,
    "main"
  )

  await buildClientAppDefinition(
    config,
    appname,
    appdefinition,
    appPath,
    pages,
    "unauthenticated"
  )

  await buildIndexHtml(config, appname, appPath, pages, "main")

  await buildIndexHtml(config, appname, appPath, pages, "unauthenticated")

  await copyClientLib(appPath, "main")
  await copyClientLib(appPath, "unauthenticated")
}

const publicPath = (appPath, pageName) => join(appPath, "public", pageName)
const rootPath = (config, appname) =>
  config.useAppRootPath ? `/${appname}` : ""

const copyClientLib = async (appPath, pageName) => {
  var sourcepath = require.resolve("@budibase/client")
  var destPath = join(publicPath(appPath, pageName), "budibase-client.js")

  await copyFile(sourcepath, destPath, constants.COPYFILE_FICLONE)
  await copyFile(
    sourcepath + ".map",
    destPath + ".map",
    constants.COPYFILE_FICLONE
  )
}

const buildIndexHtml = async (config, appname, appPath, pages, pageName) => {
  const appPublicPath = publicPath(appPath, pageName)
  const appRootPath = rootPath(config, appname)

  const stylesheetUrl = s =>
    s.indexOf("http://") === 0 || s.indexOf("https://") === 0
      ? s
      : `/${rootPath(config, appname)}/${s}`

  const templateObj = {
    title: pages[pageName].index.title || "Budibase App",
    favicon: `${appRootPath}/${pages[pageName].index.favicon ||
      "/_shared/favicon.png"}`,
    stylesheets: (pages.stylesheets || []).map(stylesheetUrl),
    appRootPath,
  }

  const indexHtmlTemplate = await readFile(
    resolve(__dirname, "index.template.html"),
    "utf8"
  )

  const indexHtmlPath = join(appPublicPath, "index.html")

  const indexHtml = sqrl.Render(indexHtmlTemplate, templateObj)

  await writeFile(indexHtmlPath, indexHtml, { flag: "w+" })
}

const buildClientAppDefinition = async (
  config,
  appname,
  appdefinition,
  appPath,
  pages,
  pageName
) => {
  const appPublicPath = publicPath(appPath, pageName)
  const appRootPath = rootPath(config, appname)

  const componentLibraries = []

  for (let lib of pages.componentLibraries) {
    const info = await componentLibraryInfo(appPath, lib)
    const libFile = info.components._lib || "index.js"
    const source = join(info.libDir, libFile)
    const moduleDir = join(
      appPublicPath,
      "lib",
      info.libDir.replace(appPath, "")
    )
    const destPath = join(moduleDir, libFile)

    await ensureDir(dirname(destPath))

    componentLibraries.push({
      importPath: destPath.replace(appPublicPath, "").replace(/\\/g, "/"),
      libName: lib,
    })

    let shouldCopy = !(await pathExists(destPath))
    if (!shouldCopy) {
      const destStat = await stat(destPath)
      const sourceStat = await stat(source)
      shouldCopy = destStat.ctimeMs !== sourceStat.ctimeMs
    }

    if (shouldCopy) {
      await copyFile(source, destPath, constants.COPYFILE_FICLONE)
    }
  }

  const filename = join(appPublicPath, "clientAppDefinition.js")

  const clientAppDefObj = {
    hierarchy: appdefinition.hierarchy,
    componentLibraries: componentLibraries,
    appRootPath: appRootPath,
    props: appdefinition.props[pageName],
  }

  await writeFile(
    filename,
    `window['##BUDIBASE_APPDEFINITION##'] = ${JSON.stringify(clientAppDefObj)};
window['##BUDIBASE_UIFUNCTIONS##'] = ${appdefinition.uiFunctions}`
  )
}