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
|
import { defineConfig } from "vite"
import solidPlugin from "vite-plugin-solid"
import { iconsSpritesheet } from "vite-plugin-icons-spritesheet"
import fs from "fs"
export default defineConfig({
plugins: [
solidPlugin(),
providerIconsPlugin(),
iconsSpritesheet([
{
withTypes: true,
inputDir: "src/assets/icons/file-types",
outputDir: "src/components/file-icons",
formatter: "prettier",
},
{
withTypes: true,
inputDir: "src/assets/icons/provider",
outputDir: "src/components/provider-icons",
formatter: "prettier",
iconNameTransformer: (iconName) => iconName,
},
]),
],
server: { port: 3001 },
build: {
target: "esnext",
},
worker: {
format: "es",
},
})
function providerIconsPlugin() {
return {
name: "provider-icons-plugin",
configureServer() {
void fetchProviderIcons()
},
buildStart() {
void fetchProviderIcons()
},
}
}
async function fetchProviderIcons() {
const url = process.env.OPENCODE_MODELS_URL || "https://models.dev"
const providers = await fetch(`${url}/api.json`)
.then((res) => res.json())
.then((json) => Object.keys(json))
await Promise.all(
providers.map((provider) =>
fetch(`${url}/logos/${provider}.svg`)
.then((res) => res.text())
.then((svg) => fs.writeFileSync(`./src/assets/icons/provider/${provider}.svg`, svg)),
),
)
}
|
