vue-kaspa-cli 0.1.0 → 0.1.2

package/bin/index.mjs

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
-import { createInterface } from 'node:readline/promises'
-import { stdin as input, stdout as output } from 'node:process'
+import { createPromptModule } from 'inquirer'
 import { existsSync, mkdirSync, readdirSync, statSync, readFileSync, writeFileSync } from 'node:fs'
 import { join, dirname } from 'node:path'
 import { fileURLToPath } from 'node:url'
@@ -15,22 +14,6 @@ const RENAMES = {
   '_package.json': 'package.json',
 }
 
-const rl = createInterface({ input, output })
-
-async function ask(question, fallback) {
-  const answer = (await rl.question(question)).trim()
-  return answer || fallback
-}
-
-async function choose(question, choices) {
-  output.write(`${question}\n${choices.map((c, i) => `  ${i + 1}) ${c}`).join('\n')}\n`)
-  while (true) {
-    const n = parseInt((await rl.question('  Enter number: ')).trim(), 10) - 1
-    if (n >= 0 && n < choices.length) return choices[n]
-    output.write(`  Please enter 1–${choices.length}.\n`)
-  }
-}
-
 function copyDir(src, dest) {
   mkdirSync(dest, { recursive: true })
   for (const entry of readdirSync(src)) {
@@ -42,17 +25,32 @@ function copyDir(src, dest) {
   }
 }
 
-async function main() {
-  output.write('\n  vue-kaspa-cli — scaffold a Kaspa-connected Vue/Nuxt app\n\n')
-
-  const name = await ask('  Project name (kaspa-app): ', 'kaspa-app')
-  const framework = await choose('\n  Framework:', ['Vue', 'Nuxt'])
-  rl.close()
+const prompt = createPromptModule()
 
+async function main() {
+  console.log('\n  vue-kaspa-cli — scaffold a Kaspa-connected Vue/Nuxt app\n')
+
+  const answers = await prompt([
+    {
+      type: 'input',
+      name: 'projectName',
+      message: 'Project name:',
+      default: 'kaspa-app',
+    },
+    {
+      type: 'list',
+      name: 'framework',
+      message: 'Framework:',
+      choices: ['Vue', 'Nuxt'],
+    },
+  ])
+
+  const { projectName, framework } = answers
+  const name = projectName.trim() || 'kaspa-app'
   const targetDir = join(process.cwd(), name)
 
   if (existsSync(targetDir) && readdirSync(targetDir).length > 0) {
-    output.write(`\n  "${name}" already exists and is not empty.\n\n`)
+    console.error(`\n  "${name}" already exists and is not empty.\n`)
     process.exit(1)
   }
 
@@ -63,15 +61,19 @@ async function main() {
   pkg.name = name.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')
   writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
 
-  output.write(`
+  const editHint = framework === 'Nuxt'
+    ? 'app/components/KaspaStatus.vue'
+    : 'src/components/KaspaStatus.vue'
+
+  console.log(`
   Done!
 
   cd ${name}
   npm install
   npm run dev
 
-  Edit src/components/KaspaStatus.vue to start building.
-  Docs → https://furatamasensei.github.io/vue-kaspa
+  Edit ${editHint} to start building.
+  Docs → https://vue-kaspa.vercel.app
 
 `)
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-kaspa-cli",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "Scaffold a Vue 3 or Nuxt app wired to the Kaspa blockchain",
   "license": "MIT",
@@ -9,7 +9,17 @@
     "url": "https://github.com/furatamasensei/vue-kaspa.git",
     "directory": "packages/vue-kaspa-cli"
   },
-  "bin": { "vue-kaspa-cli": "bin/index.mjs" },
-  "files": ["bin", "templates"],
-  "engines": { "node": ">=18.0.0" }
+  "bin": {
+    "vue-kaspa-cli": "bin/index.mjs"
+  },
+  "files": [
+    "bin",
+    "templates"
+  ],
+  "dependencies": {
+    "inquirer": "^12.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
 }

package/templates/nuxt/_package.json

@@ -5,11 +5,12 @@
   "scripts": {
     "dev": "nuxt dev",
     "build": "nuxt build",
-    "preview": "nuxt preview"
+    "preview": "nuxt preview",
+    "generate": "nuxt generate"
   },
   "dependencies": {
     "@vue-kaspa/kaspa-wasm": "^1.2.0",
-    "nuxt": "^3.17.0",
+    "nuxt": "^4.4.2",
     "vue-kaspa": "^0.1.0"
   }
 }

package/templates/nuxt/app/app.vue

@@ -0,0 +1,3 @@
+<template>
+  <NuxtPage />
+</template>

package/templates/nuxt/{components → app/components}/KaspaStatus.vue

@@ -61,7 +61,7 @@ const daaScore = computed(() =>
     </div>
 
     <footer style="display:flex;align-items:center;gap:.5rem;font-size:.85rem;border-top:1px solid #e2e8f0;padding-top:1rem;">
-      <a href="https://furatamasensei.github.io/vue-kaspa" target="_blank" rel="noopener" style="color:#374151;text-decoration:none;">Docs</a>
+      <a href="https://vue-kaspa.vercel.app" target="_blank" rel="noopener" style="color:#374151;text-decoration:none;">Docs</a>
       <span>·</span>
       <a href="https://github.com/furatamasensei/vue-kaspa" target="_blank" rel="noopener" style="color:#374151;text-decoration:none;">GitHub</a>
     </footer>

package/templates/nuxt/app/pages/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <main style="min-height:100vh;display:flex;align-items:center;justify-content:center;">
+    <ClientOnly>
+      <KaspaStatus />
+    </ClientOnly>
+  </main>
+</template>

package/templates/nuxt/nuxt.config.ts

@@ -1,5 +1,5 @@
 export default defineNuxtConfig({
-  compatibilityDate: '2025-01-01',
+  compatibilityDate: '2024-11-01',
   modules: ['vue-kaspa/nuxt'],
   kaspa: {
     network: 'mainnet',

package/templates/vue/src/components/KaspaStatus.vue

@@ -59,7 +59,7 @@ const daaScore = computed(() =>
     </div>
 
     <footer class="card__footer">
-      <a href="https://furatamasensei.github.io/vue-kaspa" target="_blank" rel="noopener">Docs</a>
+      <a href="https://vue-kaspa.vercel.app" target="_blank" rel="noopener">Docs</a>
       <span>·</span>
       <a href="https://github.com/furatamasensei/vue-kaspa" target="_blank" rel="noopener">GitHub</a>
     </footer>