ui/svelte.config.js at main · TheCampground/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
import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"
import adapter from "@sveltejs/adapter-node"
import { resolve } from "node:path"

/** @type {import('@sveltejs/kit').Config} */
const config = {
	extensions: [".svelte"],
	preprocess: [vitePreprocess()],
	kit: {
		adapter: adapter({
			out: "build",
			precompress: true
		}),
		alias: {
			"@internal": resolve("./src/lib/internal"),
			"@core": resolve("./src/lib/components")
		},
		experimental: {
			remoteFunctions: true
		}
	},
	compilerOptions: {
		experimental: {
			async: true
		}
	}
}

export default config

// import VesperLight from "./static/vesper-light.json" with { type: "json" }

// import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"
// import adapter from "@sveltejs/adapter-node"

// import { mdsvex, escapeSvelte } from "mdsvex"
// import { dirname, resolve } from "node:path"
// import { createHighlighter } from "shiki"
// import { fileURLToPath } from "node:url"

// import rehypeUnwrapImages from "rehype-unwrap-images"
// import rehypeSlug from "rehype-slug"
// import remarkToc from "remark-toc"
// import remarkGfm from "remark-gfm"

// const highlighter = await createHighlighter({
//     themes: [],
//     langs: ["javascript", "typescript", "svelte", "html", "css", "text"]
// })
// await highlighter.loadTheme(VesperLight)
// await highlighter.loadTheme("vesper")

// /** @type {import('mdsvex').MdsvexOptions} */
// const mdsvexOptions = {
//     extensions: [".md"],
//     highlight: {
//         highlighter: async (code, lang = "text") => {
//             let options = {
//                 themes: {
//                     dark: "vesper",
//                     light: "vesper-light"
//                 },
//                 defaultColor: "light"
//             }
//             const html = highlighter.codeToHtml(code, {
//                 lang,
//                 ...options
//             })
//             return `{@html \`${escapeSvelte(html)}\`}`
//         }
//     },
//     remarkPlugins: [
//         remarkGfm,
//         [remarkToc, { tight: true }]
//     ],
//     rehypePlugins: [
//         rehypeSlug,
//         rehypeUnwrapImages
//     ],
//     layout: {
//         // _: dirname(fileURLToPath(import.meta.url)) + "/src/mdsvex.svelte"
//         _: resolve("./src/mdsvex.svelte")
//     }
// }

// /** @type {import('@sveltejs/kit').Config} */
// const config = {
// 	extensions: [".svelte", ".md"],
// 	preprocess: [
//         mdsvex(mdsvexOptions),
//         vitePreprocess()
//     ],
// 	kit: {
//         adapter: adapter({
//             out: "build",
//             precompress: true
//         }),
// 		alias: {
// 		    "@internal": resolve("./src/lib/internal"),
// 		    "@internal/mdsvex": resolve("./src/lib/internal/mdsvex"),
// 			"@core": resolve("./src/lib/components")
// 		},
//         experimental: {
//             remoteFunctions: true
//         }
// 	},
//     compilerOptions: {
//         experimental: {
//             async: true
//         }
//     }
// }

// export default config