create-rue 0.0.8 → 0.0.14

package/template/base/package.json

@@ -13,25 +13,25 @@
     "format-check": "oxfmt --check ."
   },
   "dependencies": {
-    "@rue-js/jsx-runtime": "^0.0.32",
-    "@rue-js/runtime": "^0.0.32",
-    "@rue-js/router": "^0.0.32",
-    "@rue-js/rue": "^0.0.32",
-    "@rue-js/runtime-vapor": "^0.0.32",
+    "@rue-js/jsx-runtime": "^0.0.33",
+    "@rue-js/router": "^0.0.33",
+    "@rue-js/rue": "^0.0.33",
+    "@rue-js/runtime": "^0.0.33",
+    "@rue-js/runtime-vapor": "^0.0.33",
+    "daisyui": "^5.5.11",
     "oxfmt": "^0.42.0",
-    "oxlint": "^1.57.0",
-    "daisyui": "^5.5.11"
+    "oxlint": "^1.57.0"
   },
   "devDependencies": {
+    "@rue-js/jsx-dev-runtime": "^0.0.33",
+    "@rue-js/vite-plugin-rue": "^0.0.33",
     "@swc/core": "^1.15.3",
-    "@rue-js/jsx-dev-runtime": "^0.0.32",
-    "@rue-js/vite-plugin-rue": "^0.0.32",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.3",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.17",
-    "vite-plugin-wasm": "^3.5.0",
-    "@types/node": "^24.10.1"
+    "@types/node": "^24.10.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.3",
+    "vite-plugin-wasm": "^3.5.0"
   },
   "packageManager": "pnpm@10.33.0+sha512.10568bb4a6afb58c9eb3630da90cc9516417abebd3fabbe6739f0ae795728da1491e9db5a544c76ad8eb7570f5c4bb3d6c637b2cb41bfdcdb47fa823c8649319"
 }

package/template/base/pnpm-lock.yaml

@@ -9,20 +9,20 @@ importers:
   .:
     dependencies:
       '@rue-js/jsx-runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/router':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/rue':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/runtime-vapor':
-        specifier: ^0.0.30
-        version: 0.0.30
+        specifier: ^0.0.33
+        version: 0.0.33
       daisyui:
         specifier: ^5.5.11
         version: 5.5.19
@@ -34,11 +34,11 @@ importers:
         version: 1.57.0
     devDependencies:
       '@rue-js/jsx-dev-runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/vite-plugin-rue':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@swc/core':
         specifier: ^1.15.3
         version: 1.15.21
@@ -439,37 +439,37 @@ packages:
   '@rolldown/pluginutils@1.0.0-rc.12':
     resolution: {integrity: sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==}
 
-  '@rue-js/jsx-dev-runtime@0.0.30':
-    resolution: {integrity: sha512-GdqrDFa8KnZm2xRg869FVOtiTPh/tzuIi70zGTwJGgAhQ9iCmuGsZy2Rs7Ay2ksXY5GwZ5i190UinCK1rmMU1A==}
+  '@rue-js/jsx-dev-runtime@0.0.33':
+    resolution: {integrity: sha512-GlqCBaa8WDAaegq1p2VxMDp+Leym7Ty+HU9P9ROF3lz1lN9iT5S4f1oCe6/Xcm3+B1eQEiaBNu/2X0QCHrPvUQ==}
 
-  '@rue-js/jsx-runtime@0.0.30':
-    resolution: {integrity: sha512-BFbgC5Rkd7ksRVtWnAuW+jdGwOcELwViYziQB4yMquGh6bZwre5y0wXiSHfNxE0VBRHnim4GtqmXzCz1FpC6rA==}
+  '@rue-js/jsx-runtime@0.0.33':
+    resolution: {integrity: sha512-V0nybkNTwybZZcNGUVBmE+/DwYrHvYhL8Mf1kBm6Qjzr7rprnib7obFKsqZqE7PrJmIYKRbGbzLTEiqg48MkRw==}
 
