fix: fix theme command

src/commands/add.ts

@@ -2,7 +2,7 @@ import fs from 'fs'
 import path from 'path'
 import { checkbox } from '@inquirer/prompts'
 import { components, namespaces } from '../resources/components'
-import { getUtilsFolderPath, getWriteComponentPath, writeFile } from '../utils'
+import { getUtilsFolderPath, getWriteComponentPath } from '../utils'
 import chalk from 'chalk'
 import { getPackageManager } from '../utils/get-package-manager'
 import { additionalDeps } from '../utils/additional-deps'

src/commands/theme.ts

@@ -46,8 +46,7 @@ export async function theme(cssLocation: string): Promise<string | undefined> {
       spinner.succeed(`CSS file copied to ${cssLocation}`)
       return selectedTheme
     } catch (error) {
-      // @ts-ignore
-      spinner.fail(`Failed to write CSS file to ${cssLocation}: ${error.message}`)
+      spinner.fail(`Failed to write CSS file to ${cssLocation}`)
     }
   } else {
     spinner.warn(`Source CSS file does not exist at ${cssSourcePath}`)
@@ -89,6 +88,11 @@ export async function setTheme(overrideConfirmation: boolean, selectedTheme?: st
   if (_newTheme) {
     const newTheme = capitalize(_newTheme.replace('.css', ''))
     userConfig.theme = newTheme
+
+    const cssSourcePath = path.join(resourceDir, `themes/${_newTheme}.css`)
+    const cssContent = readFileSync(cssSourcePath, 'utf8')
+    writeFileSync(cssPath, cssContent, { flag: 'w' })
+
     userConfig.css = cssPath
     writeFileSync(userConfigPath, JSON.stringify(userConfig, null, 2))
     console.log(`Theme changed to '${newTheme}'`)

src/resources/components.ts

@@ -12,7 +12,7 @@ const namespaces = [
   'surfaces',
   'media',
   'colors',
-  'layouts'
+  'layouts',
 ]
 
 const components: any[] = [

src/utils/index.ts

@@ -71,13 +71,3 @@ export async function getCSSPath() {
 
   return cssPath
 }
-
-export async function writeFile(description: string, url: string, writePath: string) {
-  try {
-    const response = await fetch(url)
-    const content = await response.text()
-    fs.writeFileSync(writePath, content)
-  } catch (error: any) {
-    console.error(chalk.red(`Error writing component to ${writePath}: ${error.message}`))
-  }
-}