flexium 0.14.0 → 0.14.2

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 CHANGED
@@ -13,7 +13,7 @@ Flexium is a next-generation UI framework that unifies state management, async d
13
13
  - **Unified State API** - No more `useRecoil`, `useQuery` separation. Just `use()`.
14
14
  - **No Virtual DOM** - Direct DOM updates via Proxy-based fine-grained reactivity.
15
15
  - **Tiny Bundle** - Minimal footprint with tree-shaking support.
16
- - **Cross-Platform** - DOM, Canvas, Server (SSR) renderers included.
16
+ - **Cross-Platform** - DOM and Server (SSR) renderers included.
17
17
  - **TypeScript First** - Full type inference out of the box.
18
18
  - **Zero-Config JSX** - Works with standard tooling.
19
19
 
@@ -113,9 +113,7 @@ flexium
113
113
  ├── /dom # DOM renderer: render(), hydrate(), Portal, Suspense
114
114
  ├── /ref # Ref system: useRef(), forwardRef()
115
115
  ├── /router # SPA routing: Routes, Route, Link, Outlet, useRouter(), useLocation()
116
- ├── /server # SSR: renderToString(), renderToStaticMarkup()
117
- ├── /canvas # Canvas 2D: Canvas, DrawRect, DrawCircle, DrawText
118
- └── /interactive # Game loop: useLoop(), useKeyboard(), useMouse()
116
+ └── /server # SSR: renderToString(), renderToStaticMarkup()
119
117
  ```
120
118
 
121
119
  ## Control Flow
@@ -163,57 +161,6 @@ function UserProfileHook() {
163
161
  }
164
162
  ```
165
163
 
166
- ## Canvas Rendering
167
-
168
- ```tsx
169
- import { Canvas, DrawRect, DrawCircle, DrawText } from 'flexium/canvas'
170
- import { use } from 'flexium/core'
171
-
172
- function App() {
173
- const [x, setX] = use(100)
174
-
175
- return (
176
- <Canvas width={400} height={300}>
177
- <DrawRect x={0} y={0} width={400} height={300} fill="#1a1a2e" />
178
- <DrawCircle x={x} y={150} radius={30} fill="#e94560" />
179
- <DrawText x={200} y={50} text="Hello Canvas!" fill="white" />
180
- </Canvas>
181
- )
182
- }
183
- ```
184
-
185
- ## Game Development
186
-
187
- ```tsx
188
- import { use } from 'flexium/core'
189
- import { Canvas, DrawRect } from 'flexium/canvas'
190
- import { useLoop, useKeyboard, Keys } from 'flexium/interactive'
191
-
192
- function Game() {
193
- const [x, setX] = use(100)
194
- const kb = useKeyboard()
195
-
196
- const gameLoop = useLoop({
197
- fixedFps: 60,
198
- onUpdate: (delta) => {
199
- if (kb.isPressed(Keys.ArrowRight)) setX(x => x + 200 * delta)
200
- if (kb.isPressed(Keys.ArrowLeft)) setX(x => x - 200 * delta)
201
- }
202
- })
203
-
204
- use(({ onCleanup }) => {
205
- gameLoop.start()
206
- onCleanup(() => gameLoop.stop())
207
- }, [])
208
-
209
- return (
210
- <Canvas width={800} height={600}>
211
- <DrawRect x={x} y={300} width={50} height={50} fill="red" />
212
- </Canvas>
213
- )
214
- }
215
- ```
216
-
217
164
  ## Server-Side Rendering
218
165
 
219
166
  ```tsx
package/dist/index.d.cts CHANGED
@@ -1,3 +1,3 @@
1
- declare const VERSION = "0.14.0";
1
+ declare const VERSION = "0.14.2";
2
2
 
3
3
  export { VERSION };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const VERSION = "0.14.0";
1
+ declare const VERSION = "0.14.2";
2
2
 
3
3
  export { VERSION };
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var o="0.14.0";exports.VERSION=o;//# sourceMappingURL=index.js.map
1
+ 'use strict';var o="0.14.2";exports.VERSION=o;//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":["VERSION"],"mappings":"aAAO,IAAMA,CAAAA,CAAU","file":"index.js","sourcesContent":["export const VERSION = '0.14.0' // Bump version to signify rebuild\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":["VERSION"],"mappings":"aAAO,IAAMA,CAAAA,CAAU","file":"index.js","sourcesContent":["export const VERSION = '0.14.2' // Bump version to signify rebuild\n"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- var o="0.14.0";export{o as VERSION};//# sourceMappingURL=index.mjs.map
1
+ var o="0.14.2";export{o as VERSION};//# sourceMappingURL=index.mjs.map
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":["VERSION"],"mappings":"AAAO,IAAMA,CAAAA,CAAU","file":"index.mjs","sourcesContent":["export const VERSION = '0.14.0' // Bump version to signify rebuild\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":["VERSION"],"mappings":"AAAO,IAAMA,CAAAA,CAAU","file":"index.mjs","sourcesContent":["export const VERSION = '0.14.2' // Bump version to signify rebuild\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flexium",
3
- "version": "0.14.0",
3
+ "version": "0.14.2",
4
4
  "description": "A lightweight, signals-based UI framework with cross-platform renderers",
5
5
  "publishConfig": {
6
6
  "access": "public"