create-murasaki 0.0.6 → 0.0.8

package/index.mjs

@@ -6,8 +6,8 @@ import { cp, mkdir, readFile, writeFile, stat } from 'node:fs/promises'
 import { existsSync } from 'node:fs'
 import { dirname, join, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { createInterface } from 'node:readline/promises'
 import { spawnSync } from 'node:child_process'
+import { text, select, isCancel, cancel, intro, outro } from '@clack/prompts'
 
 // ── ANSI truecolor (Oomurasaki palette) ────────────────────────────────
 const BRIGHT = '\x1b[38;2;168;85;247m'
@@ -132,15 +132,136 @@ function runInstall(targetDir, pm) {
   return result.status === 0
 }
 
+function exitIfCancel(value) {
+  if (isCancel(value)) {
+    cancel('Cancelled.')
+    process.exit(0)
+  }
+  return value
+}
+
 async function promptForName() {
-  const rl = createInterface({ input: process.stdin, output: process.stdout })
-  const answer = await rl.question(`  ${c(DEEP)}?${c(RESET)} ${c(BOLD)}Project name${c(RESET)} ${c(DIM)}(my-app):${c(RESET)} `)
-  rl.close()
-  return answer.trim() || 'my-app'
+  const value = await text({
+    message: 'Project name',
+    placeholder: 'my-app',
+    defaultValue: 'my-app',
+    validate(v) {
+      const t = (v || '').trim()
+      if (!t) return  // empty → use defaultValue
+      if (!isValidPackageName(t)) return 'Use lowercase letters, digits, dot, hyphen, underscore. Start with a letter or digit.'
+    },
+  })
+  return exitIfCancel(value)
+}
+
+async function promptForLinter() {
+  const value = await select({
+    message: 'Which linter would you like to use?',
+    options: [
+      { value: 'biome',  label: 'Biome',  hint: 'fast, single tool, recommended' },
+      { value: 'eslint', label: 'ESLint', hint: 'classic, huge ecosystem' },
+      { value: 'none',   label: 'None',   hint: 'add your own later' },
+    ],
+    initialValue: 'biome',
+  })
+  return exitIfCancel(value)
+}
+
+// ── Linter installers ─────────────────────────────────────────────────
+async function applyBiome(targetDir) {
+  const biomeJson = `{
+  "$schema": "https://biomejs.dev/schemas/2.5.1/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": ["src/**/*.{ts,tsx,js,jsx}", "!**/node_modules", "!**/dist"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+  "linter": {
+    "enabled": true,
+    "rules": { "recommended": true }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded",
+      "trailingCommas": "all"
+    }
+  }
+}
+`
+  await writeFile(join(targetDir, 'biome.json'), biomeJson)
+  await patchPackageJson(targetDir, (pkg) => {
+    pkg.devDependencies = { ...(pkg.devDependencies || {}), '@biomejs/biome': '^2.5.1' }
+    pkg.scripts = {
+      ...(pkg.scripts || {}),
+      check:  'biome check',
+      format: 'biome format --write',
+      lint:   'biome lint',
+      fix:    'biome check --write',
+    }
+  })
+}
+
+async function applyEslint(targetDir) {
+  const eslintConfig = `// eslint.config.js — flat config (ESLint v9+)
+
+import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+
+export default tseslint.config(
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['src/**/*.{ts,tsx,js,jsx}'],
+    plugins: { react: reactPlugin, 'react-hooks': reactHooks },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/react-in-jsx-scope': 'off',
+    },
+    settings: { react: { version: 'detect' } },
+  },
+  { ignores: ['node_modules/**', 'dist/**'] },
+)
+`
+  await writeFile(join(targetDir, 'eslint.config.js'), eslintConfig)
+  await patchPackageJson(targetDir, (pkg) => {
+    pkg.devDependencies = {
+      ...(pkg.devDependencies || {}),
+      'eslint':                     '^9.20.0',
+      '@eslint/js':                 '^9.20.0',
+      'typescript-eslint':          '^8.20.0',
+      'eslint-plugin-react':        '^7.37.0',
+      'eslint-plugin-react-hooks':  '^5.1.0',
+    }
+    pkg.scripts = {
+      ...(pkg.scripts || {}),
+      lint:       'eslint .',
+      'lint:fix': 'eslint . --fix',
+    }
+  })
+}
+
+async function patchPackageJson(targetDir, mutator) {
+  const pkgPath = join(targetDir, 'package.json')
+  const pkg = JSON.parse(await readFile(pkgPath, 'utf8'))
+  mutator(pkg)
+  await writeFile(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
 }
 
 // ── Scaffold ───────────────────────────────────────────────────────────
-async function scaffold(projectName) {
+async function scaffold(projectName, linter) {
   const __dirname = dirname(fileURLToPath(import.meta.url))
   const templateDir = join(__dirname, 'templates', 'default')
   const targetDir = resolve(process.cwd(), projectName)
@@ -167,6 +288,15 @@ async function scaffold(projectName) {
   const pkgPatched = pkgRaw.replace(/"__PROJECT_NAME__"/, JSON.stringify(projectName))
   await writeFile(pkgPath, pkgPatched)
 
+  // Apply linter overlay
+  if (linter === 'biome') {
+    log(`  ${c(DIM)}○${c(RESET)} Adding ${c(BOLD)}Biome${c(RESET)}...`)
+    await applyBiome(targetDir)
+  } else if (linter === 'eslint') {
+    log(`  ${c(DIM)}○${c(RESET)} Adding ${c(BOLD)}ESLint${c(RESET)}...`)
+    await applyEslint(targetDir)
+  }
+
   log(`  ${c(GREEN)}${c(BOLD)}✓${c(RESET)} Created ${c(BOLD)}${projectName}/${c(RESET)}`)
 
   // Install dependencies (Next.js-like behavior)
@@ -199,13 +329,26 @@ async function scaffold(projectName) {
 // ── Main ──────────────────────────────────────────────────────────────
 const banner = renderBanner()
 process.stdout.write('\n' + banner + '\n\n')
-process.stdout.write(`  ${c(DIM)}desktop apps for Next.js developers${c(RESET)}\n`)
+process.stdout.write(`  ${c(DIM)}desktop apps for Next.js developers${c(RESET)}\n\n`)
+
+// ── Parse args ────────────────────────────────────────────────────────
+const argName = process.argv[2] && !process.argv[2].startsWith('--') ? process.argv[2] : null
+const argLinter = (() => {
+  const i = process.argv.indexOf('--linter')
+  if (i >= 0 && process.argv[i + 1]) {
+    const v = process.argv[i + 1].toLowerCase()
+    if (v === 'biome' || v === 'eslint' || v === 'none') return v
+  }
+  return null
+})()
 
-const argName = process.argv[2]
-const projectName = argName || (await promptForName())
+intro('🦋 create-murasaki')
+const projectName = argName   || (await promptForName())
+const linter      = argLinter || (await promptForLinter())
+outro('Setting things up...')
 
 try {
-  await scaffold(projectName)
+  await scaffold(projectName, linter)
 } catch (err) {
   log(`\n  ${c(RED)}✗${c(RESET)} Scaffold failed: ${err.message}\n`)
   process.exit(1)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-murasaki",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Scaffolder for Murasaki apps. Run with `npm create murasaki@latest`.",
   "keywords": [
     "murasaki",
@@ -29,5 +29,8 @@
     "templates",
     "README.md",
     "LICENSE"
-  ]
+  ],
+  "dependencies": {
+    "@clack/prompts": "^1.6.0"
+  }
 }