create-rue 0.0.11 → 0.0.15

package/bundle.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-rue v0.0.11 | MIT */
+/*! create-rue v0.0.15 | MIT */
 import { createRequire } from "node:module";
 import * as fs from "node:fs";
 import "node:fs";
@@ -688,20 +688,7 @@ function Ze() {
 	return P.platform !== "win32" ? P.env.TERM !== "linux" : !!P.env.CI || !!P.env.WT_SESSION || !!P.env.TERMINUS_SUBLIME || P.env.ConEmuTask === "{cmd::Cmder}" || P.env.TERM_PROGRAM === "Terminus-Sublime" || P.env.TERM_PROGRAM === "vscode" || P.env.TERM === "xterm-256color" || P.env.TERM === "alacritty" || P.env.TERMINAL_EMULATOR === "JetBrains-JediTerm";
 }
 const ee = Ze(), w = (e, i) => ee ? e : i, _e = w("◆", "*"), oe = w("■", "x"), ue = w("▲", "x"), F = w("◇", "o"), le = w("┌", "T"), d = w("│", "|"), E = w("└", "—");
-w("┐", "T");
-w("┘", "—");
-const z = w("●", ">"), H = w("○", " ");
-w("◻", "[•]");
-w("◼", "[+]");
-w("◻", "[ ]");
-w("▪", "•");
-w("─", "-");
-w("╮", "+");
-w("├", "+");
-w("╯", "+");
-w("╰", "+");
-w("╭", "+");
-const he = w("●", "•"), pe = w("◆", "*"), me = w("▲", "!"), ge = w("■", "x"), V = (e) => {
+const z = w("●", ">"), H = w("○", " "), he = w("●", "•"), pe = w("◆", "*"), me = w("▲", "!"), ge = w("■", "x"), V = (e) => {
 	switch (e) {
 		case "initial":
 		case "active": return styleText("cyan", _e);
@@ -801,9 +788,7 @@ ${styleText("gray", E)}  ` : "";
 	s.write(`${r}${e}
 
 `);
-};
-w("─", "-"), w("━", "="), w("█", "#");
-const je = `${styleText("gray", d)}  `, K = {
+}, je = `${styleText("gray", d)}  `, K = {
 	message: async (e, { symbol: i = styleText("gray", d) } = {}) => {
 		process.stdout.write(`${styleText("gray", d)}
 ${i}  `);
@@ -2052,7 +2037,7 @@ function inferPackageManager() {
 //#endregion
 //#region package.json
 var name = "create-rue";
-var version = "0.0.11";
+var version = "0.0.15";
 //#endregion
 //#region index.ts
 const language = await getLanguage(fileURLToPath(new URL("./locales", import.meta.url)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rue",
-  "version": "0.0.11",
+  "version": "0.0.15",
   "description": "🛠️ The recommended way to start a Vite-powered Rue project",
   "keywords": [],
   "homepage": "https://github.com/hunzhiwange/create-rue#readme",
@@ -33,14 +33,14 @@
     "@types/node": "^24.12.2",
     "ejs": "^3.1.10",
     "picocolors": "^1.1.1",
-    "rolldown": "1.0.0-rc.16",
+    "rolldown": "^1.0.0",
     "rollup-plugin-license": "^3.7.1",
     "vite-plus": "latest",
     "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
     "zx": "^8.8.5"
   },
   "engines": {
-    "node": "^20.19.0 || >=22.12.0"
+    "node": ">=22.12.0"
   },
   "scripts": {
     "format": "vp fmt",

package/template/base/app/pages/Home.tsx

@@ -35,9 +35,12 @@ const Home: FC = () => (
       <div className="hero-content flex-col items-start gap-8 px-6 py-8 lg:flex-row lg:items-end lg:justify-between">
         <div className="max-w-3xl space-y-4">
           <div className="badge badge-primary badge-outline">Rue.js</div>
-          <h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">The Wasm Framework For Vapor Native DOM</h1>
+          <h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">
+            The Wasm Framework For Vapor Native DOM
+          </h1>
           <p className="max-w-2xl text-base leading-7 text-base-content/70">
-            Rue.js 采用原生 JSX / TSX 开发方式，结合细粒度响应式与面向原生 DOM 的渲染模型，适合构建轻量、直接且可维护的前端应用。
+            Rue.js 采用原生 JSX / TSX 开发方式，结合细粒度响应式与面向原生 DOM
+            的渲染模型，适合构建轻量、直接且可维护的前端应用。
           </p>
           <div className="flex flex-wrap gap-3">
             <RouterLink to="/report" className="btn btn-primary">
@@ -63,7 +66,7 @@ const Home: FC = () => (
     </section>
 
     <section className="grid gap-4 md:grid-cols-3">
-      {highlights.map(item => (
+      {highlights.map((item) => (
         <article key={item.title} className="card border border-base-300 bg-base-100 shadow-sm">
           <div className="card-body gap-3">
             <h2 className="text-2xl font-semibold">{item.title}</h2>
@@ -82,7 +85,7 @@ const Home: FC = () => (
           </div>
 
           <div className="mockup-code text-sm">
-            {quickStartCommands.map(command => (
+            {quickStartCommands.map((command) => (
               <pre key={command} data-prefix="$">
                 <code>{command}</code>
               </pre>
@@ -99,7 +102,8 @@ const Home: FC = () => (
           </div>
 
           <div className="rounded-2xl bg-base-200 p-4 text-sm leading-7 text-base-content/70">
-            生成的项目基于 Vite，默认支持 JSX / TSX 组件开发；生产构建使用 npm run build，产物输出到 dist 目录。
+            生成的项目基于 Vite，默认支持 JSX / TSX 组件开发；生产构建使用 npm run build，产物输出到
+            dist 目录。
           </div>
         </div>
       </article>
@@ -112,8 +116,11 @@ const Home: FC = () => (
           </div>
 
           <div className="space-y-3">
-            {nextSteps.map(step => (
-              <div key={step} className="rounded-2xl bg-base-200 p-4 text-sm leading-7 text-base-content/75">
+            {nextSteps.map((step) => (
+              <div
+                key={step}
+                className="rounded-2xl bg-base-200 p-4 text-sm leading-7 text-base-content/75"
+              >
                 {step}
               </div>
             ))}

package/template/base/app/pages/Report.tsx

@@ -30,7 +30,7 @@ const totalRevenue = rows.reduce((sum, row) => sum + row.revenue, 0)
 const totalOrders = rows.reduce((sum, row) => sum + row.orders, 0)
 const avgConversion = rows.reduce((sum, row) => sum + row.conversion, 0) / rows.length
 const peakRow = rows.reduce((max, row) => (row.revenue > max.revenue ? row : max), rows[0])
-const maxRevenue = Math.max(...rows.map(row => row.revenue))
+const maxRevenue = Math.max(...rows.map((row) => row.revenue))
 
 const summaryCards = [
   {
@@ -89,7 +89,7 @@ const Report: FC = () => (
     </section>
 
     <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-      {summaryCards.map(card => (
+      {summaryCards.map((card) => (
         <article key={card.label} className={`card shadow-lg ${card.tone}`}>
           <div className="card-body gap-2">
             <p className="text-sm opacity-80">{card.label}</p>
@@ -115,13 +115,17 @@ const Report: FC = () => (
           </div>
 
           <div className="space-y-4">
-            {rows.map(row => (
+            {rows.map((row) => (
               <div key={row.day} className="grid gap-2">
                 <div className="flex items-center justify-between gap-4 text-sm">
                   <div className="font-medium">{row.day}</div>
                   <div className="text-base-content/60">{moneyFormatter.format(row.revenue)}</div>
                 </div>
-                <progress className="progress progress-primary w-full" value={row.revenue} max={maxRevenue}></progress>
+                <progress
+                  className="progress progress-primary w-full"
+                  value={row.revenue}
+                  max={maxRevenue}
+                ></progress>
                 <div className="flex items-center justify-between gap-4 text-xs text-base-content/60">
                   <span>{row.orders} 单</span>
                   <span>转化率 {row.conversion}%</span>
@@ -173,7 +177,7 @@ const Report: FC = () => (
             </tr>
           </thead>
           <tbody>
-            {rows.map(row => (
+            {rows.map((row) => (
               <tr key={row.day}>
                 <td className="font-medium">{row.day}</td>
                 <td>{row.orders}</td>
@@ -189,4 +193,4 @@ const Report: FC = () => (
   </div>
 )
 
-export default Report
+export default Report