create-vuexir 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 panvu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/bin/create.mjs

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+/**
+ * create-vuexir —— 脚手架：npx create-vuexir my-app
+ * 生成最小可跑工程：src/router.ts + src/pages/Home.vue + About.vue + vrn.config.ts + package.json
+ * 之后：npm i && npx vuexir gen ios|android
+ */
+import { cpSync, existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const target = resolve(process.argv[2] ?? 'my-vuexir-app');
+const here = dirname(fileURLToPath(import.meta.url));
+const tpl = join(here, '..', 'templates', 'app');
+
+if (process.argv.includes('--help') || process.argv.includes('-h')) {
+  console.log('用法：npx create-vuexir [目录名]\n生成 Vue SFC 工程骨架（含 router.ts 与 vrn.config.ts），随后 npx vuexir gen ios|android');
+  process.exit(0);
+}
+if (existsSync(target)) {
+  console.error(`✗ 目标已存在：${target}`);
+  process.exit(1);
+}
+mkdirSync(target, { recursive: true });
+cpSync(tpl, target, { recursive: true });
+
+const name = target.split('/').pop().replace(/[^A-Za-z0-9-]/g, '-');
+const pkgPath = join(target, 'package.json');
+const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+pkg.name = name;
+writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+// 工程名按分段 PascalCase 推导：my-vuexir-app → MyVuexirApp（bundleId 同步）
+const pascal = name
+  .split(/[-_.]+/)
+  .filter(Boolean)
+  .map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1))
+  .join('') || 'MyApp';
+const cfgPath = join(target, 'vrn.config.ts');
+writeFileSync(
+  cfgPath,
+  readFileSync(cfgPath, 'utf-8')
+    .replace(/projectName: '[^']*'/, `projectName: '${pascal}'`)
+    .replace(/bundleId: '[^']*'/, `bundleId: 'com.example.${name.replace(/[^a-z0-9]/g, '')}'`),
+);
+
+console.log(`✓ 已创建 ${target}
+
+下一步：
+  cd ${target}
+  npm install
+  npx vuexir gen ios        # 或 gen android
+  npx vuexir build ios --run
+`);

package/package.json

@@ -1,6 +1,32 @@
 {
   "name": "create-vuexir",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "脚手架：npx create-vrn-app my-app（Vue SFC + router.ts + vrn.config.ts）",
+  "type": "module",
+  "license": "MIT",
+  "bin": {
+    "create-vuexir": "./bin/create.mjs"
+  },
+  "files": [
+    "bin",
+    "templates",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dongmingzhixiu/vuexir.git",
+    "directory": "packages/create-vrn-app"
+  },
+  "homepage": "https://github.com/dongmingzhixiu/vuexir#readme",
+  "bugs": {
+    "url": "https://github.com/dongmingzhixiu/vuexir/issues"
+  },
+  "author": "panvu"
+}

package/templates/app/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "my-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "native:gen": "vuexir gen ios",
+    "native:build": "vuexir build ios --run",
+    "native:gen:android": "vuexir gen android",
+    "native:build:android": "vuexir build android --run"
+  },
+  "devDependencies": {
+    "vue": "^3.5.0"
+  }
+}

package/templates/app/src/pages/About.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const items = ref(['写 Vue SFC', '编译成原生源码', '双端 SwiftUI / Compose'])
+</script>
+
+<template>
+  <div class="screen">
+    <p class="title">关于</p>
+    <div class="card" v-for="(item, i) in items" :key="i">
+      <p class="line">{{ item }}</p>
+    </div>
+  </div>
+</template>
+
+<style>
+.screen { display: flex; flex-direction: column; gap: 10px; padding: 16px; background: #0a0f1e; }
+.title { font-size: 18px; font-weight: bold; color: #f5e9c8; }
+.card { padding: 14px; border-radius: 12px; background: #0f1832; }
+.line { font-size: 14px; color: #e9e6dd; }
+</style>

package/templates/app/src/pages/Home.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const count = ref(0)
+function inc() { count.value = count.value + 1 }
+</script>
+
+<template>
+  <div class="screen">
+    <p class="title">Hello vuexir</p>
+    <p class="line">计数：{{ count }} 次</p>
+    <button class="btn" @click="inc">点我 +1</button>
+  </div>
+</template>
+
+<style>
+.screen { display: flex; flex-direction: column; gap: 12px; padding: 16px; background: #0a0f1e; }
+.title { font-size: 18px; font-weight: bold; color: #f5e9c8; }
+.line { font-size: 14px; color: #a8aec2; }
+.btn { padding: 12px; border-radius: 10px; background: #d9b36c; color: #0a0f1e; font-size: 15px; }
+</style>

package/templates/app/src/router.ts

@@ -0,0 +1,11 @@
+// 多页路由：meta.tab=true → 底部 tab；其余为 push 二级页
+import HomeView from './pages/Home.vue'
+import AboutView from './pages/About.vue'
+
+const routes = [
+  { path: '/', name: 'home', component: HomeView, meta: { title: '首页', tab: true, icon: 'home.fill' } },
+  { path: '/me', name: 'me', component: AboutView, meta: { title: '我的', tab: true, icon: 'person.fill' } },
+  { path: '/detail', name: 'detail', component: AboutView, meta: { title: '详情' } },
+]
+
+export default routes

package/templates/app/vrn.config.ts

@@ -0,0 +1,7 @@
+/** vuexir 工程配置：入口 / 产物目录 / 工程名与包名 */
+export default {
+  entry: 'src/router.ts',
+  outDir: 'native',
+  projectName: 'MyApp',
+  bundleId: 'com.example.myapp',
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.