create-soybean 1.7.0-beta.2 → 1.7.1

package/README.en_US.md

@@ -42,11 +42,13 @@ npm create soybean@latest my-project -- --template vue
 
 ## Available Templates
 
-| Template     | Description                                    |
-| ------------ | ---------------------------------------------- |
-| `tsdown`     | TypeScript library (built with tsdown)         |
-| `vue`        | Vue 3 project                                  |
-| `vue-tsdown` | Vue 3 + TypeScript library (built with tsdown) |
+| Template       | Description                        |
+| -------------- | ---------------------------------- |
+| `ts-lib`       | TypeScript library                 |
+| `vue`          | Vue 3 project                      |
+| `vue-lib`      | Vue 3 + TypeScript library         |
+| `ubean`        | ubean full-stack app (SSR/islands) |
+| `ubean-client` | ubean client-only SPA              |
 
 ## License
 

package/README.md

@@ -42,11 +42,13 @@ npm create soybean@latest my-project -- --template vue
 
 ## 可用模板
 
-| 模板         | 描述                                    |
-| ------------ | --------------------------------------- |
-| `tsdown`     | TypeScript 库（由 tsdown 构建）         |
-| `vue`        | Vue 3 项目                              |
-| `vue-tsdown` | Vue 3 + TypeScript 库（由 tsdown 构建） |
+| 模板           | 描述                               |
+| -------------- | ---------------------------------- |
+| `ts-lib`       | TypeScript 库                      |
+| `vue`          | Vue 3 项目                         |
+| `vue-lib`      | Vue 3 + TypeScript 库              |
+| `ubean`        | ubean 全栈应用（SSR/Islands/i18n） |
+| `ubean-client` | ubean 纯客户端 SPA                 |
 
 ## License
 

package/dist/index.d.ts

@@ -1 +1 @@
-export { };
+export {}

package/dist/index.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
-import process from "node:process";
 import { copyFileSync, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, statSync, writeFileSync } from "node:fs";
 import path from "node:path";
+import process from "node:process";
 import { fileURLToPath } from "node:url";
-import { cyan, green, red, reset } from "kolorist";
+import { consola } from "consola";
+import { blue, cyan, green, red, reset } from "kolorist";
 import minimist from "minimist";
 import prompts from "prompts";
