123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
import * as fs from "https://deno.land/std@0.99.0/fs/mod.ts";import * as path from "https://deno.land/std@0.99.0/path/mod.ts";import { genHtml } from "./html.ts";import { getComponent, getComponents } from "./components.ts";import { getAssets } from "./assets.ts";
/** * Statically generate project. */export const generate = async (  mode: "production" | "development" = "development",  reloadPort?: number,) => {  const start = Date.now();
  const pagesDir = path.join(Deno.cwd(), "pages");  const distDir = mode === "production"    ? path.join(Deno.cwd(), "dist")    : path.join(Deno.cwd(), ".vno", "dist");
  await fs.emptyDir(distDir);
  const cmps = await getComponents(mode); // load the cmps only once at beginning of generation  const assets = await getAssets([/\.css$/i]);
  const promises: Promise<void>[] = [];  for await (    const file of fs.walk(pagesDir, {      exts: ["vue"],    })  ) {    const parsed = path.parse(file.path);    const name = parsed.name;    const relPath = parsed.dir.replace(pagesDir, "");
    // dynamic page    if (name.match(/\[.*\]/)) {      promises.push(        (async () => {          const cmp = await getComponent(file.path);
          if (!cmp.exports.getStaticPaths) {            throw Error("missing getStaticPaths");          }
          // get the paths          const pathsData = await Promise.resolve(            cmp.exports.getStaticPaths({ fetch }),          );
          if (pathsData.length === 0) {            return;          }
          const clientJsFileName = Math.random().toString(36).substring(2, 15);
          // do one page first b/c it will generate the client side js which is the same for remaining pages          const pathData = pathsData[0];          // get the page id          const id = pathData.params[name.slice(1, name.length - 1)]            .toString();          // output location is based on the id          const output = path.join(distDir, relPath, id, "index.html");          await genHtml({            entry: file.path,            output,            pathData,            cmps,            assets,            reload: mode === "development",            reloadPort,            clientJsFileName,            mode,          });
          const promises: Promise<void>[] = [];          for (let i = 1; i < pathsData.length; i++) {            const pathData = pathsData[i];            // get the page id            const id = pathData.params[name.slice(1, name.length - 1)]              .toString();            // create an output location using the id            const output = path.join(distDir, relPath, id, "index.html");            promises.push(              genHtml({                entry: file.path,                output,                pathData,                cmps,                assets,                reload: mode === "development",                reloadPort,                clientJsFileName,                mode,              }),            );          }
          await Promise.all(promises);        })(),      );    } else {      // named page
      promises.push(        (async () => {          // create an output location based on the name          const output = path.join(            distDir,            relPath,            name == "index" ? "index.html" : `${name}/index.html`,          );
          await genHtml({            entry: file.path,            output,            cmps,            assets,            reload: mode === "development",            reloadPort,            mode,          });        })(),      );    }  }  await Promise.all(promises);
  console.log(`build took ${Date.now() - start}ms`);};
if (import.meta.main) {  await fs.emptyDir(path.join(Deno.cwd(), "dist"));  await generate("production");}