-  '@rue-js/router@0.0.30':
-    resolution: {integrity: sha512-P//uoQb1KA/FH1yWsCVxf2sJ/fSJuIx9X+awvTneRRiAvqk5f6bwDiITIcUqdv1zah1/oSdqFr/6HkBpC5N/EA==}
+  '@rue-js/router@0.0.33':
+    resolution: {integrity: sha512-fgyggZxjcXpkFReAVT2obWP2TP4dqbbzzttvzBEkUEt7QtnvicI4DZh0TX/g1muN4odtzxl+q0qrnBT8uROC6w==}
 
-  '@rue-js/rue@0.0.30':
-    resolution: {integrity: sha512-4My32Iq3NGASiroKdLvskx46MiOx1ofbnyCTtBqUJ331G/Fosq2CxMPF6K0RfPV6VDAiCM0OhBBLgyHPhBDBEA==}
+  '@rue-js/rue@0.0.33':
+    resolution: {integrity: sha512-jfCjuBZI4axs287OiIiHDRh105uQstpVQYzzLcmw5XiJGlVzqdTq6wM4CBRxMxNGgnNPBwJvoPpVQ+8aqSanwg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@rue-js/runtime-vapor@0.0.30':
-    resolution: {integrity: sha512-4IyNTaRRdq5VdWF7dIGaiGUyHGat+ByJdyZUOVSYuBpQUbiNn7uXCZB6GJ6/eu8N4vw0uqbChzb3VI6Avi71ZA==}
+  '@rue-js/runtime-vapor@0.0.33':
+    resolution: {integrity: sha512-Jl83+FGh7XRbCM2DZsZOxDX1W5Tyxvxh/0K/Ex0pvnC/9pABVM17p6jtgzOkoVxuenPxXalnn8fzhipjsFWq8Q==}
 
-  '@rue-js/runtime@0.0.30':
-    resolution: {integrity: sha512-iGlbhmrKFxBdPxF+J5XAprLHE6rqwJqNo5dEhhGlrpKB7rsqEl7F/kRzo7tjtRIXArjrIISlnlTqO+kZjpwMVQ==}
+  '@rue-js/runtime@0.0.33':
+    resolution: {integrity: sha512-agL3S4f3xNL7fagLG5AcrM5dlC4WmEAFUl7AYkFlGrIuvA9GrSp9enKHoikaOCUG3ph6OQNY0YbRJ9/wYWzBwQ==}
 
-  '@rue-js/shared@0.0.30':
-    resolution: {integrity: sha512-FVKcUNOIvtkN6CuHvi6478ZXXbJFHwU7LakNERKtKS70mfTAek2HZy2NfMMmeATGOGZmSdJJA8Agjvn7AwzElQ==}
+  '@rue-js/shared@0.0.33':
+    resolution: {integrity: sha512-7R3Beg6NTiZ4bPRQHivdb81GzHf3wDNJUjEtyZHtkABELS1ap/yV8tdAiKL8Hfplsok+SNYpiaaAmp2xKoihYA==}
 
-  '@rue-js/swc-plugin-rue@0.0.30':
-    resolution: {integrity: sha512-jIR6KcdAiF6abKwn4q8/wLpDGw5t+9MgeACKOxTUuYTSOnSVKQtCafTxupaEolp84QEN+0rTC/1Jg1gfOQ/DEQ==}
+  '@rue-js/swc-plugin-rue@0.0.33':
+    resolution: {integrity: sha512-Xw+jokLM4dDP0Sq6+dBPG9LURcZUHzTf/gN/Bk33uy3mR0mxWmiEAMyB5hqDHQY0G0DdzvvuzaQQWWTX5LMpjg==}
 
-  '@rue-js/vite-plugin-rue@0.0.30':
-    resolution: {integrity: sha512-BubpAcj/HVEyfoLTAkKBRZa/tz8cg/BHhWTcqZ2ZfOi8GPV1esaV+7P4qL7S4SuEhYkSHxV9C42huv9d4WDLKA==}
+  '@rue-js/vite-plugin-rue@0.0.33':
+    resolution: {integrity: sha512-jONy9UFT4sw9xqYE9JsUNKbJQBGUsge40obnOiQQEo2apo+mqVu7KFu0x2k65E4s/uXpgCrOuPNmFNp657WxIQ==}
 
   '@swc/core-darwin-arm64@1.15.21':
     resolution: {integrity: sha512-SA8SFg9dp0qKRH8goWsax6bptFE2EdmPf2YRAQW9WoHGf3XKM1bX0nd5UdwxmC5hXsBUZAYf7xSciCler6/oyA==}
@@ -1119,50 +1119,50 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-rc.12': {}
 
-  '@rue-js/jsx-dev-runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/jsx-dev-runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/jsx-runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/jsx-runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/router@0.0.30(typescript@5.9.3)':
+  '@rue-js/router@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/rue@0.0.30(typescript@5.9.3)':
+  '@rue-js/rue@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/runtime': 0.0.30(typescript@5.9.3)
-      '@rue-js/shared': 0.0.30
+      '@rue-js/runtime': 0.0.33(typescript@5.9.3)
+      '@rue-js/shared': 0.0.33
     optionalDependencies:
       typescript: 5.9.3
 
-  '@rue-js/runtime-vapor@0.0.30': {}
+  '@rue-js/runtime-vapor@0.0.33': {}
 
-  '@rue-js/runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
-      '@rue-js/runtime-vapor': 0.0.30
-      '@rue-js/shared': 0.0.30
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
+      '@rue-js/runtime-vapor': 0.0.33
+      '@rue-js/shared': 0.0.33
       csstype: 3.2.3
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/shared@0.0.30': {}
+  '@rue-js/shared@0.0.33': {}
 
-  '@rue-js/swc-plugin-rue@0.0.30': {}
+  '@rue-js/swc-plugin-rue@0.0.33': {}
 
-  '@rue-js/vite-plugin-rue@0.0.30(typescript@5.9.3)':
+  '@rue-js/vite-plugin-rue@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
-      '@rue-js/swc-plugin-rue': 0.0.30
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
+      '@rue-js/swc-plugin-rue': 0.0.33
     transitivePeerDependencies:
       - typescript
 

package/template/base/style.css

@@ -1,433 +1,52 @@
-:root {
-  color-scheme: dark;
-  font-family:
-    Inter,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    sans-serif;
-  background:
-    radial-gradient(circle at top, rgba(124, 58, 237, 0.18), transparent 32%),
-    linear-gradient(180deg, #0f1220 0%, #090b14 100%);
-  color: #f4f7fb;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html,
-body,
-#app {
-  min-height: 100%;
-  margin: 0;
-}
-
-body {
-  background: transparent;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-pre,
-code {
-  font-family:
-    'SFMono-Regular',
-    ui-monospace,
-    'Cascadia Code',
-    'Source Code Pro',
-    Menlo,
-    monospace;
-}
-
-.site-frame {
-  min-height: 100vh;
-}
-
-.shell {
-  width: min(1120px, calc(100vw - 48px));
-  margin: 0 auto;
-}
-
-.site-header {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  backdrop-filter: blur(18px);
-  background: rgba(9, 11, 20, 0.65);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.header-inner,
-.footer-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 24px;
-  padding: 18px 0;
-}
-
-.brand {
-  display: inline-flex;
-  align-items: center;
-  gap: 14px;
-}
-
-.brand-mark {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-  color: white;
-  font-size: 24px;
-  font-weight: 800;
-  box-shadow: 0 16px 40px rgba(217, 70, 239, 0.28);
-}
-
-.brand-copy {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-
-.brand-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.brand-subtitle {
-  font-size: 12px;
-  color: rgba(244, 247, 251, 0.68);
-}
-
-.main-nav {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-
-.nav-link {
-  padding: 10px 14px;
-  border-radius: 999px;
-  color: rgba(244, 247, 251, 0.72);
-  transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    transform 0.2s ease;
-}
-
-.nav-link:hover,
-.nav-link.is-active {
-  color: white;
-  background: rgba(255, 255, 255, 0.08);
-  transform: translateY(-1px);
-}
-
-.site-main {
-  padding: 48px 0 72px;
-}
-
-.page-stack {
-  display: flex;
-  flex-direction: column;
-  gap: 28px;
-}
-
-.hero-card,
-.split-card,
-.content-card,
-.table-card,
-.info-card {
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.04);
-  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.25);
-}
-
-.hero-card,
-.split-card,
-.content-card {
-  border-radius: 28px;
-}
-
-.hero-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
-  gap: 28px;
-  padding: 36px;
-}
-
-.hero-copy h1,
-.content-card h1,
-.split-card h2 {
-  margin: 0;
-  line-height: 1.05;
-}
-
-.hero-copy h1 {
-  font-size: clamp(34px, 6vw, 60px);
-  max-width: 11ch;
-}
-
-.hero-text,
-.content-card p,
-.info-card p,
-.split-card p,
-.footer-copy {
-  color: rgba(244, 247, 251, 0.72);
-  line-height: 1.75;
-}
-
-.eyebrow,
-.section-tag {
-  display: inline-flex;
-  align-items: center;
-  padding: 8px 12px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: #f5d0fe;
-  background: rgba(217, 70, 239, 0.14);
-  border: 1px solid rgba(217, 70, 239, 0.28);
-}
+@import 'tailwindcss';
 
-.hero-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  margin-top: 24px;
+@plugin "daisyui" {
+  themes: all;
 }
 
-.button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 44px;
-  padding: 0 18px;
-  border-radius: 999px;
-  font-weight: 700;
-  transition:
-    transform 0.2s ease,
-    background-color 0.2s ease,
-    border-color 0.2s ease;
-}
-
-.button:hover {
-  transform: translateY(-1px);
-}
-
-.button.primary {
-  color: white;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-}
-
-.button.secondary {
-  border: 1px solid rgba(255, 255, 255, 0.14);
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.hero-panel,
-.content-card,
-.split-card {
-  padding: 28px;
-}
-
-.panel-title {
-  font-size: 14px;
-  font-weight: 700;
-  margin-bottom: 12px;
-  color: #f5d0fe;
-}
-
-.code-block {
-  margin: 0;
-  padding: 18px;
-  overflow: auto;
-  border-radius: 20px;
-  background: rgba(5, 7, 15, 0.82);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: #dbeafe;
-  line-height: 1.7;
-}
-
-.grid-cards {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 20px;
-}
-
-.info-card {
-  padding: 24px;
-  border-radius: 24px;
-}
-
-.info-card h2,
-.content-card h2 {
-  margin-top: 0;
-  margin-bottom: 10px;
-}
-
-.split-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 24px;
-  align-items: center;
-}
-
-.package-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  justify-content: flex-end;
-}
-
-.package-pill,
-.footer-meta span {
-  display: inline-flex;
-  align-items: center;
-  padding: 10px 14px;
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.06);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: #dbeafe;
-}
-
-.step-list {
-  display: grid;
-  gap: 14px;
-}
+@plugin "@tailwindcss/typography";
 
