create-rue 0.0.15 → 0.1.1

package/bundle.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-rue v0.0.15 | MIT */
+/*! create-rue v0.1.1 | MIT */
 import { createRequire } from "node:module";
 import * as fs from "node:fs";
 import "node:fs";
@@ -2037,7 +2037,7 @@ function inferPackageManager() {
 //#endregion
 //#region package.json
 var name = "create-rue";
-var version = "0.0.15";
+var version = "0.1.1";
 //#endregion
 //#region index.ts
 const language = await getLanguage(fileURLToPath(new URL("./locales", import.meta.url)));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-rue",
-  "version": "0.0.15",
-  "description": "🛠️ The recommended way to start a Vite-powered Rue project",
+  "version": "0.1.1",
+  "description": "🛠️ The will to start a Vite-powered Rue project",
   "keywords": [],
   "homepage": "https://github.com/hunzhiwange/create-rue#readme",
   "bugs": {

package/template/base/app/pages/components/Layout.tsx

@@ -2,7 +2,7 @@ import { computed, type FC, ref, useEffect, watch } from '@rue-js/rue'
 import { RouterLink, useRoute } from '@rue-js/router'
 
 const themeStorageKey = 'rue.base.theme'
-const reportHeaderStorageKey = 'rue.base.report.hideHeader'
+const headerToggleRoutes = ['/', '/report', '/todo']
 
 const navItems = [
   { to: '/', label: '首页' },
@@ -85,7 +85,16 @@ const getStoredTheme = () => {
   return storedTheme && themes.includes(storedTheme) ? storedTheme : 'light'
 }
 
-const getStoredHeaderHidden = () => localStorage.getItem(reportHeaderStorageKey) === '1'
+const getHeaderStorageKey = (path: string) => {
+  if (path === '/') {
+    return 'rue.base.header.hide.home'
+  }
+
+  return `rue.base.header.hide.${path.replace(/^\//, '')}`
+}
+
+const getStoredHeaderHidden = (path: string) =>
+  localStorage.getItem(getHeaderStorageKey(path)) === '1'
 
 const applyTheme = (theme: string) => {
   document.documentElement.setAttribute('data-theme', theme)
@@ -229,26 +238,72 @@ const Footer: FC = () => (
 const HeaderToggleButton: FC<{ hidden: boolean; onToggle: () => void }> = (props) => (
   <button
     type="button"
-    className="btn btn-circle btn-sm fixed left-3 top-3 z-50 border-base-300 bg-base-100/90 shadow-lg backdrop-blur"
+    className="btn btn-circle btn-sm fixed left-3 top-3 z-50 border-base-300 bg-base-100/95 text-base-content shadow-lg backdrop-blur"
     aria-label={props.hidden ? '显示头部和底部' : '隐藏头部和底部'}
     title={props.hidden ? '显示头部和底部' : '隐藏头部和底部'}
     onClick={props.onToggle}
   >
-    {props.hidden ? '显' : '隐'}
+    {props.hidden ? (
+      <svg
+        viewBox="0 0 24 24"
+        width="16"
+        height="16"
+        aria-hidden="true"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" />
+        <circle cx="12" cy="12" r="3" />
+      </svg>
+    ) : (
+      <svg
+        viewBox="0 0 24 24"
+        width="16"
+        height="16"
+        aria-hidden="true"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path d="M3 3l18 18" />
+        <path d="M10.6 10.7a3 3 0 0 0 4.2 4.2" />
+        <path d="M9.9 5.1A10.9 10.9 0 0 1 12 5c6.5 0 10 7 10 7a21.7 21.7 0 0 1-4 5.2" />
+        <path d="M6.6 6.7C4.2 8.3 2.7 10.9 2 12c0 0 3.5 7 10 7 1.8 0 3.4-.5 4.8-1.3" />
+      </svg>
+    )}
   </button>
 )
 
 const SiteLayout: FC = (props) => {
   const route = useRoute()
   const currentPath = computed(() => route.get()?.path || '/')
-  const allowHeaderToggle = computed(() => currentPath.get() === '/report')
-  const reportHeaderHidden = ref(getStoredHeaderHidden())
+  const allowHeaderToggle = computed(() => headerToggleRoutes.includes(currentPath.get()))
+  const reportHeaderHidden = ref(getStoredHeaderHidden(currentPath.get()))
   const hideHeader = computed(() => allowHeaderToggle.get() && reportHeaderHidden.value)
 
+  watch(
+    () => currentPath.get(),
+    (path) => {
+      reportHeaderHidden.value = allowHeaderToggle.get() ? getStoredHeaderHidden(path) : false
+    },
+  )
+
   watch(
     () => reportHeaderHidden.value,
     () => {
-      localStorage.setItem(reportHeaderStorageKey, reportHeaderHidden.value ? '1' : '0')
+      if (!allowHeaderToggle.get()) {
+        return
+      }
+
+      localStorage.setItem(
+        getHeaderStorageKey(currentPath.get()),
+        reportHeaderHidden.value ? '1' : '0',
+      )
     },
   )
 
@@ -264,9 +319,7 @@ const SiteLayout: FC = (props) => {
             }}
           />
         )}
-        <main className="content-width pb-10 pt-6 sm:pt-8">
-          {props.children}
-        </main>
+        <main className="content-width pb-10 pt-6 sm:pt-8">{props.children}</main>
         {!hideHeader.get() && <Footer />}
       </div>
     </div>

package/template/base/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "preview": "vite preview",
     "typecheck": "tsgo --noEmit",
     "oxlint": "oxlint -c ./.oxlintrc.json .",
     "oxlint-fix": "oxlint -c ./.oxlintrc.json . --fix",
@@ -13,18 +14,18 @@
     "format-check": "oxfmt --check ."
   },
   "dependencies": {
-    "@rue-js/jsx-runtime": "^0.0.39",
-    "@rue-js/router": "^0.0.39",
-    "@rue-js/rue": "^0.0.39",
-    "@rue-js/runtime": "^0.0.39",
-    "@rue-js/runtime-vapor": "^0.0.39",
+    "@rue-js/jsx-runtime": "^0.1.1",
+    "@rue-js/router": "^0.1.1",
+    "@rue-js/rue": "^0.1.1",
+    "@rue-js/runtime": "^0.1.1",
+    "@rue-js/runtime-vapor": "^0.1.1",
     "daisyui": "^5.5.19",
     "oxfmt": "^0.48.0",
     "oxlint": "^1.63.0"
   },
   "devDependencies": {
-    "@rue-js/jsx-dev-runtime": "^0.0.39",
-    "@rue-js/vite-plugin-rue": "^0.0.39",
+    "@rue-js/jsx-dev-runtime": "^0.1.1",
+    "@rue-js/vite-plugin-rue": "^0.1.1",
     "@swc/core": "^1.15.33",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.3.0",

package/template/base/vite.config.ts

@@ -3,7 +3,7 @@ import VitePluginRue from '@rue-js/vite-plugin-rue'
 import wasm from 'vite-plugin-wasm'
 import tailwindcss from '@tailwindcss/vite'
 
-export default defineConfig({
+export default defineConfig(({ command }) => ({
   resolve: {
     conditions: ['import', 'module', 'browser', 'default'],
   },
@@ -11,8 +11,11 @@ export default defineConfig({
     wasm(),
     tailwindcss() as any,
     VitePluginRue({
-      include: ['/app/'],
-      debug: true,
+      debug: command === 'serve',
     }),
   ],
-})
+  server: {
+    port: 5173,
+    strictPort: false,
+  },
+}))