2021-11-15 19:20:51 +00:00
|
|
|
import { templateUtils } from '@nuxt/kit'
|
2021-11-21 16:14:46 +00:00
|
|
|
import type { Nuxt, NuxtApp } from '@nuxt/schema'
|
2022-02-08 19:09:44 +00:00
|
|
|
import { genArrayFromRaw, genDynamicImport, genExport, genImport, genString } from 'knitwork'
|
2021-09-21 14:55:07 +00:00
|
|
|
|
2022-02-07 10:20:01 +00:00
|
|
|
import { isAbsolute, join, relative } from 'pathe'
|
2022-03-09 13:41:24 +00:00
|
|
|
import { resolveSchema, generateTypes } from 'untyped'
|
2022-01-27 11:13:32 +00:00
|
|
|
import escapeRE from 'escape-string-regexp'
|
2021-11-18 13:11:34 +00:00
|
|
|
|
2022-02-08 19:09:44 +00:00
|
|
|
export interface TemplateContext {
|
|
|
|
|
nuxt: Nuxt
|
|
|
|
|
app: NuxtApp
|
2021-09-21 14:55:07 +00:00
|
|
|
}
|
|
|
|
|
|
2022-01-19 18:10:38 +00:00
|
|
|
export const vueShim = {
|
2022-02-07 10:20:01 +00:00
|
|
|
filename: 'types/vue-shim.d.ts',
|
2022-01-19 18:10:38 +00:00
|
|
|
getContents: () =>
|
|
|
|
|
[
|
|
|
|
|
'declare module \'*.vue\' {',
|
|
|
|
|
' import { DefineComponent } from \'@vue/runtime-core\'',
|
|
|
|
|
' const component: DefineComponent<{}, {}, any>',
|
|
|
|
|
' export default component',
|
|
|
|
|
'}'
|
|
|
|
|
].join('\n')
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-12 12:51:41 +00:00
|
|
|
// TODO: Use an alias
|
|
|
|
|
export const appComponentTemplate = {
|
|
|
|
|
filename: 'app-component.mjs',
|
2022-02-07 13:45:47 +00:00
|
|
|
getContents: (ctx: TemplateContext) => genExport(ctx.app.mainComponent, ['default'])
|
2021-10-12 12:51:41 +00:00
|
|
|
}
|
|
|
|
|
// TODO: Use an alias
|
|
|
|
|
export const rootComponentTemplate = {
|
|
|
|
|
filename: 'root-component.mjs',
|
2022-02-07 13:45:47 +00:00
|
|
|
getContents: (ctx: TemplateContext) => genExport(ctx.app.rootComponent, ['default'])
|
2021-09-21 14:55:07 +00:00
|
|
|
}
|
2022-03-11 08:22:16 +00:00
|
|
|
// TODO: Use an alias
|
|
|
|
|
export const errorComponentTemplate = {
|
|
|
|
|
filename: 'error-component.mjs',
|
|
|
|
|
getContents: (ctx: TemplateContext) => genExport(ctx.app.errorComponent, ['default'])
|
|
|
|
|
}
|
2021-09-21 14:55:07 +00:00
|
|
|
|
|
|
|
|
export const cssTemplate = {
|
|
|
|
|
filename: 'css.mjs',
|
2022-02-15 09:50:11 +00:00
|
|
|
getContents: (ctx: TemplateContext) => ctx.nuxt.options.css.map(i => genImport(i)).join('\n')
|
2021-09-21 14:55:07 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const clientPluginTemplate = {
|
|
|
|
|
filename: 'plugins/client.mjs',
|
|
|
|
|
getContents (ctx: TemplateContext) {
|
2021-11-04 08:16:54 +00:00
|
|
|
const clientPlugins = ctx.app.plugins.filter(p => !p.mode || p.mode !== 'server')
|
2021-09-21 14:55:07 +00:00
|
|
|
return [
|
2021-11-15 19:20:51 +00:00
|
|
|
templateUtils.importSources(clientPlugins.map(p => p.src)),
|
2022-02-07 13:45:47 +00:00
|
|
|
`export default ${genArrayFromRaw(clientPlugins.map(p => templateUtils.importName(p.src)))}`
|
2021-09-21 14:55:07 +00:00
|
|
|
].join('\n')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const serverPluginTemplate = {
|
|
|
|
|
filename: 'plugins/server.mjs',
|
|
|
|
|
getContents (ctx: TemplateContext) {
|
2021-11-04 08:16:54 +00:00
|
|
|
const serverPlugins = ctx.app.plugins.filter(p => !p.mode || p.mode !== 'client')
|
2021-09-21 14:55:07 +00:00
|
|
|
return [
|
|
|
|
|
"import preload from '#app/plugins/preload.server'",
|
2021-11-15 19:20:51 +00:00
|
|
|
templateUtils.importSources(serverPlugins.map(p => p.src)),
|
2022-02-07 13:45:47 +00:00
|
|
|
`export default ${genArrayFromRaw([
|
|
|
|
|
'preload',
|
|
|
|
|
...serverPlugins.map(p => templateUtils.importName(p.src))
|
|
|
|
|
])}`
|
2021-09-21 14:55:07 +00:00
|
|
|
].join('\n')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export const appViewTemplate = {
|
|
|
|
|
filename: 'views/app.template.html',
|
|
|
|
|
getContents () {
|
|
|
|
|
return `<!DOCTYPE html>
|
|
|
|
|
<html {{ HTML_ATTRS }}>
|
|
|
|
|
|
|
|
|
|
<head {{ HEAD_ATTRS }}>
|
|
|
|
|
{{ HEAD }}
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body {{ BODY_ATTRS }}>
|
|
|
|
|
{{ APP }}
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-18 13:11:34 +00:00
|
|
|
|
|
|
|
|
export const pluginsDeclaration = {
|
2022-02-07 10:20:01 +00:00
|
|
|
filename: 'types/plugins.d.ts',
|
2021-11-18 13:11:34 +00:00
|
|
|
getContents: (ctx: TemplateContext) => {
|
2022-01-27 16:02:25 +00:00
|
|
|
const EXTENSION_RE = new RegExp(`(?<=\\w)(${ctx.nuxt.options.extensions.map(e => escapeRE(e)).join('|')})$`, 'g')
|
2022-02-07 10:20:01 +00:00
|
|
|
const tsImports = ctx.app.plugins.map(p => (isAbsolute(p.src) ? relative(join(ctx.nuxt.options.buildDir, 'types'), p.src) : p.src).replace(EXTENSION_RE, ''))
|
2021-11-18 13:11:34 +00:00
|
|
|
|
|
|
|
|
return `// Generated by Nuxt3'
|
|
|
|
|
import type { Plugin } from '#app'
|
|
|
|
|
|
|
|
|
|
type Decorate<T extends Record<string, any>> = { [K in keyof T as K extends string ? \`$\${K}\` : never]: T[K] }
|
|
|
|
|
|
|
|
|
|
type InjectionType<A extends Plugin> = A extends Plugin<infer T> ? Decorate<T> : unknown
|
|
|
|
|
|
2022-02-07 13:45:47 +00:00
|
|
|
type NuxtAppInjections = \n ${tsImports.map(p => `InjectionType<typeof ${genDynamicImport(p, { wrapper: false })}.default>`).join(' &\n ')}
|
2021-11-18 13:11:34 +00:00
|
|
|
|
|
|
|
|
declare module '#app' {
|
|
|
|
|
interface NuxtApp extends NuxtAppInjections { }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
declare module '@vue/runtime-core' {
|
|
|
|
|
interface ComponentCustomProperties extends NuxtAppInjections { }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export { }
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-02-08 19:09:44 +00:00
|
|
|
|
|
|
|
|
const adHocModules = ['router', 'pages', 'auto-imports', 'meta', 'components']
|
|
|
|
|
export const schemaTemplate = {
|
|
|
|
|
filename: 'types/schema.d.ts',
|
|
|
|
|
getContents: ({ nuxt }: TemplateContext) => {
|
|
|
|
|
const moduleInfo = nuxt.options._installedModules.map(m => ({
|
|
|
|
|
...m.meta || {},
|
|
|
|
|
importName: m.entryPath || m.meta?.name
|
|
|
|
|
})).filter(m => m.configKey && m.name && !adHocModules.includes(m.name))
|
|
|
|
|
|
|
|
|
|
return [
|
|
|
|
|
"import { NuxtModule } from '@nuxt/schema'",
|
|
|
|
|
"declare module '@nuxt/schema' {",
|
|
|
|
|
' interface NuxtConfig {',
|
|
|
|
|
...moduleInfo.filter(Boolean).map(meta =>
|
|
|
|
|
` [${genString(meta.configKey)}]?: typeof ${genDynamicImport(meta.importName, { wrapper: false })}.default extends NuxtModule<infer O> ? Partial<O> : Record<string, any>`
|
|
|
|
|
),
|
|
|
|
|
' }',
|
2022-03-09 13:41:24 +00:00
|
|
|
generateTypes(resolveSchema(nuxt.options.publicRuntimeConfig),
|
|
|
|
|
{
|
|
|
|
|
interfaceName: 'PublicRuntimeConfig',
|
|
|
|
|
addExport: false,
|
|
|
|
|
addDefaults: false,
|
|
|
|
|
allowExtraKeys: false,
|
|
|
|
|
indentation: 2
|
|
|
|
|
}),
|
|
|
|
|
generateTypes(resolveSchema(nuxt.options.privateRuntimeConfig), {
|
|
|
|
|
interfaceName: 'PrivateRuntimeConfig',
|
|
|
|
|
addExport: false,
|
|
|
|
|
addDefaults: false,
|
|
|
|
|
indentation: 2,
|
|
|
|
|
allowExtraKeys: false,
|
|
|
|
|
defaultDescrption: 'This value is only accessible from server-side.'
|
|
|
|
|
}),
|
2022-02-08 19:09:44 +00:00
|
|
|
'}'
|
|
|
|
|
].join('\n')
|
|
|
|
|
}
|
|
|
|
|
}
|