-.step-item {
-  display: grid;
-  grid-template-columns: 56px minmax(0, 1fr);
-  gap: 16px;
-  align-items: start;
-  padding: 18px;
-  border-radius: 20px;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.step-item p {
-  margin: 0;
-}
-
-.step-index {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 56px;
-  height: 56px;
-  border-radius: 18px;
-  font-weight: 800;
-  color: white;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-}
-
-.table-card {
-  overflow: hidden;
-  border-radius: 24px;
-}
-
-.table-head,
-.table-row {
-  display: grid;
-  grid-template-columns: minmax(180px, 0.9fr) minmax(120px, 0.7fr) minmax(0, 1.4fr);
-  gap: 16px;
-  padding: 18px 22px;
-}
-
-.table-head {
-  font-size: 13px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: #f5d0fe;
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.table-row + .table-row {
-  border-top: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.cell-name {
-  font-weight: 700;
-  color: #e9d5ff;
-}
-
-.bullet-list {
-  margin: 0;
-  padding-left: 18px;
-  color: rgba(244, 247, 251, 0.72);
-  line-height: 1.9;
-}
-
-.site-footer {
-  border-top: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.02);
-}
-
-.footer-title {
-  font-size: 18px;
-  font-weight: 700;
-  margin-bottom: 8px;
-}
-
-.footer-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  justify-content: flex-end;
-}
-
-@media (max-width: 900px) {
-  .header-inner,
-  .footer-inner,
-  .hero-card,
-  .split-card,
-  .grid-cards {
-    grid-template-columns: 1fr;
-    flex-direction: column;
-    align-items: flex-start;
+@layer base {
+  html,
+  body,
+  #app {
+    @apply min-h-screen;
   }
 
-  .main-nav,
-  .footer-meta,
-  .package-list {
-    justify-content: flex-start;
+  body {
+    @apply bg-base-200 text-base-content antialiased;
+    background-image:
+      radial-gradient(
+        circle at top,
+        color-mix(in oklch, var(--color-primary) 14%, transparent),
+        transparent 28%
+      ),
+      radial-gradient(
+        circle at bottom right,
+        color-mix(in oklch, var(--color-accent) 10%, transparent),
+        transparent 24%
+      );
   }
 
-  .table-head,
-  .table-row {
-    grid-template-columns: 1fr;
+  * {
+    box-sizing: border-box;
   }
-}
 
-@media (max-width: 640px) {
-  .shell {
-    width: min(1120px, calc(100vw - 28px));
+  a {
+    @apply text-inherit no-underline;
   }
+}
 
-  .site-main {
-    padding-top: 28px;
+@layer components {
+  .app-shell {
+    @apply min-h-screen bg-base-200/80;
   }
 
-  .hero-card,
-  .content-card,
-  .split-card {
-    padding: 22px;
+  .app-surface {
+    @apply min-h-screen bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.22),transparent_24%),linear-gradient(180deg,color-mix(in_oklch,var(--color-base-100)_82%,transparent),color-mix(in_oklch,var(--color-base-200)_92%,transparent))];
   }
 
-  .brand-subtitle {
-    display: none;
+  .content-width {
+    @apply mx-auto w-full max-w-7xl px-4 sm:px-6;
   }
 }

package/template/base/tsconfig.json

@@ -16,7 +16,7 @@
     "jsxImportSource": "@rue-js",
     "declaration": true,
     "outDir": "./dist",
-    "baseUrl": ".",
+    "baseUrl": "."
   },
   "include": ["app/**/*.ts", "app/**/*.tsx", "app/**/*.d.ts", "vite.config.ts"]
 }