@create-mastery/cli 0.1.0 → 0.1.2

package/cli.ts

@@ -1,21 +1,32 @@
 #!/usr/bin/env tsx
 
+import { execSync } from 'node:child_process'
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import chalk from 'chalk'
 import { program } from 'commander'
 import gradient from 'gradient-string'
+import type { PackageJson } from 'type-fest'
 import addComponent from './commands/add/component'
 import addLanguage from './commands/add/language'
 import { genSchema } from './commands/generate-schema'
 import printScripts from './commands/scripts'
 import printVersion from './commands/version'
-import cliInfo from './package.json'
 import { createMasteryASCIIArtBig } from './utils/arts'
-import { execSync } from 'node:child_process'
-import chalk from 'chalk'
+import { requireProjectRoot } from './utils/require-project-root'
+import { fileURLToPath } from 'node:url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
 
 const add = program.command('add').description('add a language or component')
 const gen = program.command('gen').description('generate the dictionary schema')
 
-program.version(cliInfo.version)
+const cliPackagePath = path.resolve(__dirname, './package.json')
+
+const cliInfo: PackageJson = JSON.parse(readFileSync(cliPackagePath, 'utf-8'))
+
+program.version(cliInfo.version ?? '')
 program.name('cm')
 
 program.addHelpText(
@@ -29,7 +40,7 @@ program.addHelpText(
 // I know this may look silly, but it's for creating space between the prompt and the help message
 program.addHelpText('afterAll', ' ')
 
-program.description(cliInfo.description)
+program.description(cliInfo.description ?? '')
 
 program
   .command('version')
@@ -37,12 +48,21 @@ program
     'display the version of the Create Mastery website and some other useful information'
   )
   .option('-v, --verbose', 'verbose output of version command', false)
-  .action((options) => printVersion(options.verbose))
+  .action((options) => {
+    const projectRoot = requireProjectRoot()
+    printVersion(options.verbose, cliInfo, projectRoot)
+  })
 
 program
   .command('scripts')
   .description('display all the available scripts in package.json')
-  .action(() => printScripts())
+  .action(() => {
+    const projectRoot = requireProjectRoot()
+    const siteInfo: PackageJson = JSON.parse(
+      readFileSync(path.join(projectRoot, 'package.json'), 'utf-8')
+    )
+    printScripts(siteInfo)
+  })
 
 program
   .command('clone')
@@ -66,7 +86,10 @@ program
 gen
   .command('schema')
   .description('generates the schema for the dictionaries')
-  .action(() => genSchema())
+  .action(() => {
+    const projectRoot = requireProjectRoot()
+    genSchema(projectRoot)
+  })
 
 add
   .command('component')
@@ -74,7 +97,10 @@ add
   .argument('<name>', 'component to add')
   .option('-p, --props', 'the component is generated with props', false)
   .option('-c, --client', 'the component is a client component', false)
-  .action((name, options) => addComponent(name, options.props, options.client))
+  .action((name, options) => {
+    const projectRoot = requireProjectRoot()
+    addComponent(name, options.props, options.client, projectRoot)
+  })
 
 add
   .command('language')

package/commands/add/component.ts

@@ -1,17 +1,15 @@
 import fs from 'node:fs'
 import path from 'node:path'
-import { fileURLToPath } from 'node:url'
 import chalk from 'chalk'
 
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const componentsDir = path.resolve(__dirname, '../../../src/components/')
-
 export default function addComponent(
   componentName: string,
   props: boolean,
-  client: boolean
+  client: boolean,
+  projectRoot: string
 ) {
+  const componentsDir = path.resolve(projectRoot, 'src/components/')
+
   const filePath = path.resolve(componentsDir, `${componentName}.tsx`)
   const dirPath = path.dirname(filePath)
 

package/commands/add/language.ts

@@ -1,11 +1,9 @@
 import fs from 'node:fs'
 import path from 'node:path'
-import { fileURLToPath } from 'node:url'
 import chalk from 'chalk'
+import { findProjectRoot } from '../../utils/find-project-root'
 
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const dictionarieDir = path.resolve(__dirname, '../../../src/i18n/dictionaries')
+const projectRoot = findProjectRoot()
 
 type Json =
   | string
@@ -37,7 +35,7 @@ function genLocales(files: string[]) {
   const content = `export type locales = ${locales}\n`
 
   fs.writeFileSync(
-    path.resolve(__dirname, '../../../src/i18n/types/locales.ts'),
+    path.resolve(projectRoot ?? '', '../../../src/i18n/types/locales.ts'),
     content
   )
 }
@@ -54,7 +52,7 @@ function genI18n(files: string[]) {
 }`
 
   fs.writeFileSync(
-    path.resolve(__dirname, '../../../src/i18n/i18n.ts'),
+    path.resolve(projectRoot ?? '', '../../../src/i18n/i18n.ts'),
     content
   )
 }
@@ -72,7 +70,7 @@ function genDictionaryLoaders(files: string[]) {
 
   fs.writeFileSync(
     path.resolve(
-      __dirname,
+      projectRoot ?? '',
       '../../../src/i18n/dictionaries/dictionaries-loaders.ts'
     ),
     dictionariesLoaders
@@ -80,6 +78,11 @@ function genDictionaryLoaders(files: string[]) {
 }
 
 export default function addLanguage(language: string) {
+  const dictionarieDir = path.resolve(
+    projectRoot ?? '',
+    '../../../src/i18n/dictionaries'
+  )
+
   const input = JSON.parse(fs.readFileSync(`${dictionarieDir}/en.json`, 'utf8'))
   const output = stripValues(input)
 

package/commands/generate-schema.ts

@@ -1,20 +1,7 @@
-import * as GenerateSchema from 'generate-schema'
-
 import fs from 'node:fs'
 import path from 'node:path'
-import { fileURLToPath } from 'node:url'
 import chalk from 'chalk'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-const dictionarieDir = path.resolve(__dirname, '../../src/i18n/dictionaries/')
-const dictionary = JSON.parse(
-  fs.readFileSync(`${dictionarieDir}/en.json`, 'utf8')
-)
-const schemaPath = path.resolve(
-  __dirname,
-  `${dictionarieDir}/schema.schema.json`
-)
+import * as GenerateSchema from 'generate-schema'
 
 interface JsonSchema {
   type: string
@@ -45,7 +32,21 @@ function addRequiredRecursively(
   }
 }
 
-export function genSchema() {
+export function genSchema(projectRoot: string) {
+  const dictionarieDir = path.resolve(
+    projectRoot ?? '',
+    'src/i18n/dictionaries/'
+  )
+
+  const dictionary = JSON.parse(
+    fs.readFileSync(`${dictionarieDir}/en.json`, 'utf8')
+  )
+
+  const schemaPath = path.resolve(
+    projectRoot ?? '',
+    `${dictionarieDir}/schema.schema.json`
+  )
+
   const schema = GenerateSchema.json('dictionary schema', dictionary)
 
   addRequiredRecursively(schema, dictionary)

package/commands/scripts.ts

@@ -1,12 +1,12 @@
 import chalk from 'chalk'
-import siteInfo from '../../package.json'
+import type { PackageJson } from 'type-fest'
 import { createMasteryASCIIArtSmall } from '../utils/arts'
 
-export default function printScripts() {
+export default function printScripts(siteInfo: PackageJson) {
   console.log(chalk.blue(createMasteryASCIIArtSmall))
   console.log(chalk.blue('Available scripts:'))
   console.log(chalk.blue('──────────────────────────────────────────'))
-  Object.entries(siteInfo.scripts).forEach(([key, value]) => {
+  Object.entries(siteInfo.scripts ?? '').forEach(([key, value]) => {
     console.log(
       `${chalk.blue(key.padEnd(10))} ${chalk.blue('─')} ${chalk.reset(value)}`
     )

package/commands/version.ts

@@ -1,30 +1,30 @@
 import fs from 'node:fs'
 import path from 'node:path'
-import { fileURLToPath } from 'node:url'
 import chalk from 'chalk'
 import { globSync } from 'glob'
-import siteInfo from '../../package.json'
+import type { PackageJson } from 'type-fest'
 import { createMasteryASCIIArtSmall } from '../utils/arts'
 
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-
-export default function printVersion(verbose: boolean) {
-  const dictionarieDir = path.resolve(__dirname, '../../src/i18n/dictionaries')
-  const guideDirectory = path.resolve(__dirname, '../../src/app/**/guide')
+export default function printVersion(
+  verbose: boolean,
+  cliInfo: PackageJson,
+  projectRoot: string
+) {
+  const dictionarieDir = path.resolve(projectRoot, 'src/i18n/dictionaries')
+  const guideDirectory = path.resolve(projectRoot, 'src/app/**/guide')
 
   // since schema.schema.json is also counted we decrement the value by 1 to get the actual number of languages
   const getLanguages = () =>
     fs.readdirSync(dictionarieDir).filter((f) => f.endsWith('.json')).length - 1
 
-  const deps = Object.keys(siteInfo.dependencies).length
-  const devDeps = Object.keys(siteInfo.devDependencies).length
+  const deps = Object.keys(cliInfo.dependencies ?? '').length
+  const devDeps = Object.keys(cliInfo.devDependencies ?? '').length
 
   const languages: number = getLanguages()
   const guides: number = globSync(`${guideDirectory}/**/*.tsx`).length
 
   console.log(chalk.blue(createMasteryASCIIArtSmall))
-  console.log(chalk.blue('VERSION   ─'), chalk.reset(siteInfo.version))
+  console.log(chalk.blue('VERSION   ─'), chalk.reset(cliInfo.version))
   console.log(chalk.blue('GUIDES    ─'), chalk.reset(guides))
   console.log(chalk.blue('LANGUAGES ─'), chalk.reset(languages))
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@create-mastery/cli",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "The official Create Website CLI, created to enhance the DX",
   "homepage": "https://github.com/Create-Mastery/website/tree/main/cli#readme",
   "repository": {
@@ -15,12 +15,13 @@
     "cm": "cli.ts"
   },
   "dependencies": {
-    "gradient-string": "^3.0.0",
     "chalk": "^5.6.2",
     "commander": "^14.0.2",
     "generate-schema": "^2.6.0",
     "glob": "^13.0.0",
-    "tsx": "^4.21.0"
+    "gradient-string": "^3.0.0",
+    "tsx": "^4.21.0",
+    "type-fest": "^5.4.3"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.11"

package/utils/find-project-root.ts

@@ -0,0 +1,15 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+export function findProjectRoot(startDir = process.cwd()): string | null {
+  let dir = startDir
+
+  while (dir !== path.parse(dir).root) {
+    if (fs.existsSync(path.join(dir, '.create-mastery-root'))) {
+      return dir
+    }
+    dir = path.dirname(dir)
+  }
+
+  return null
+}

package/utils/require-project-root.ts

@@ -0,0 +1,17 @@
+import chalk from 'chalk'
+import { findProjectRoot } from './find-project-root'
+
+export function requireProjectRoot(): string {
+  const root = findProjectRoot()
+
+  if (!root) {
+    console.error(
+      chalk.red(
+        'Not inside a Create Mastery project. Run this command inside a project.'
+      )
+    )
+    process.exit(1)
+  }
+
+  return root
+}