-import { consola } from "consola";
 
 //#region src/shared.ts
 function formatTargetDir(targetDir) {
@@ -25,10 +25,13 @@ function toValidPackageName(projectName) {
 function emptyDir(dir) {
 	if (!existsSync(dir)) return;
 	const files = readdirSync(dir);
-	for (const file of files) if (file !== ".git") rmSync(path.resolve(dir, file), {
-		recursive: true,
-		force: true
-	});
+	for (const file of files) if (file !== ".git") {
+		const filePath = path.resolve(dir, file);
+		rmSync(filePath, {
+			recursive: true,
+			force: true
+		});
+	}
 }
 function copyDir(srcDir, destDir) {
 	mkdirSync(destDir, { recursive: true });
@@ -44,8 +47,8 @@ function copy(src, dest) {
 //#region src/index.ts
 const templates = [
 	{
-		type: "tsdown",
-		name: "TypeScript library by tsdown",
+		type: "ts-lib",
+		name: "TypeScript library",
 		color: cyan
 	},
 	{
@@ -54,9 +57,19 @@ const templates = [
 		color: green
 	},
 	{
-		type: "vue-tsdown",
-		name: "Vue 3 + TypeScript library by tsdown",
+		type: "vue-lib",
+		name: "Vue 3 + TypeScript library",
 		color: green
+	},
+	{
+		type: "ubean",
+		name: "Ubean full-stack app (SSR, islands, i18n)",
+		color: blue
+	},
+	{
+		type: "ubean-client",
+		name: "Ubean client-only SPA",
+		color: blue
 	}
 ];
 const TEMPLATES = templates.map((t) => t.type);
@@ -64,9 +77,7 @@ const renameFiles = {
 	_editorconfig: ".editorconfig",
 	_gitattributes: ".gitattributes",
 	_gitignore: ".gitignore",
-	_npmrc: ".npmrc",
-	"_oxlintrc.json": ".oxlintrc.json",
-	"_oxfmtrc.json": ".oxfmtrc.json"
+	"_vite-hooks": ".vite-hooks"
 };
 const defaultTargetDir = "create-soybean-project";
 async function setupCli() {
@@ -147,4 +158,5 @@ async function setupCli() {
 }
 setupCli();
 
-//#endregion
+//#endregion
+export {  };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-soybean",
-  "version": "1.7.0-beta.2",
+  "version": "1.7.1",
   "description": "The official scaffolding tool by SoybeanJS for quickly creating different project templates.",
   "homepage": "https://github.com/soybeanjs/create-soybean",
   "bugs": {
@@ -29,8 +29,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js"
     }
   },
   "publishConfig": {
@@ -43,36 +42,25 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@soybeanjs/cli": "^1.7.0",
+    "@soybeanjs/cli": "1.8.3",
+    "@soybeanjs/oxc-config": "^0.2.6",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^25.5.0",
+    "@types/node": "^26.5.1",
     "@types/prompts": "^2.4.9",
-    "lint-staged": "^16.4.0",
-    "oxfmt": "^0.41.0",
-    "oxlint": "^1.56.0",
-    "simple-git-hooks": "^2.13.1",
-    "tsdown": "^0.21.4",
-    "tsx": "^4.21.0",
-    "typescript": "^5.9.3"
-  },
-  "simple-git-hooks": {
-    "commit-msg": "pnpm soy git-commit-verify",
-    "pre-commit": "pnpm typecheck && pnpm lint-staged"
-  },
-  "lint-staged": {
-    "*": "oxlint --fix && oxfmt"
+    "tsx": "^4.23.13",
+    "typescript": "^7.0.2",
+    "vite-plus": "latest"
   },
   "scripts": {
-    "build": "tsdown",
+    "build": "vp pack",
     "cleanup": "soy cleanup",
     "commit": "soy git-commit",
-    "lint": "oxlint --fix && oxfmt",
-    "fmt": "oxfmt",
+    "fmt": "vp fmt",
+    "lint": "vp lint --fix",
     "publish-pkg": "pnpm publish --access public",
     "release": "soy release -e 'pnpm release-execute'",
     "release-execute": "tsx ./scripts/release.ts && pnpm soy changelog",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "upkg": "soy ncu",
-    "rei": "pnpm cleanup && pnpm i"
+    "upkg": "soy ncu"
   }
 }

package/template-ts-lib/_vite-hooks/pre-commit

@@ -0,0 +1 @@
+vp staged

package/template-ts-lib/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "template-ts-lib",
+  "version": "0.0.0",
+  "private": true,
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "cleanup": "soy cleanup",
+    "commit": "soy git-commit",
+    "fmt": "vp fmt",
+    "lint": "vp lint --fix",
+    "publish-pkg": "pnpm publish --access public",
+    "release": "soy release",
+    "typecheck": "tsc --noEmit --skipLibCheck",
+    "upkg": "soy ncu"
+  },
+  "devDependencies": {
+    "@soybeanjs/cli": "^1.8.3",
+    "@soybeanjs/oxc-config": "^0.2.6",
+    "@types/node": "^26.5.1",
+    "typescript": "catalog:",
+    "vite-plus": "catalog:"
+  },
+  "packageManager": "pnpm@12.4.1"
+}

package/template-ts-lib/pnpm-workspace.yaml

@@ -0,0 +1,11 @@
+catalog:
+  vite: npm:@voidzero-dev/vite-plus-core@latest
+  vite-plus: latest
+  typescript: ^7.0.2
+overrides:
+  vite: 'catalog:'
+  typescript: 'catalog:'
+shamefullyHoist: true
+allowBuilds:
+  esbuild: false
+minimumReleaseAge: 0

package/{template-tsdown → template-ts-lib}/tsconfig.json

@@ -1,24 +1,25 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
     "lib": ["DOM", "ESNext"],
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
+    "types": ["node", "vite/client"],
     "paths": {
       "@/*": ["./src/*"]
     },
     "resolveJsonModule": true,
-    "types": ["node"],
     "strict": true,
     "strictNullChecks": true,
-    "noImplicitThis": true,
-    "noUncheckedIndexedAccess": false,
     "noUnusedLocals": true,
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "skipLibCheck": true
   },
-  "include": ["src/**/*"],
+  "include": ["./**/*.ts"],
   "exclude": ["node_modules", "dist"]
 }

package/template-ts-lib/vite.config.ts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite-plus';
+import { lint, fmt } from '@soybeanjs/oxc-config';
+
+export default defineConfig({
+  staged: {
+    '*': 'vp check --fix'
+  },
+  fmt,
+  lint,
+  resolve: {
+    tsconfigPaths: true
+  },
+  pack: {
+    entry: ['src/index.ts'],
+    platform: 'neutral',
+    clean: true,
+    dts: true,
+    sourcemap: false,
+    minify: false,
+    fixedExtension: false
+  }
+});

package/template-ubean/README.md

