refactor: move config & init functions to a separate folder
This commit is contained in:
MuhammadM1998
parent
f597d258b0
commit
c3bc3a891a
9
packages/cli/src/commands/frameworks/index.ts
Normal file
9
packages/cli/src/commands/frameworks/index.ts
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
import loadConfigVue from './vue/config'
|
||||
import initVue from './vue/init'
|
||||
|
||||
export default {
|
||||
vue: {
|
||||
loadConfig: loadConfigVue,
|
||||
init: initVue,
|
||||
},
|
||||
}
|
||||
173
packages/cli/src/commands/frameworks/vue/config.ts
Normal file
173
packages/cli/src/commands/frameworks/vue/config.ts
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
import { promises as fs } from 'node:fs'
|
||||
import path from 'pathe'
|
||||
import ora from 'ora'
|
||||
import { colors } from 'consola/utils'
|
||||
import { consola } from 'consola'
|
||||
import prompts from 'prompts'
|
||||
import { getRegistryBaseColors, getRegistryStyles } from '../../../utils/registry'
|
||||
import {
|
||||
type Config,
|
||||
DEFAULT_COMPONENTS,
|
||||
DEFAULT_TAILWIND_CONFIG,
|
||||
DEFAULT_UTILS,
|
||||
TAILWIND_CSS_PATH,
|
||||
getConfig,
|
||||
rawConfigSchema,
|
||||
resolveConfigPaths,
|
||||
} from '../../../utils/get-config'
|
||||
|
||||
export default async function (cwd: string, options: { yes: boolean, cwd: string }) {
|
||||
const existingConfig = await getConfig(cwd)
|
||||
return await promptForConfig(cwd, existingConfig, options.yes)
|
||||
}
|
||||
|
||||
async function promptForConfig(
|
||||
cwd: string,
|
||||
defaultConfig: Config | null = null,
|
||||
skip = false,
|
||||
) {
|
||||
const highlight = (text: string) => colors.cyan(text)
|
||||
|
||||
const styles = await getRegistryStyles()
|
||||
const baseColors = await getRegistryBaseColors()
|
||||
|
||||
const options = await prompts([
|
||||
{
|
||||
type: 'toggle',
|
||||
name: 'typescript',
|
||||
message: `Would you like to use ${highlight('TypeScript')}? ${colors.gray('(recommended)')}?`,
|
||||
initial: defaultConfig?.typescript ?? true,
|
||||
active: 'yes',
|
||||
inactive: 'no',
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'framework',
|
||||
message: `Which ${highlight('framework')} are you using?`,
|
||||
choices: [
|
||||
{ title: 'Vite', value: 'vite' },
|
||||
{ title: 'Nuxt', value: 'nuxt' },
|
||||
{ title: 'Laravel', value: 'laravel' },
|
||||
{ title: 'Astro', value: 'astro' },
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'style',
|
||||
message: `Which ${highlight('style')} would you like to use?`,
|
||||
choices: styles.map(style => ({
|
||||
title: style.label,
|
||||
value: style.name,
|
||||
})),
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'tailwindBaseColor',
|
||||
message: `Which color would you like to use as ${highlight(
|
||||
'base color',
|
||||
)}?`,
|
||||
choices: baseColors.map(color => ({
|
||||
title: color.label,
|
||||
value: color.name,
|
||||
})),
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tsConfigPath',
|
||||
message: (prev, values) => `Where is your ${highlight(values.typescript ? 'tsconfig.json' : 'jsconfig.json')} file?`,
|
||||
initial: (prev, values) => {
|
||||
const prefix = values.framework === 'nuxt' ? '.nuxt/' : './'
|
||||
const path = values.typescript ? 'tsconfig.json' : 'jsconfig.json'
|
||||
return prefix + path
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tailwindCss',
|
||||
message: `Where is your ${highlight('global CSS')} file? ${colors.gray('(this file will be overwritten)')}`,
|
||||
initial: (prev, values) => defaultConfig?.tailwind.css ?? TAILWIND_CSS_PATH[values.framework as 'vite' | 'nuxt' | 'laravel' | 'astro'],
|
||||
},
|
||||
{
|
||||
type: 'toggle',
|
||||
name: 'tailwindCssVariables',
|
||||
message: `Would you like to use ${highlight(
|
||||
'CSS variables',
|
||||
)} for colors?`,
|
||||
initial: defaultConfig?.tailwind.cssVariables ?? true,
|
||||
active: 'yes',
|
||||
inactive: 'no',
|
||||
},
|
||||
// {
|
||||
// type: 'text',
|
||||
// name: 'tailwindPrefix',
|
||||
// message: `Are you using a custom ${highlight(
|
||||
// 'tailwind prefix eg. tw-',
|
||||
// )}? (Leave blank if not)`,
|
||||
// initial: '',
|
||||
// },
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tailwindConfig',
|
||||
message: `Where is your ${highlight('tailwind.config')} located? ${colors.gray('(this file will be overwritten)')}`,
|
||||
initial: (prev, values) => {
|
||||
if (defaultConfig?.tailwind.config)
|
||||
return defaultConfig?.tailwind.config
|
||||
if (values.framework === 'astro')
|
||||
return 'tailwind.config.mjs'
|
||||
else return DEFAULT_TAILWIND_CONFIG
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'components',
|
||||
message: `Configure the import alias for ${highlight('components')}:`,
|
||||
initial: defaultConfig?.aliases.components ?? DEFAULT_COMPONENTS,
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'utils',
|
||||
message: `Configure the import alias for ${highlight('utils')}:`,
|
||||
initial: defaultConfig?.aliases.utils ?? DEFAULT_UTILS,
|
||||
},
|
||||
])
|
||||
|
||||
const config = rawConfigSchema.parse({
|
||||
$schema: 'https://shadcn-vue.com/schema.json',
|
||||
style: options.style,
|
||||
typescript: options.typescript,
|
||||
tsConfigPath: options.tsConfigPath,
|
||||
framework: options.framework,
|
||||
tailwind: {
|
||||
config: options.tailwindConfig,
|
||||
css: options.tailwindCss,
|
||||
baseColor: options.tailwindBaseColor,
|
||||
cssVariables: options.tailwindCssVariables,
|
||||
// prefix: options.tailwindPrefix,
|
||||
},
|
||||
aliases: {
|
||||
utils: options.utils,
|
||||
components: options.components,
|
||||
},
|
||||
})
|
||||
|
||||
if (!skip) {
|
||||
const { proceed } = await prompts({
|
||||
type: 'confirm',
|
||||
name: 'proceed',
|
||||
message: `Write configuration to ${highlight('components.json')}. Proceed?`,
|
||||
initial: true,
|
||||
})
|
||||
|
||||
if (!proceed)
|
||||
process.exit(0)
|
||||
}
|
||||
|
||||
// Write to file.
|
||||
consola.log('')
|
||||
const spinner = ora('Writing components.json...').start()
|
||||
const targetPath = path.resolve(cwd, 'components.json')
|
||||
await fs.writeFile(targetPath, JSON.stringify(config, null, 2), 'utf8')
|
||||
spinner.succeed()
|
||||
|
||||
return await resolveConfigPaths(cwd, config)
|
||||
}
|
||||
120
packages/cli/src/commands/frameworks/vue/init.ts
Normal file
120
packages/cli/src/commands/frameworks/vue/init.ts
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
import { existsSync, promises as fs } from 'node:fs'
|
||||
import { template } from 'lodash-es'
|
||||
import { addDependency, addDevDependency } from 'nypm'
|
||||
import { gte } from 'semver'
|
||||
import { consola } from 'consola'
|
||||
import path from 'pathe'
|
||||
import ora from 'ora'
|
||||
import { applyPrefixesCss } from '../../../utils/transformers/transform-tw-prefix'
|
||||
import { transformByDetype } from '../../../utils/transformers/transform-sfc'
|
||||
import { transformCJSToESM } from '../../../utils/transformers/transform-cjs-to-esm'
|
||||
import * as templates from '../../../utils/templates'
|
||||
import { getProjectInfo } from '../../../utils/get-project-info'
|
||||
import { getRegistryBaseColor } from '../../../utils/registry'
|
||||
import type { Config } from '../../../utils/get-config'
|
||||
|
||||
const PROJECT_DEPENDENCIES = {
|
||||
base: [
|
||||
'tailwindcss-animate',
|
||||
'class-variance-authority',
|
||||
'clsx',
|
||||
'tailwind-merge',
|
||||
'radix-vue',
|
||||
],
|
||||
nuxt: [
|
||||
'@nuxtjs/tailwindcss',
|
||||
],
|
||||
}
|
||||
|
||||
export default async function (cwd: string, config: Config) {
|
||||
const spinner = ora('Initializing project...')?.start()
|
||||
|
||||
// Check in in a Nuxt project.
|
||||
const { isNuxt, shadcnNuxt } = await getProjectInfo()
|
||||
if (isNuxt) {
|
||||
consola.log('')
|
||||
shadcnNuxt
|
||||
? consola.info(`Detected a Nuxt project with 'shadcn-nuxt' v${shadcnNuxt.version}...`)
|
||||
: consola.warn(`Detected a Nuxt project without 'shadcn-nuxt' module. It's recommended to install it.`)
|
||||
}
|
||||
|
||||
// Ensure all resolved paths directories exist.
|
||||
for (const [key, resolvedPath] of Object.entries(config.resolvedPaths)) {
|
||||
// Determine if the path is a file or directory.
|
||||
// TODO: is there a better way to do this?
|
||||
let dirname = path.extname(resolvedPath)
|
||||
? path.dirname(resolvedPath)
|
||||
: resolvedPath
|
||||
|
||||
// If the utils alias is set to something like "@/lib/utils",
|
||||
// assume this is a file and remove the "utils" file name.
|
||||
// TODO: In future releases we should add support for individual utils.
|
||||
if (key === 'utils' && resolvedPath.endsWith('/utils')) {
|
||||
// Remove /utils at the end.
|
||||
dirname = dirname.replace(/\/utils$/, '')
|
||||
}
|
||||
|
||||
if (!existsSync(dirname))
|
||||
await fs.mkdir(dirname, { recursive: true })
|
||||
}
|
||||
|
||||
const extension = config.typescript ? 'ts' : 'js'
|
||||
|
||||
// Write tailwind config.
|
||||
await fs.writeFile(
|
||||
config.resolvedPaths.tailwindConfig,
|
||||
transformCJSToESM(
|
||||
config.resolvedPaths.tailwindConfig,
|
||||
config.tailwind.cssVariables
|
||||
? template(templates.TAILWIND_CONFIG_WITH_VARIABLES)({ extension, framework: config.framework, prefix: config.tailwind.prefix })
|
||||
: template(templates.TAILWIND_CONFIG)({ extension, framework: config.framework, prefix: config.tailwind.prefix }),
|
||||
),
|
||||
'utf8',
|
||||
)
|
||||
|
||||
// Write css file.
|
||||
const baseColor = await getRegistryBaseColor(config.tailwind.baseColor)
|
||||
if (baseColor) {
|
||||
await fs.writeFile(
|
||||
config.resolvedPaths.tailwindCss,
|
||||
config.tailwind.cssVariables
|
||||
? config.tailwind.prefix
|
||||
? applyPrefixesCss(baseColor.cssVarsTemplate, config.tailwind.prefix)
|
||||
: baseColor.cssVarsTemplate
|
||||
: baseColor.inlineColorsTemplate,
|
||||
'utf8',
|
||||
)
|
||||
}
|
||||
|
||||
// Write cn file.
|
||||
await fs.writeFile(
|
||||
`${config.resolvedPaths.utils}.${extension}`,
|
||||
extension === 'ts' ? templates.UTILS : await transformByDetype(templates.UTILS, '.ts'),
|
||||
'utf8',
|
||||
)
|
||||
|
||||
spinner?.succeed()
|
||||
|
||||
// Install dependencies.
|
||||
const dependenciesSpinner = ora('Installing dependencies...')?.start()
|
||||
|
||||
// Starting from `shadcn-nuxt` version 0.10.4, Base dependencies are handled by the module so no need to re-add them by the CLI
|
||||
const baseDeps = gte(shadcnNuxt?.version || '0.0.0', '0.10.4') ? [] : PROJECT_DEPENDENCIES.base
|
||||
const iconsDep = config.style === 'new-york' ? ['@radix-icons/vue'] : ['lucide-vue-next']
|
||||
const deps = baseDeps.concat(iconsDep).filter(Boolean)
|
||||
|
||||
await Promise.allSettled(
|
||||
[
|
||||
config.framework === 'nuxt' && await addDevDependency(PROJECT_DEPENDENCIES.nuxt, {
|
||||
cwd,
|
||||
silent: true,
|
||||
}),
|
||||
await addDependency(deps, {
|
||||
cwd,
|
||||
silent: true,
|
||||
}),
|
||||
],
|
||||
)
|
||||
|
||||
dependenciesSpinner?.succeed()
|
||||
}
|
||||
|
|
@ -1,49 +1,12 @@
|
|||
import { existsSync, promises as fs } from 'node:fs'
|
||||
import { existsSync } from 'node:fs'
|
||||
import process from 'node:process'
|
||||
import path from 'pathe'
|
||||
import { Command } from 'commander'
|
||||
import { template } from 'lodash-es'
|
||||
import ora from 'ora'
|
||||
import prompts from 'prompts'
|
||||
import { z } from 'zod'
|
||||
import { addDependency, addDevDependency } from 'nypm'
|
||||
import { consola } from 'consola'
|
||||
import { colors } from 'consola/utils'
|
||||
import { gte } from 'semver'
|
||||
import { getProjectInfo } from '../utils/get-project-info'
|
||||
import * as templates from '../utils/templates'
|
||||
import {
|
||||
getRegistryBaseColor,
|
||||
getRegistryBaseColors,
|
||||
getRegistryStyles,
|
||||
} from '../utils/registry'
|
||||
import { handleError } from '../utils/handle-error'
|
||||
import { transformByDetype } from '../utils/transformers/transform-sfc'
|
||||
import {
|
||||
type Config,
|
||||
DEFAULT_COMPONENTS,
|
||||
DEFAULT_TAILWIND_CONFIG,
|
||||
DEFAULT_UTILS,
|
||||
TAILWIND_CSS_PATH,
|
||||
getConfig,
|
||||
rawConfigSchema,
|
||||
resolveConfigPaths,
|
||||
} from '../utils/get-config'
|
||||
import { transformCJSToESM } from '../utils/transformers/transform-cjs-to-esm'
|
||||
import { applyPrefixesCss } from '../utils/transformers/transform-tw-prefix'
|
||||
|
||||
const PROJECT_DEPENDENCIES = {
|
||||
base: [
|
||||
'tailwindcss-animate',
|
||||
'class-variance-authority',
|
||||
'clsx',
|
||||
'tailwind-merge',
|
||||
'radix-vue',
|
||||
],
|
||||
nuxt: [
|
||||
'@nuxtjs/tailwindcss',
|
||||
],
|
||||
}
|
||||
import frameworksCommands from './frameworks'
|
||||
|
||||
const initOptionsSchema = z.object({
|
||||
cwd: z.string(),
|
||||
|
|
@ -70,11 +33,16 @@ export const init = new Command()
|
|||
process.exit(1)
|
||||
}
|
||||
|
||||
// Read config.
|
||||
const existingConfig = await getConfig(cwd)
|
||||
const config = await promptForConfig(cwd, existingConfig, options.yes)
|
||||
// Get the corresponding framework commands
|
||||
// TODO: Pass this to action inside a `context` argument to the function
|
||||
const framework = 'vue'
|
||||
const { loadConfig, init } = frameworksCommands[framework]
|
||||
|
||||
await runInit(cwd, config)
|
||||
// Read config
|
||||
const config = await loadConfig(cwd, options)
|
||||
|
||||
// Init
|
||||
await init(cwd, config)
|
||||
|
||||
consola.log('')
|
||||
consola.info(
|
||||
|
|
@ -86,247 +54,3 @@ export const init = new Command()
|
|||
handleError(error)
|
||||
}
|
||||
})
|
||||
|
||||
export async function promptForConfig(
|
||||
cwd: string,
|
||||
defaultConfig: Config | null = null,
|
||||
skip = false,
|
||||
) {
|
||||
const highlight = (text: string) => colors.cyan(text)
|
||||
|
||||
const styles = await getRegistryStyles()
|
||||
const baseColors = await getRegistryBaseColors()
|
||||
|
||||
const options = await prompts([
|
||||
{
|
||||
type: 'toggle',
|
||||
name: 'typescript',
|
||||
message: `Would you like to use ${highlight('TypeScript')}? ${colors.gray('(recommended)')}?`,
|
||||
initial: defaultConfig?.typescript ?? true,
|
||||
active: 'yes',
|
||||
inactive: 'no',
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'framework',
|
||||
message: `Which ${highlight('framework')} are you using?`,
|
||||
choices: [
|
||||
{ title: 'Vite', value: 'vite' },
|
||||
{ title: 'Nuxt', value: 'nuxt' },
|
||||
{ title: 'Laravel', value: 'laravel' },
|
||||
{ title: 'Astro', value: 'astro' },
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'style',
|
||||
message: `Which ${highlight('style')} would you like to use?`,
|
||||
choices: styles.map(style => ({
|
||||
title: style.label,
|
||||
value: style.name,
|
||||
})),
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
name: 'tailwindBaseColor',
|
||||
message: `Which color would you like to use as ${highlight(
|
||||
'base color',
|
||||
)}?`,
|
||||
choices: baseColors.map(color => ({
|
||||
title: color.label,
|
||||
value: color.name,
|
||||
})),
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tsConfigPath',
|
||||
message: (prev, values) => `Where is your ${highlight(values.typescript ? 'tsconfig.json' : 'jsconfig.json')} file?`,
|
||||
initial: (prev, values) => {
|
||||
const prefix = values.framework === 'nuxt' ? '.nuxt/' : './'
|
||||
const path = values.typescript ? 'tsconfig.json' : 'jsconfig.json'
|
||||
return prefix + path
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tailwindCss',
|
||||
message: `Where is your ${highlight('global CSS')} file? ${colors.gray('(this file will be overwritten)')}`,
|
||||
initial: (prev, values) => defaultConfig?.tailwind.css ?? TAILWIND_CSS_PATH[values.framework as 'vite' | 'nuxt' | 'laravel' | 'astro'],
|
||||
},
|
||||
{
|
||||
type: 'toggle',
|
||||
name: 'tailwindCssVariables',
|
||||
message: `Would you like to use ${highlight(
|
||||
'CSS variables',
|
||||
)} for colors?`,
|
||||
initial: defaultConfig?.tailwind.cssVariables ?? true,
|
||||
active: 'yes',
|
||||
inactive: 'no',
|
||||
},
|
||||
// {
|
||||
// type: 'text',
|
||||
// name: 'tailwindPrefix',
|
||||
// message: `Are you using a custom ${highlight(
|
||||
// 'tailwind prefix eg. tw-',
|
||||
// )}? (Leave blank if not)`,
|
||||
// initial: '',
|
||||
// },
|
||||
{
|
||||
type: 'text',
|
||||
name: 'tailwindConfig',
|
||||
message: `Where is your ${highlight('tailwind.config')} located? ${colors.gray('(this file will be overwritten)')}`,
|
||||
initial: (prev, values) => {
|
||||
if (defaultConfig?.tailwind.config)
|
||||
return defaultConfig?.tailwind.config
|
||||
if (values.framework === 'astro')
|
||||
return 'tailwind.config.mjs'
|
||||
else return DEFAULT_TAILWIND_CONFIG
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'components',
|
||||
message: `Configure the import alias for ${highlight('components')}:`,
|
||||
initial: defaultConfig?.aliases.components ?? DEFAULT_COMPONENTS,
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'utils',
|
||||
message: `Configure the import alias for ${highlight('utils')}:`,
|
||||
initial: defaultConfig?.aliases.utils ?? DEFAULT_UTILS,
|
||||
},
|
||||
])
|
||||
|
||||
const config = rawConfigSchema.parse({
|
||||
$schema: 'https://shadcn-vue.com/schema.json',
|
||||
style: options.style,
|
||||
typescript: options.typescript,
|
||||
tsConfigPath: options.tsConfigPath,
|
||||
framework: options.framework,
|
||||
tailwind: {
|
||||
config: options.tailwindConfig,
|
||||
css: options.tailwindCss,
|
||||
baseColor: options.tailwindBaseColor,
|
||||
cssVariables: options.tailwindCssVariables,
|
||||
// prefix: options.tailwindPrefix,
|
||||
},
|
||||
aliases: {
|
||||
utils: options.utils,
|
||||
components: options.components,
|
||||
},
|
||||
})
|
||||
|
||||
if (!skip) {
|
||||
const { proceed } = await prompts({
|
||||
type: 'confirm',
|
||||
name: 'proceed',
|
||||
message: `Write configuration to ${highlight('components.json')}. Proceed?`,
|
||||
initial: true,
|
||||
})
|
||||
|
||||
if (!proceed)
|
||||
process.exit(0)
|
||||
}
|
||||
|
||||
// Write to file.
|
||||
consola.log('')
|
||||
const spinner = ora('Writing components.json...').start()
|
||||
const targetPath = path.resolve(cwd, 'components.json')
|
||||
await fs.writeFile(targetPath, JSON.stringify(config, null, 2), 'utf8')
|
||||
spinner.succeed()
|
||||
|
||||
return await resolveConfigPaths(cwd, config)
|
||||
}
|
||||
|
||||
export async function runInit(cwd: string, config: Config) {
|
||||
const spinner = ora('Initializing project...')?.start()
|
||||
|
||||
// Check in in a Nuxt project.
|
||||
const { isNuxt, shadcnNuxt } = await getProjectInfo()
|
||||
if (isNuxt) {
|
||||
consola.log('')
|
||||
shadcnNuxt
|
||||
? consola.info(`Detected a Nuxt project with 'shadcn-nuxt' v${shadcnNuxt.version}...`)
|
||||
: consola.warn(`Detected a Nuxt project without 'shadcn-nuxt' module. It's recommended to install it.`)
|
||||
}
|
||||
|
||||
// Ensure all resolved paths directories exist.
|
||||
for (const [key, resolvedPath] of Object.entries(config.resolvedPaths)) {
|
||||
// Determine if the path is a file or directory.
|
||||
// TODO: is there a better way to do this?
|
||||
let dirname = path.extname(resolvedPath)
|
||||
? path.dirname(resolvedPath)
|
||||
: resolvedPath
|
||||
|
||||
// If the utils alias is set to something like "@/lib/utils",
|
||||
// assume this is a file and remove the "utils" file name.
|
||||
// TODO: In future releases we should add support for individual utils.
|
||||
if (key === 'utils' && resolvedPath.endsWith('/utils')) {
|
||||
// Remove /utils at the end.
|
||||
dirname = dirname.replace(/\/utils$/, '')
|
||||
}
|
||||
|
||||
if (!existsSync(dirname))
|
||||
await fs.mkdir(dirname, { recursive: true })
|
||||
}
|
||||
|
||||
const extension = config.typescript ? 'ts' : 'js'
|
||||
|
||||
// Write tailwind config.
|
||||
await fs.writeFile(
|
||||
config.resolvedPaths.tailwindConfig,
|
||||
transformCJSToESM(
|
||||
config.resolvedPaths.tailwindConfig,
|
||||
config.tailwind.cssVariables
|
||||
? template(templates.TAILWIND_CONFIG_WITH_VARIABLES)({ extension, framework: config.framework, prefix: config.tailwind.prefix })
|
||||
: template(templates.TAILWIND_CONFIG)({ extension, framework: config.framework, prefix: config.tailwind.prefix }),
|
||||
),
|
||||
'utf8',
|
||||
)
|
||||
|
||||
// Write css file.
|
||||
const baseColor = await getRegistryBaseColor(config.tailwind.baseColor)
|
||||
if (baseColor) {
|
||||
await fs.writeFile(
|
||||
config.resolvedPaths.tailwindCss,
|
||||
config.tailwind.cssVariables
|
||||
? config.tailwind.prefix
|
||||
? applyPrefixesCss(baseColor.cssVarsTemplate, config.tailwind.prefix)
|
||||
: baseColor.cssVarsTemplate
|
||||
: baseColor.inlineColorsTemplate,
|
||||
'utf8',
|
||||
)
|
||||
}
|
||||
|
||||
// Write cn file.
|
||||
await fs.writeFile(
|
||||
`${config.resolvedPaths.utils}.${extension}`,
|
||||
extension === 'ts' ? templates.UTILS : await transformByDetype(templates.UTILS, '.ts'),
|
||||
'utf8',
|
||||
)
|
||||
|
||||
spinner?.succeed()
|
||||
|
||||
// Install dependencies.
|
||||
const dependenciesSpinner = ora('Installing dependencies...')?.start()
|
||||
|
||||
// Starting from `shadcn-nuxt` version 0.10.4, Base dependencies are handled by the module so no need to re-add them by the CLI
|
||||
const baseDeps = gte(shadcnNuxt?.version || '0.0.0', '0.10.4') ? [] : PROJECT_DEPENDENCIES.base
|
||||
const iconsDep = config.style === 'new-york' ? ['@radix-icons/vue'] : ['lucide-vue-next']
|
||||
const deps = baseDeps.concat(iconsDep).filter(Boolean)
|
||||
|
||||
await Promise.allSettled(
|
||||
[
|
||||
config.framework === 'nuxt' && await addDevDependency(PROJECT_DEPENDENCIES.nuxt, {
|
||||
cwd,
|
||||
silent: true,
|
||||
}),
|
||||
await addDependency(deps, {
|
||||
cwd,
|
||||
silent: true,
|
||||
}),
|
||||
],
|
||||
)
|
||||
|
||||
dependenciesSpinner?.succeed()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import path from 'pathe'
|
|||
import { addDependency } from 'nypm'
|
||||
import { afterEach, expect, it, vi } from 'vitest'
|
||||
|
||||
import { runInit } from '../../src/commands/init'
|
||||
import runInitVue from '../../src/commands/frameworks/vue/init'
|
||||
import { getConfig } from '../../src/utils/get-config'
|
||||
import * as registry from '../../src/utils/registry'
|
||||
|
||||
|
|
@ -29,7 +29,7 @@ it('init config-full', async () => {
|
|||
const targetDir = path.resolve(__dirname, '../fixtures/config-full')
|
||||
const config = await getConfig(targetDir)
|
||||
|
||||
await runInit(targetDir, config!)
|
||||
await runInitVue(targetDir, config!)
|
||||
|
||||
expect(mockMkdir).toHaveBeenNthCalledWith(
|
||||
1,
|
||||
|
|
@ -98,7 +98,7 @@ it('init config-partial', async () => {
|
|||
const targetDir = path.resolve(__dirname, '../fixtures/config-partial')
|
||||
const config = await getConfig(targetDir)
|
||||
|
||||
await runInit(targetDir, config!)
|
||||
await runInitVue(targetDir, config!)
|
||||
|
||||
expect(mockMkdir).toHaveBeenNthCalledWith(
|
||||
1,
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user