Very Popular
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274import { basename, join } from 'https://deno.land/std@0.106.0/path/mod.ts'import type { ReactOptions } from '../compiler/mod.ts'import { defaultReactVersion } from '../shared/constants.ts'import { existsDir } from '../shared/fs.ts'import log from '../shared/log.ts'import util from '../shared/util.ts'import type { BrowserName, Config, RequiredConfig as TRequiredConfig, ImportMap, PostCSSPlugin } from '../types.d.ts'import { getAlephPkgUri } from './helper.ts'
export type RequiredConfig = TRequiredConfig & { srcDir: string react: ReactOptions}
export function defaultConfig(): Readonly<RequiredConfig> { return { framework: 'react', srcDir: '/', basePath: '/', i18n: { defaultLocale: 'en', locales: [], }, build: { target: 'es2015', browsers: {} as Record<BrowserName, number>, outputDir: '/dist' }, ssr: {}, plugins: [], css: { cache: true, modules: {}, postcss: { plugins: ['autoprefixer'] }, }, server: { rewrites: {}, headers: {}, middlewares: [], compress: true, }, react: { version: defaultReactVersion, esmShBuildVersion: 45, } }}
/** load config from `aleph.config.(ts|js|json)` */export async function loadConfig(specifier: string): Promise<Config> { let data: Record<string, any> = {} if (specifier.endsWith('.json')) { const v = JSON.parse(await Deno.readTextFile(specifier)) if (util.isPlainObject(v)) { data = v } } else { let { default: v } = await import('file://' + specifier) if (util.isFunction(v)) { v = await v() } if (util.isPlainObject(v)) { data = v } }
const config: Config = {} const { framework, basePath, i18n, build, ssr, plugins, css, server, env, } = data if (isFramework(framework)) { config.framework = framework } if (util.isFilledString(basePath)) { config.basePath = util.cleanPath(basePath) } if (util.isPlainObject(i18n)) { let locales: string[] = [] if (util.isArray(i18n.locales)) { i18n.locales.filter(id => !isLocaleID(id)).forEach(id => log.warn(`invalid locale ID '${id}'`)) locales = Array.from(new Set(i18n.locales.filter(isLocaleID))) } config.i18n = { defaultLocale: isLocaleID(i18n.defaultLocale) ? i18n.defaultLocale : 'en', locales } } if (util.isPlainObject(build)) { config.build = { target: isBuildTarget(build.target) ? build.target : 'es2015', browsers: util.isPlainObject(build.browsers) ? build.browsers : {}, outputDir: util.isFilledString(build.outputDir) ? util.cleanPath(build.outputDir) : '/dist' } } if (typeof ssr === 'boolean') { config.ssr = ssr } else if (util.isPlainObject(ssr)) { const include = util.isArray(ssr.include) ? ssr.include.map(v => util.isFilledString(v) ? new RegExp(v) : v).filter(v => v instanceof RegExp) : [] const exclude = util.isArray(ssr.exclude) ? ssr.exclude.map(v => util.isFilledString(v) ? new RegExp(v) : v).filter(v => v instanceof RegExp) : [] config.ssr = { include, exclude } } if (util.isPlainObject(server)) { config.server = { headers: util.isPlainObject(server.headers) ? toStringMap(server.headers) : {}, rewrites: util.isPlainObject(server.rewrites) ? toStringMap(server.rewrites) : {}, middlewares: Array.isArray(server.middlewares) ? server.middlewares.filter(v => typeof v === 'function') : [], compress: typeof server.compress === 'boolean' ? server.compress : true } } if (util.isPlainObject(css)) { const { extract, cache: v, modules, postcss } = css let cache: boolean | RegExp | RegExp[] = true if (typeof v === 'boolean' || v instanceof RegExp) { cache = v } else if (Array.isArray(v)) { cache = v.filter(test => test instanceof RegExp) if (cache.length === 0) { cache = false } } config.css = { cache, modules: util.isPlainObject(modules) ? modules : {}, postcss: isPostcssConfig(postcss) ? postcss : { plugins: ['autoprefixer'] } } } if (util.isFilledArray(plugins)) { config.plugins = plugins.filter(v => util.isPlainObject(v) && util.isFunction(v.setup)) }
return config}
export function getDefaultImportMap(): ImportMap { const alephPkgUri = getAlephPkgUri() return { imports: { 'aleph/': `${alephPkgUri}/`, 'aleph/types': `${alephPkgUri}/types.d.ts`, 'aleph/web': `${alephPkgUri}/framework/core/mod.ts`, 'aleph/react': `${alephPkgUri}/framework/react/mod.ts`, 'react': `https://esm.sh/react@${defaultReactVersion}`, 'react-dom': `https://esm.sh/react-dom@${defaultReactVersion}` }, scopes: {} }}
/** load and upgrade the import maps from `import_map.json` */export async function loadImportMap(importMapFile: string): Promise<ImportMap> { const defaultImportMap = getDefaultImportMap() const importMap: ImportMap = { imports: {}, scopes: {} }
try { const data = JSON.parse(await Deno.readTextFile(importMapFile)) const imports: Record<string, string> = toStringMap(data.imports) const scopes: Record<string, Record<string, string>> = {} if (util.isPlainObject(data.scopes)) { Object.entries(data.scopes).forEach(([scope, imports]) => { scopes[scope] = toStringMap(imports) }) } Object.assign(importMap, { imports, scopes }) } catch (e) { log.error(`invalid '${basename(importMapFile)}':`, e.message) if (!confirm('Continue?')) { Deno.exit(1) } }
// in aleph dev mode, replace default imports if (Deno.env.get('ALEPH_DEV') !== undefined) { Object.assign(importMap.imports, defaultImportMap.imports) } else { importMap.imports = Object.assign({}, defaultImportMap.imports, importMap.imports) }
return importMap}
/** * fix config and import map * - set default `srcDir` to '/src' if it exists * - fix import map when the `srcDir` does not equal '/' * - respect react version in import map */export async function fixConfigAndImportMap(workingDir: string, config: RequiredConfig, importMap: ImportMap) { // set default src directory if ( config.srcDir === '/' && !await existsDir(join(workingDir, 'pages')) && await existsDir(join(workingDir, 'src', 'pages')) ) { config.srcDir = '/src' }
Object.keys(importMap.imports).forEach(key => { const url = importMap.imports[key] // strip `srcDir` prefix if (config.srcDir !== '/' && url.startsWith('.' + config.srcDir)) { importMap.imports[key] = '.' + util.trimPrefix(url, '.' + config.srcDir) } // react verison should respect the import maps if (/\/\/esm\.sh\/react@\d+\.\d+\.\d+(-[a-z0-9\.]+)?$/.test(url)) { config.react.version = url.split('@').pop()! } })}
function isFramework(v: any): v is 'react' { switch (v) { case 'react': return true default: return false }}
function isBuildTarget(v: any): v is 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'esnext' { switch (v) { case 'es2015': case 'es2016': case 'es2017': case 'es2018': case 'es2019': case 'es2020': case 'es2021': case 'esnext': return true default: return false }}
function isPostcssConfig(v: any): v is { plugins: PostCSSPlugin[] } { return util.isPlainObject(v) && util.isArray(v.plugins)}
const reLocaleID = /^[a-z]{2}(-[a-zA-Z0-9]+)?$/function isLocaleID(v: any): v is string { return util.isFilledString(v) && reLocaleID.test(v)}
function toStringMap(v: any): Record<string, string> { const imports: Record<string, string> = {} if (util.isPlainObject(v)) { Object.entries(v).forEach(([key, value]) => { if (key == '') { return } if (util.isFilledString(value)) { imports[key] = value return } else if (util.isFilledArray(value)) { for (const v of value) { if (util.isFilledString(v)) { imports[key] = v return } } } }) } return imports}