@float.js/core 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -0
- package/dist/cli/index.js +359 -118
- package/dist/cli/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +387 -146
- package/dist/index.js.map +1 -1
- package/dist/router/index.d.ts +4 -0
- package/dist/router/index.js +32 -2
- package/dist/router/index.js.map +1 -1
- package/dist/server/index.js +329 -88
- package/dist/server/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -13,6 +13,9 @@ Float.js is a blazing-fast, full-stack React framework with file-based routing,
|
|
|
13
13
|
- 🤖 **AI Ready** - Soporte nativo para streaming con OpenAI/Anthropic
|
|
14
14
|
- 📊 **Dev Dashboard** - Panel de desarrollo en `/__float`
|
|
15
15
|
- 🎨 **Tailwind CSS** - Auto-setup automático con PostCSS
|
|
16
|
+
- 🔄 **Layouts** - Layouts anidados con jerarquía automática
|
|
17
|
+
- ⏳ **Loading States** - Loading UI con Suspense boundaries
|
|
18
|
+
- 💾 **Persistent Cache** - Builds 10x más rápidos con caché en disco
|
|
16
19
|
|
|
17
20
|
## Quick Start
|
|
18
21
|
|
|
@@ -99,6 +102,41 @@ export default function Home() {
|
|
|
99
102
|
}
|
|
100
103
|
```
|
|
101
104
|
|
|
105
|
+
## Layouts & Loading States
|
|
106
|
+
|
|
107
|
+
Create shared UI with layouts and loading states:
|
|
108
|
+
|
|
109
|
+
```tsx
|
|
110
|
+
// app/layout.tsx - Root layout
|
|
111
|
+
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
112
|
+
return (
|
|
113
|
+
<html lang="en">
|
|
114
|
+
<body>
|
|
115
|
+
<nav>My App</nav>
|
|
116
|
+
{children}
|
|
117
|
+
</body>
|
|
118
|
+
</html>
|
|
119
|
+
)
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// app/dashboard/layout.tsx - Nested layout
|
|
123
|
+
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
|
124
|
+
return (
|
|
125
|
+
<div className="dashboard">
|
|
126
|
+
<aside>Sidebar</aside>
|
|
127
|
+
<main>{children}</main>
|
|
128
|
+
</div>
|
|
129
|
+
)
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
// app/dashboard/loading.tsx - Loading UI
|
|
133
|
+
export default function Loading() {
|
|
134
|
+
return <div>Loading dashboard...</div>
|
|
135
|
+
}
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
Layouts are nested automatically: `RootLayout` → `DashboardLayout` → `Page`
|
|
139
|
+
|
|
102
140
|
## CLI Commands
|
|
103
141
|
|
|
104
142
|
| Command | Description |
|