@inglorious/vite-plugin-jsx 1.0.0 → 1.1.1

package/.turbo/turbo-lint.log

@@ -1,3 +1,5 @@
-[?9001h[?1004h[?25l]0;C:\WINDOWS\system32\cmd.exe [?25h[?25l
-> @inglorious/vite-plugin-jsx@1.0.0 lint C:\Users\anton\Projects\ic\inglorious-forge\packages\vite-plugin-jsx
-> eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0[?25h[?9001l[?1004l
+
+
+> @inglorious/vite-plugin-jsx@1.1.1 lint /Users/iceonfire/Projects/ic/inglorious-forge/packages/vite-plugin-jsx
+> eslint .
+

package/.turbo/turbo-test.log

@@ -1,57 +1,72 @@
-[?9001h[?1004h[?25l]0;C:\WINDOWS\system32\cmd.exe [?25h[?25l
-> @inglorious/vite-plugin-jsx@0.1.0 test C:\Users\anton\Projects\ic\inglorious-forge\packages\vite-plugin-jsx
-> vitest run[?25h]0;node (vitest)
-[?25l RUN  v2.1.9 C:/Users/anton/Projects/ic/inglorious-forge/packages/vite-plugin-jsx[?25h]0;node (vitest 3)]0;node (vitest 1)]0;node (vitest 2)]0;node (vitest 5)]0;node (vitest 6)]0;node (vitest 7)]0;node (vitest 4)]0;node (vitest 9)]0;node (vitest 8)]0;node (vitest 10)]0;node (vitest 11)[?25l     · moves api parameter to the end if it is not the last one
-     · does not change parameters if api is already the last argument
-     · moves api parameter to the end when it is in the middle
-     · does not inject api if no capitalized component is used
-     · does not inject api if component is not inside a 'render' method
-     · throws an error when trying to inject api with a rest parameter present
-     · injects api argument when component is nested inside a Fragment
-     · injects api argument when component is nested inside standard elements
-     ✓ moves api parameter to the end if it is not the last one
-     ✓ does not change parameters if api is already the last argument
-     ✓ moves api parameter to the end when it is in the middle
-     ✓ does not inject api if no capitalized component is used
-     ✓ does not inject api if component is not inside a 'render' method
-     ✓ throws an error when trying to inject api with a rest parameter present
-     ✓ injects api argument when component is nested inside a Fragment
-     ✓ injects api argument when component is nested inside standard elements
- ✓ src/index.test.js (29) 737ms
-   ✓ vite-plugin-jsx (29) 736ms
-     ✓ transforms basic JSX elements 411ms
-     ✓ injects the html import only when JSX is present
-     ✓ transforms className to class
-     ✓ handles event listeners (@event syntax)
-     ✓ handles boolean attributes
-     ✓ distinguishes between properties (.) and attributes
-     ✓ handles fragments
-     ✓ handles nested expressions and elements
-     ✓ transforms Array.map to repeat directive
-     ✓ transforms Array.map with key to keyed repeat directive
-     ✓ transforms ternary operators to when directive
-     ✓ transforms logical AND to when directive
-     ✓ merges imports if @inglorious/web is already imported
-     ✓ throws error for missing event handler expression
-     ✓ throws error for string literal event handler
-     ✓ does not generate closing tag for void elements
-     ✓ handles SVG self-closing tags correctly
-     ✓ expands self-closing non-void HTML tags
-     ✓ ignores empty expressions and comments
-     ✓ transforms capitalized components to api.render calls
-     ✓ injects api argument into render function if missing when using components
-     ✓ moves api parameter to the end if it is not the last one
-     ✓ does not change parameters if api is already the last argument
-     ✓ moves api parameter to the end when it is in the middle
-     ✓ does not inject api if no capitalized component is used
-     ✓ does not inject api if component is not inside a 'render' method
-     ✓ throws an error when trying to inject api with a rest parameter present
-     ✓ injects api argument when component is nested inside a Fragment
-     ✓ injects api argument when component is nested inside standard elements
-
- Test Files  1 passed (1)
-      Tests  29 passed (29)
-   Start at  20:22:47
-   Duration  4.54s (transform 214ms, setup 0ms, collect 1.40s, tests 737ms, environment 0ms, prepare 1.08s)
-
-
+
+
+> @inglorious/vite-plugin-jsx@1.1.0 test /Users/iceonfire/Projects/ic/inglorious-forge/packages/vite-plugin-jsx
+> vitest run
+
+
+ RUN  v2.1.9 /Users/iceonfire/Projects/ic/inglorious-forge/packages/vite-plugin-jsx
+
+[?25l     · handles SVG self-closing tags correctly
+     · expands self-closing non-void HTML tags
+     · ignores empty expressions and comments
+     · transforms capitalized components to api.render calls
+     · injects api argument into render function if missing when using components
+     · moves api parameter to the end if it is not the last one
+     · does not change parameters if api is already the last argument
+     · moves api parameter to the end when it is in the middle
+     · does not inject api if no capitalized component is used
+     · does not inject api if component is not inside a 'render' method
+     · throws an error when trying to inject api with a rest parameter present
+     · injects api argument when component is nested inside a Fragment
+     · injects api argument when component is nested inside standard elements
+[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l     ✓ handles SVG self-closing tags correctly
+     ✓ expands self-closing non-void HTML tags
+     ✓ ignores empty expressions and comments
+     ✓ transforms capitalized components to api.render calls
+     ✓ injects api argument into render function if missing when using components
+     ✓ moves api parameter to the end if it is not the last one
+     ✓ does not change parameters if api is already the last argument
+     ✓ moves api parameter to the end when it is in the middle
+     ✓ does not inject api if no capitalized component is used
+     ✓ does not inject api if component is not inside a 'render' method
+     ✓ throws an error when trying to inject api with a rest parameter present
+     ✓ injects api argument when component is nested inside a Fragment
+     ✓ injects api argument when component is nested inside standard elements
+[?25l ✓ src/index.test.js (29) 457ms
+   ✓ vite-plugin-jsx (29) 457ms
+     ✓ transforms basic JSX elements
+     ✓ injects the html import only when JSX is present
+     ✓ transforms className to class
+     ✓ handles event listeners (@event syntax)
+     ✓ handles boolean attributes
+     ✓ distinguishes between properties (.) and attributes
+     ✓ handles fragments
+     ✓ handles nested expressions and elements
+     ✓ transforms Array.map to repeat directive
+     ✓ transforms Array.map with key to keyed repeat directive
+     ✓ transforms ternary operators to when directive
+     ✓ transforms logical AND to when directive
+     ✓ merges imports if @inglorious/web is already imported
+     ✓ throws error for missing event handler expression
+     ✓ throws error for string literal event handler
+     ✓ does not generate closing tag for void elements
+     ✓ handles SVG self-closing tags correctly
+     ✓ expands self-closing non-void HTML tags
+     ✓ ignores empty expressions and comments
+     ✓ transforms capitalized components to api.render calls
+     ✓ injects api argument into render function if missing when using components
+     ✓ moves api parameter to the end if it is not the last one
+     ✓ does not change parameters if api is already the last argument
+     ✓ moves api parameter to the end when it is in the middle
+     ✓ does not inject api if no capitalized component is used
+     ✓ does not inject api if component is not inside a 'render' method
+     ✓ throws an error when trying to inject api with a rest parameter present
+     ✓ injects api argument when component is nested inside a Fragment
+     ✓ injects api argument when component is nested inside standard elements
+
+ Test Files  1 passed (1)
+      Tests  29 passed (29)
+   Start at  19:00:07
+   Duration  3.23s (transform 66ms, setup 0ms, collect 1.26s, tests 457ms, environment 0ms, prepare 344ms)
+
+[?25h[?25h

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @inglorious/vite-plugin-jsx
 
+## 1.1.1
+
+### Patch Changes
+
+- Decrease bundles size
+
+## 1.1.0
+
+### Minor Changes
+
+- Add TSX web todomvc example
+
 ## 1.0.0
 
 ### Major Changes

package/README.md

@@ -64,7 +64,7 @@ function render(entity, api) {
       {entity.visible && <h2>{entity.title}</h2>}
 
       {entity.items.map((item) => (
-        <p key={item.id} onClick={() => api.select(item)}>
+        <p key={item.id} onClick={() => api.notify("select", item)}>
           {item.name}
         </p>
       ))}
@@ -83,7 +83,8 @@ function render(entity, api) {
       ${repeat(
         entity.items,
         (item) => item.id,
-        (item) => html`<p @click=${() => api.select(item)}>${item.name}</p>`,
+        (item) =>
+          html`<p @click=${() => api.notify("select", item)}>${item.name}</p>`,
       )}
     </div>
   `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/vite-plugin-jsx",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "A Vite plugin that transforms JSX into lit-html syntax.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -25,6 +25,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": false,
   "dependencies": {
     "@babel/core": "^7.28.5",
     "@babel/plugin-syntax-jsx": "^7.28.6",
@@ -32,14 +33,14 @@
   },
   "devDependencies": {
     "vitest": "^2.0.4",
-    "@inglorious/eslint-config": "1.1.1"
+    "@inglorious/eslint-config": "1.1.2"
   },
   "engines": {
     "node": ">= 22"
   },
   "scripts": {
-    "format": "prettier --write '**/*.{js,jsx}'",
-    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "test:watch": "vitest",
     "test": "vitest run"
   }

package/src/index.js

@@ -31,6 +31,7 @@ const VOID_TAGS = [
 export function jsx() {
   return {
     name: "@inglorious/vite-plugin-jsx",
+    enforce: "pre", // runs before esbuild
 
     async transform(code, id) {
       if (!/\.[jt]sx$/.test(id)) return null