create-tauri-vue-app 0.0.1

package/README.md

@@ -0,0 +1,38 @@
+# create-tauri-vue-app
+
+Scaffold a new Tauri + Vue desktop application.
+
+## Usage
+
+```bash
+npm create tauri-vue-app@latest my-app
+```
+
+Or run directly with npx:
+
+```bash
+npx create-tauri-vue-app my-app
+```
+
+## Options
+
+```bash
+create-tauri-vue-app <project-name>
+```
+
+## Features
+
+- Tauri 2.x + Vue 3
+- Element Plus UI
+- Vue Router
+- Tauri plugins: log, shell
+
+## Template Customization
+
+Edit these files to customize the template:
+
+- `template/package.json` - NPM dependencies
+- `template/src-tauri/Cargo.toml` - Rust dependencies
+- `template/src-tauri/tauri.conf.json` - App configuration
+- `template/src/views/Home.vue` - Default view
+- `template/src/router/index.js` - Router config

package/index.js

@@ -0,0 +1,113 @@
+#!/usr/bin/env node
+
+import { cpSync, mkdirSync, readdirSync, readFileSync, writeFileSync, existsSync } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+// Get project name from command line arguments
+const args = process.argv.slice(2)
+let projectName = args[0]
+
+// If no project name provided, prompt user
+if (!projectName) {
+  const readline = await import('readline').then(m => m.default)
+  const rl = readline.createInterface({ input: process.stdin, output: process.stdout })
+  projectName = await new Promise(resolve => {
+    rl.question('Enter project name: ', answer => {
+      rl.close()
+      resolve(answer.trim())
+    })
+  })
+}
+
+if (!projectName) {
+  console.error('Error: Project name is required')
+  process.exit(1)
+}
+
+// Validate project name (must be valid npm package name)
+const validName = /^[a-z0-9-]+$/.test(projectName)
+if (!validName) {
+  console.error('Error: Project name must contain only lowercase letters, numbers, and hyphens')
+  process.exit(1)
+}
+
+// Create project directory
+const targetDir = join(process.cwd(), projectName)
+
+if (existsSync(targetDir)) {
+  console.error(`Error: Directory ${projectName} already exists`)
+  process.exit(1)
+}
+
+console.log(`Creating project: ${projectName}...`)
+mkdirSync(targetDir, { recursive: true })
+
+// Copy template files
+const templateDir = join(__dirname, 'template')
+copyRecursive(templateDir, targetDir)
+
+// Replace placeholder with project name
+replaceInFiles(targetDir, '{{PROJECT_NAME}}', projectName)
+
+console.log(`Project ${projectName} created successfully!`)
+console.log(`
+Next steps:
+  cd ${projectName}
+  npm install
+  npm run tauri dev
+`)
+
+function copyRecursive(src, dest) {
+  mkdirSync(dest, { recursive: true })
+  const entries = readdirSync(src, { withFileTypes: true })
+
+  for (const entry of entries) {
+    const srcPath = join(src, entry.name)
+    const destPath = join(dest, entry.name)
+
+    if (entry.isDirectory()) {
+      copyRecursive(srcPath, destPath)
+    } else {
+      // Copy file as binary
+      const content = readFileSync(srcPath)
+      writeFileSync(destPath, content)
+    }
+  }
+}
+
+function replaceInFiles(dir, placeholder, replacement) {
+  const entries = readdirSync(dir, { withFileTypes: true })
+
+  for (const entry of entries) {
+    const path = join(dir, entry.name)
+
+    if (entry.isDirectory()) {
+      // Skip certain directories
+      if (entry.name === 'node_modules' || entry.name === 'target' || entry.name === 'dist' || entry.name === '.git') {
+        continue
+      }
+      replaceInFiles(path, placeholder, replacement)
+    } else {
+      // Skip binary files and certain extensions
+      const ext = entry.name.split('.').pop()
+      if (['png', 'jpg', 'jpeg', 'ico', 'icns', 'svg'].includes(ext)) {
+        continue
+      }
+
+      try {
+        let content = readFileSync(path, 'utf-8')
+
+        // Only replace if placeholder exists
+        if (content.includes(placeholder)) {
+          content = content.split(placeholder).join(replacement)
+          writeFileSync(path, content)
+        }
+      } catch (e) {
+        // Skip files that can't be read as UTF-8
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "create-tauri-vue-app",
+  "version": "0.0.1",
+  "description": "Scaffold a new Tauri + Vue desktop application",
+  "type": "module",
+  "bin": {
+    "create-tauri-vue-app": "./index.js"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "tauri",
+    "vue",
+    "scaffold",
+    "template"
+  ],
+  "author": "",
+  "license": "MIT"
+}

package/template/README.md

@@ -0,0 +1,31 @@
+# {{PROJECT_NAME}}
+
+A Tauri + Vue desktop application.
+
+## Setup
+
+1. Install dependencies:
+```bash
+npm install
+```
+
+2. Replace all `{{PROJECT_NAME}}` placeholders with your actual project name.
+
+3. Run development server:
+```bash
+npm run tauri dev
+```
+
+## Build
+
+```bash
+npm run tauri build
+```
+
+## Template Usage
+
+- `src/views/Home.vue` - Main home view
+- `src/router/index.js` - Router configuration
+- `src-tauri/tauri.conf.json` - Tauri app configuration
+- `package.json` - NPM dependencies and scripts
+- `src-tauri/Cargo.toml` - Rust dependencies

package/template/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>