@@ -0,0 +1,20 @@
+# template-ubean
+
+基于 [ubean](https://github.com/soybeanjs/ubean) 的全栈应用模板：文件式路由、SSR/Islands 架构、i18n、API 路由。
+
+## 使用
+
+```bash
+pnpm install
+pnpm dev
+```
+
+> 类型检查(`pnpm typecheck`)需先运行一次 `pnpm dev`,以生成 `.ubean/` 类型声明(该目录已在 .gitignore 中忽略)。
+
+## 演示内容
+
+- 页面路由: `src/pages/`(含嵌套布局 `src/layouts/`)
+- Islands 架构: `src/components/islands/` + `/islands-test`
+- API 路由: `src/routes/api/`(hello、users CRUD)
+- 数据请求: `/data-fetch`
+- i18n: `src/locales/`

package/template-ubean/_editorconfig

@@ -0,0 +1,11 @@
+# Editor configuration, see http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true

package/template-ubean/_gitattributes

@@ -0,0 +1,2 @@
+* text=auto
+*.* text eol=lf

package/template-ubean/_gitignore

@@ -0,0 +1,32 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+# ubean
+.ubean
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+!.vscode/launch.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+.VSCodeCounter

package/template-ubean/_vite-hooks/pre-commit

@@ -0,0 +1 @@
+vp staged

package/template-ubean/eslint.config.mjs

@@ -0,0 +1,3 @@
+import { defineConfig } from '@soybeanjs/eslint-config-vue';
+
+export default defineConfig();

package/template-ubean/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "template-ubean",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "ubean build",
+    "cleanup": "soy cleanup",
+    "commit": "soy git-commit",
+    "dev": "ubean dev",
+    "fmt": "vp fmt",
+    "lint": "vp lint --fix && pnpm lint:vue",
+    "lint:vue": "eslint . --ext .vue --fix",
+    "preview": "ubean preview",
+    "typecheck": "vue-tsc --noEmit --skipLibCheck",
+    "upkg": "soy ncu"
+  },
+  "dependencies": {
+    "@iconify/vue": "^5.0.1",
+    "@ubean/islands": "^0.5.1",
+    "ubean": "^0.5.1",
+    "valibot": "^1.5.0",
+    "vue": "^3.5.42",
+    "vue-i18n": "^11.4.10",
+    "vue-router": "^5.3.1"
+  },
+  "devDependencies": {
+    "@soybeanjs/cli": "^1.8.3",
+    "@soybeanjs/eslint-config-vue": "^0.1.1",
+    "@soybeanjs/oxc-config": "^0.2.6",
+    "@types/node": "^26.5.1",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:",
+    "vue-tsc": "^3.3.11"
+  },
+  "packageManager": "pnpm@12.4.1"
+}

package/template-ubean/pnpm-workspace.yaml

@@ -0,0 +1,11 @@
+catalog:
+  vite: npm:@voidzero-dev/vite-plus-core@latest
+  vite-plus: latest
+  typescript: npm:typescript-native-bridge@latest
+overrides:
+  vite: 'catalog:'
+  typescript: 'catalog:'
+shamefullyHoist: true
+allowBuilds:
+  esbuild: false
+minimumReleaseAge: 0

package/template-ubean/public/data.json

@@ -0,0 +1,5 @@
+{
+  "name": "ubean-test",
+  "version": "1.0.0",
+  "description": "Static JSON file test"
+}

package/template-ubean/public/favicon.svg

