-
Notifications
You must be signed in to change notification settings - Fork 20
/
rollup.config.examples.js
112 lines (100 loc) · 2.76 KB
/
rollup.config.examples.js
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
/**
* Copyright 2021 Google LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import fs from "node:fs";
import path from "node:path";
import * as url from "node:url";
import html, { makeHtmlAttributes } from "@rollup/plugin-html";
import commonjs from "@rollup/plugin-commonjs";
import jsonNodeResolve from "@rollup/plugin-json";
import { nodeResolve } from "@rollup/plugin-node-resolve";
import typescript from "@rollup/plugin-typescript";
const template = ({ attributes, files, meta, publicPath, title }) => {
const scripts = (files.js || [])
.map(({ fileName }) => {
const attrs = makeHtmlAttributes(attributes.script);
return `<script src="${publicPath}${fileName}"${attrs}></script>`;
})
.join("\n");
const links = (files.css || [])
.map(({ fileName }) => {
const attrs = makeHtmlAttributes(attributes.link);
return `<link href="${publicPath}${fileName}" rel="stylesheet"${attrs}>`;
})
.join("\n");
const metas = meta
.map((input) => {
const attrs = makeHtmlAttributes(input);
return `<meta${attrs}>`;
})
.join("\n");
return `
<!doctype html>
<html${makeHtmlAttributes(attributes.html)}>
<head>
${metas}
<title>${title}</title>
<style>
#map, html, body {
height: 100%;
width: 100%;
margin: 0;
}
</style>
${links}
</head>
<body>
<div id="map"></div>
${scripts}
</body>
</html>`;
};
const typescriptOptions = {
tsconfig: "tsconfig.examples.json",
compilerOptions: {
sourceMap: true,
inlineSources: true,
},
};
const dirname = url.fileURLToPath(new URL(".", import.meta.url));
const examples = fs
.readdirSync(path.join(dirname, "examples"))
.filter((f) => f !== "config.ts")
.map((f) => f.slice(0, f.length - 3));
export default examples.map((name) => ({
input: `examples/${name}.ts`,
plugins: [
typescript(typescriptOptions),
commonjs(),
nodeResolve(),
jsonNodeResolve(),
],
output: {
dir: `public/${name}`,
sourcemap: "inline",
plugins: [
html({
fileName: `index.html`,
title: `@googlemaps/three: ${name}`,
template,
}),
],
manualChunks: (id) => {
if (id.includes("node_modules")) {
return "vendor";
}
},
},
}));