@inglorious/vite-plugin-jsx 1.0.0 → 1.1.0

package/.turbo/turbo-lint.log

@@ -1,3 +1,2 @@
-[?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
+[?9001h[?1004h[?25l> @inglorious/vite-plugin-jsx@1.1.0 lint C:\Users\anton\Projects\ic\inglorious-forge\packages\vite-plugin-jsx
+> eslint .]0;C:\WINDOWS\system32\cmd.exe[?25h[?9001l[?1004l

package/.turbo/turbo-test.log

@@ -1,15 +1,14 @@
-[?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
+[?9001h[?1004h[?25l> @inglorious/vite-plugin-jsx@1.0.0 test C:\Users\anton\Projects\ic\inglorious-forge\packages\vite-plugin-jsx
+> vitest run]0;C:\WINDOWS\system32\cmd.exe[?25h]0;node (vitest)
+[?25l RUN  v2.1.9 C:/Users/anton/Projects/ic/inglorious-forge/packages/vite-plugin-jsx[?25h]0;node (vitest 1)]0;node (vitest 3)]0;node (vitest 11)]0;node (vitest 5)]0;node (vitest 2)]0;node (vitest 4)]0;node (vitest 12)]0;node (vitest 10)]0;node (vitest 15)]0;node (vitest 9)]0;node (vitest 17)]0;node (vitest 6)]0;node (vitest 18)]0;node (vitest 7)]0;node (vitest 13)]0;node (vitest 19)]0;node (vitest 8)]0;node (vitest 14)]0;node (vitest 16)[?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
+     · 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
@@ -17,41 +16,41 @@
      ✓ 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
+ ✓ src/index.test.js (29) 591ms
+   ✓ vite-plugin-jsx (29) 590ms
+     ✓ 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  20:22:47
-   Duration  4.54s (transform 214ms, setup 0ms, collect 1.40s, tests 737ms, environment 0ms, prepare 1.08s)
-
-
+     ✓ 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  22:22:50
+   Duration  4.70s (transform 100ms, setup 0ms, collect 1.29s, tests 591ms, environment 0ms, prepare 1.50s)
+
+

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @inglorious/vite-plugin-jsx
 
+## 1.1.0
+
+### Minor Changes
+
+- Add TSX web todomvc example
+
 ## 1.0.0
 
 ### Major Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/vite-plugin-jsx",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Vite plugin that transforms JSX into lit-html syntax.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -38,8 +38,8 @@
     "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