@@ -0,0 +1,64 @@
+<svg width="100%" height="100%" version="1.1" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <path
+      d="M 200,866 C 100,866 50,779.4 100,692.8 L 200,519.6 C 220,485 240,490 265,499.6 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+      fill="url(#LinearGradient)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 420,866 C 455,861 478,846 500,827 C 614,696 615,597 500,517 C 394,444 333,374 380,207.82 L 260,415.67 C 240.22,450 254.37,465.1 275.28,481.79 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+      fill="url(#LinearGradient_2)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 500,517 C 394,444 333,374 380,207.82 L 400,173.2 C 367,295 421,350 603,428 C 572,440 524,474 500,517"
+      fill="url(#LinearGradient_3)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 572,440 524,474 500,517 C 615,597 614,696 500,827"
+      fill="url(#LinearGradient_4)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 400,173.2 C 367,295 421,350 603,428 C 690,389, 750,445 788,500 L 600,173.2 C 550,86.6 450,86.6 400,173.2"
+      fill="url(#LinearGradient_5)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 690,389, 750,445 788,500 C 816,554 797,606 750,640 L 500,827"
+      fill="url(#LinearGradient_6)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 788,500 C 816,554 797,606 750,640 L 500,827 C 497,851 513,862 540,866 L 800,866 C 900,866 950,779.4 900,692.8 L 788,500"
+      fill="url(#LinearGradient_7)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <!-- bean -->
+    <g transform="translate(140, 650) scale(0.18)">
+  <path d="M539.04,146.5c-77.37,32.74-126.47,114.53-123.22,198,.61,150.92,169.47,210.6,214.99,341.13,39.71,96.62-16.62,230.68-122.31,253.16-374.89-83.15-390.44-785.49,30.54-792.29ZM564.61,948.5c68.1-32.18,118.51-95.45,132.49-169.97,41.81-214.6-158.22-254.7-215.15-413.02-31.14-86.21,21.33-198.66,114.56-214.57,129.21,21.58,214.93,148.7,230.96,272.19,7.94,38.53,21.57,75.37,34.41,112.43,75.75,198.26-76.06,438.99-297.26,412.94Z" fill="#ffffff" fill-rule="evenodd"/>
+</g>
+  </g>
+  <defs>
+    <linearGradient gradientTransform="matrix(104.391 -73.3432 73.3432 104.391 277.441 710.122)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#373ebf" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-173.747 557.324 -557.324 -173.747 508.829 258.172)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_2" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#c2d6ff" />
+      <stop offset="1" stop-color="#646cff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(157.951 295.666 -295.666 157.951 382.944 193.642)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_3" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#5058e6" />
+      <stop offset="1" stop-color="#373ebf" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-44.3023 219.578 -219.578 -44.3023 619.69 469.652)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_4" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#91a7ff" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(125.52 334.256 -334.256 125.52 539.723 235.139)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_5" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#646cff" />
+      <stop offset="1" stop-color="#c2d6ff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-241.23 357.206 -357.206 -241.23 754.054 449.312)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_6" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#c2d6ff" />
+      <stop offset="1" stop-color="#646cff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(125.978 210.065 -210.065 125.978 596.433 613.665)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_7" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#373ebf" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+  </defs>
+</svg>

package/template-ubean/src/app.ts

@@ -0,0 +1,39 @@
+import { defineApp } from 'ubean/client';
+
+// Locales are auto-loaded by ubean:locales virtual module on the server,
+// and auto-hydrated on the client via SSR-injected __UBEAN_LOCALE__ data.
+// No manual defineLocale() needed here.
+//
+// Island components (IslandCounter, IslandClock, etc.) are auto-registered
+// by `ubeanIslandsPlugin` and auto-hydrated by the framework after mount.
+// No manual hydrateIslands() call needed.
+
+export default defineApp({
+  head: {
+    title: 'ubean App',
+    meta: [
+      { name: 'description', content: 'ubean 全栈应用模板' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+    ]
+  },
+  rootId: 'app',
+  // 路由钩子示例 — 在 Client 和 SSR 都会执行。
+  // 守卫必须同步注册(函数体本身可以返回 Promise)。
+  router: {
+    setup(router) {
+      // 全局前置守卫:打印每次导航
+      router.beforeEach((to, from) => {
+        // eslint-disable-next-line no-console
+        console.log(`[router] ${from.fullPath} → ${to.fullPath}`);
+      });
+
+      // 全局后置钩子:可在此处做埋点
+      router.afterEach(to => {
+        // 实际场景:发送到 analytics / 设置页面标题等
+        if (typeof document !== 'undefined' && to.meta?.title) {
+          document.title = String(to.meta.title);
+        }
+      });
+    }
+  }
+});

package/template-ubean/src/components/islands/IslandClock.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted } from 'vue';
+
+const now = ref<string>('--:--:--');
+let timer: ReturnType<typeof setInterval> | null = null;
+
+function update() {
+  now.value = new Date().toLocaleTimeString('zh-CN', { hour12: false });
+}
+
+onMounted(() => {
+  update();
+  timer = setInterval(update, 1000);
+});
+
+onUnmounted(() => {
+  if (timer) clearInterval(timer);
+});
+</script>
+
+<template>
+  <div class="island-clock">
+    <p class="island-label">client:idle Island</p>
+    <p class="clock-time">{{ now }}</p>
+    <p class="clock-hint">Hydrated when browser is idle</p>
+  </div>
+</template>
+
+<style scoped>
+.island-clock {
+  padding: 1rem;
+  border: 2px solid #3b82f6;
+  border-radius: 8px;
+  background: #eff6ff;
+}
+
+.island-label {
+  font-size: 0.8rem;
+  color: #1d4ed8;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+
+.clock-time {
+  font-size: 1.8rem;
+  font-weight: 700;
+  color: #1e3a8a;
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  letter-spacing: 2px;
+}
+
+.clock-hint {
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  color: #6b7280;
+}
+</style>