@inglorious/web 4.0.2 → 4.0.3

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.
Files changed (2) hide show
  1. package/README.md +31 -0
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -312,6 +312,37 @@ The `mount` function subscribes to the store and automatically re-renders your t
312
312
 
313
313
  ---
314
314
 
315
+ ## JSX Support
316
+
317
+ If you prefer JSX syntax over template literals, you can use **[`@inglorious/vite-plugin-jsx`](https://www.npmjs.com/package/@inglorious/vite-plugin-jsx)**.
318
+
319
+ This Vite plugin transforms standard JSX/TSX into optimized `lit-html` templates at compile time. You get the familiar developer experience of JSX without React's runtime, hooks, or VDOM overhead.
320
+
321
+ To use it:
322
+
323
+ 1. Install the plugin: `npm install -D @inglorious/vite-plugin-jsx`
324
+ 2. Add it to your `vite.config.js`
325
+ 3. Write your render functions using JSX
326
+
327
+ ```jsx
328
+ export const counter = {
329
+ render(entity, api) {
330
+ return (
331
+ <div className="counter">
332
+ <span>Count: {entity.value}</span>
333
+ <button onClick={() => api.notify(`#${entity.id}:increment`)}>
334
+ +1
335
+ </button>
336
+ </div>
337
+ )
338
+ },
339
+ }
340
+ ```
341
+
342
+ See the plugin documentation for full details on control flow, attributes, and engine components.
343
+
344
+ ---
345
+
315
346
  ## Redux DevTools Integration
316
347
 
317
348
  `@inglorious/web` ships with first-class support for the **Redux DevTools Extension**, allowing you to:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inglorious/web",
3
- "version": "4.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "A new web framework that leverages the power of the Inglorious Store combined with the performance and simplicity of lit-html.",
5
5
  "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
6
6
  "license": "MIT",