fix(vite): write theme templates (#5355)

fix(vite): write theme templates (#5355) · nuxt/ui@411ebcc

4 files changed

lines changed

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ Internally, Nuxt UI relies on custom alias to resolve the theme types. If you're`
`138`	`138`	`"compilerOptions": {`
`139`	`139`	`"paths": {`
`140`	`140`	`"#build/ui": [`
`141`		`-"./node_modules/@nuxt/ui/.nuxt/ui"`
	`141`	`+"./node_modules/.nuxt-ui/ui"`
`142`	`142`	`]`
`143`	`143`	`}`
`144`	`144`	`}`

Original file line number	Diff line number	Diff line change
`@@ -77,18 +77,12 @@`
`77`	`77`	`]`
`78`	`78`	`}`
`79`	`79`	`},`
`80`		`-"imports": {`
`81`		`-"#build/ui/": "./.nuxt/ui/.ts",`
`82`		`-"#build/ui.css": "./.nuxt/ui.css"`
`83`		`- },`
`84`	`80`	`"bin": {`
`85`	`81`	`"nuxt-ui": "./cli/index.mjs"`
`86`	`82`	`},`
`87`	`83`	`"style": "./dist/runtime/index.css",`
`88`	`84`	`"main": "./dist/module.mjs",`
`89`	`85`	`"files": [`
`90`		`-".nuxt/ui",`
`91`		`-".nuxt/ui.css",`
`92`	`86`	`"dist",`
`93`	`87`	`"cli",`
`94`	`88`	`"vue-plugin.d.ts"`

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,14 @@`
`16`	`16`	`"strict": true,`
`17`	`17`	`"noUnusedLocals": true,`
`18`	`18`	`"noUnusedParameters": true,`
`19`		`-"noFallthroughCasesInSwitch": true`
	`19`	`+"noFallthroughCasesInSwitch": true,`
	`20`	`+`
	`21`	`+/* Aliases */`
	`22`	`+"paths": {`
	`23`	`+"#build/ui": [`
	`24`	`+"./node_modules/.nuxt-ui/ui"`
	`25`	`+ ]`
	`26`	`+ }`
`20`	`27`	`},`
`21`	`28`	`"include": ["vite.config.ts"]`
`22`	`29`	`}`

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+import fs from 'node:fs'`
	`2`	`+import path from 'node:path'`
`1`	`3`	`import type { UnpluginOptions } from 'unplugin'`
`2`	`4`	`import type { NuxtUIOptions } from '../unplugin'`
`3`	`5`	`import { getTemplates } from '../templates'`
`@@ -10,9 +12,38 @@ export default function TemplatePlugin(options: NuxtUIOptions, appConfig: Record`
`10`	`12`	`const templates = getTemplates(options, appConfig.ui)`
`11`	`13`	const templateKeys = new Set(templates.map(t => `#build/${t.filename}`))
`12`	`14`
	`15`	`+async function writeTemplates(root: string) {`
	`16`	`+const map: Record<string, string> = {}`
	`17`	`+const dir = path.join(root, 'node_modules', '.nuxt-ui')`
	`18`	`+for (const template of templates) {`
	`19`	`+if (!template.write \|\| !template.filename) {`
	`20`	`+continue`
	`21`	`+}`
	`22`	`+const filePath = path.join(dir, template.filename)`
	`23`	`+if (!fs.existsSync(path.dirname(filePath))) {`
	`24`	`+fs.mkdirSync(path.dirname(filePath), { recursive: true })`
	`25`	`+}`
	`26`	`+fs.writeFileSync(filePath, await template.getContents!({} as any))`
	`27`	`+`
	`28`	+map[`#build/${template.filename}`] = filePath
	`29`	`+}`
	`30`	`+return map`
	`31`	`+}`
	`32`	`+`
`13`	`33`	`return {`
`14`	`34`	`name: 'nuxt:ui:templates',`
`15`	`35`	`enforce: 'pre',`
	`36`	`+vite: {`
	`37`	`+async config(config) {`
	`38`	`+const alias = await writeTemplates(config.root \|\| process.cwd())`
	`39`	`+`
	`40`	`+return {`
	`41`	`+resolve: {`
	`42`	`+ alias`
	`43`	`+}`
	`44`	`+}`
	`45`	`+}`
	`46`	`+},`
`16`	`47`	`resolveId(id) {`
`17`	`48`	`if (templateKeys.has(id + '.ts')) {`
`18`	`49`	`return id.replace('#build/', 'virtual:nuxt-ui-templates/') + '.ts'`