gc-solid-ui/app.config.ts at main · binnodon/gc-solid-ui · 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
115
116
117
118
119
120
121
122
123
import { defineConfig } from "@solidjs/start/config"

import { createWithSolidBase, defineTheme } from "@kobalte/solidbase/config"
import defaultTheme from "@kobalte/solidbase/default-theme"
import tailwindcss from "@tailwindcss/vite"

const theme = defineTheme({
  componentsPath: import.meta.resolve("./src/solidbase-theme"),
  extends: defaultTheme
})

const isGitHubPages = process.env.GITHUB_PAGES === "true"

export default defineConfig(
  createWithSolidBase(theme)(
    {
      ssr: false,
      server: {
        preset: "static",
        ...(isGitHubPages && { baseURL: "/gc-solid-ui/" }),
        prerender: {
          crawlLinks: true
        }
      },
      vite: {
        ...(isGitHubPages && { base: "/gc-solid-ui/" }),
        plugins: [tailwindcss()],
        resolve: {
          conditions: ["solid", "browser", "development"]
        },
        optimizeDeps: {
          exclude: [
            "@modular-forms/solid"
          ]
        },
        ...(isGitHubPages && {
          experimental: {
            renderBuiltUrl(filename: string, { type }: { type: string }) {
              if (type === 'asset') {
                return `/gc-solid-ui/_build/${filename}`
              }
              return filename
            }
          }
        }),
        server: {
          port: parseInt(process.env.FRONTEND_PORT || "5173", 10),
          hmr: {
            protocol: 'ws',
            host: 'localhost',
            port: 24678,
            clientPort: 24678
          }
        }
      }
    },
    {
      markdown: {
        expressiveCode: {
          themes: ["github-dark-default", "github-light-default"]
        },
        importCodeFile: {
          transform(code, id) {
            if (id.endsWith(".tsx")) {
              return code
                .replaceAll("~/registry/v1/ui", "~/components/ui")
                .replaceAll("export default", "export")
            }
          }
        },
        packageManagers: {
          presets: {
            npm: {
              install: "npm i :content",
              "install-dev": "npm i :content -D",
              "install-global": "npm i :content -g",
              "install-local": "npm i",
              run: "npm run :content",
              exec: "npx :content",
              create: "npm init :content"
            },
            pnpm: {
              install: "pnpm i :content",
              "install-dev": "pnpm i :content -D",
              "install-global": "pnpm i :content -g",
              "install-local": "pnpm i",
              run: "pnpm :content",
              exec: "pnpx :content",
              create: "pnpm create :content"
            },
            yarn: {
              install: "yarn add :content",
              "install-dev": "yarn add :content -D",
              "install-global": "yarn add :content -g",
              "install-local": "yarn i",
              run: "yarn :content",
              exec: "yarn dlx :content",
              create: "yarn create :content"
            },
            bun: {
              install: "bun i :content",
              "install-dev": "bun i :content -d",
              "install-global": "bun i :content -g",
              "install-local": "bun i",
              run: "bun run :content",
              exec: "bunx :content",
              create: "bun create :content"
            },
            deno: {
              install: "deno add npm::content",
              "install-dev": "deno add npm::content -D",
              "install-global": "deno add npm::content -g",
              "install-local": "deno i",
              run: "deno run :content",
              exec: "dpx :content",
              create: "deno run -A npm:create-:content"
            }
          }
        }
      }
    }
  )
)