engine_components/vite.config-examples.ts at main · ThatOpen/engine_components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
/* eslint-disable import/no-extraneous-dependencies */
import { defineConfig } from "vite";
import * as path from "path";
import * as fs from "fs";
import { globSync } from "glob";

const restructureExamples = () => {
  return {
    name: "examples-refactor",
    async writeBundle() {
      const outDir = "examples/packages";
      const files = globSync(`${outDir}/**/example.html`);
      const paths: { path: string; description: string }[] = [];

      for (const file of files) {
        const directory = path.dirname(file);
        const rootFolder = directory.split(path.sep)[0];

        let targetDirectory: string | undefined;
        let assetsPath: string | undefined;
        let resourcesPath: string | undefined;

        const split = file.split("examples");
        if (split.length === 3 && split[1] && split[2]) {
          const baseName = path.basename(split[1]);
          const dirName = path.dirname(split[2]);
          const dir = path.join(baseName, dirName);
          targetDirectory = path.join(rootFolder, dir);
          assetsPath = "../../assets";
          resourcesPath = "../../../resources";
        }

        if (split.length === 2) {
          const exampleName = path.basename(directory);
          targetDirectory = path.join(rootFolder, exampleName);
          assetsPath = "../assets";
          resourcesPath = "../../resources";
        }

        if (!(targetDirectory && assetsPath && resourcesPath)) continue;

        const urlPath = file
          .slice(9)
          .replace(".html", ".ts")
          .replace(/\\/g, "/");

        let description = "";
        if (fs.existsSync(urlPath) && fs.statSync(urlPath).isFile()) {
          const source = fs.readFileSync(urlPath, "utf-8");
          const match = source.match(/\/\* MD([\s\S]*?)\*\//);
          if (match) {
            const lines = match[1].split(/\r?\n/);
            let i = 0;
            while (i < lines.length && !/^\s*#{1,6}\s/.test(lines[i])) i++;
            i++;
            const descLines: string[] = [];
            while (i < lines.length && !/^\s*#{1,6}\s/.test(lines[i])) {
              const line = lines[i].trim();
              if (line !== "---") descLines.push(line);
              i++;
            }
            description = descLines.join(" ").trim();
          }
        }

        paths.push({ path: urlPath, description });

        if (!fs.existsSync(targetDirectory)) fs.mkdirSync(targetDirectory);

        const buffer = fs.readFileSync(file);
        const newBuffer = buffer
          .toString()
          .replace(/(\.\.\/)+assets/g, assetsPath)
          .replace(/(\.\.\/)+resources/g, resourcesPath);
        fs.writeFileSync(path.join(targetDirectory, "index.html"), newBuffer);
      }

      if (fs.existsSync(outDir)) fs.rmSync(outDir, { recursive: true });
      fs.writeFileSync(
        path.join("examples", "paths.json"),
        JSON.stringify(paths, null, 2),
      );
    },
  };
};

const entries = globSync("packages/**/src/**/example.html").map((file) => {
  const directory = path.dirname(file);
  const exampleName = path.basename(directory);
  const fixedName = exampleName[0].toLowerCase() + exampleName.slice(1);
  const entry = [fixedName, path.resolve(file)];
  return entry;
});

const input = Object.fromEntries(entries);

export default defineConfig({
  base: "./",
  esbuild: {
    supported: {
      "top-level-await": true,
    },
  },
  build: {
    outDir: "./examples",
    rollupOptions: {
      input,
      output: {
        entryFileNames: "assets/[name].js",
      },
    },
  },
  plugins: [restructureExamples()],
});