fix: update deps, add jsx options

lerna.json

@@ -1,6 +1,5 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "useWorkspaces": true,
   "command": {
     "version": {
       "allowBranch": "master",

package.json

@@ -24,20 +24,20 @@
     },
     "devDependencies": {
         "@types/jest": "^29.5.2",
-        "@typescript-eslint/eslint-plugin": "^5.60.0",
-        "@typescript-eslint/parser": "^5.60.0",
+        "@typescript-eslint/eslint-plugin": "^5.60.1",
+        "@typescript-eslint/parser": "^5.60.1",
         "coveralls": "^3.1.1",
         "eslint": "^8.43.0",
         "eslint-plugin-import": "^2.27.5",
         "eslint-plugin-react": "^7.32.2",
         "eslint-plugin-unused-imports": "^2.0.0",
         "jest": "^29.5.0",
         "jest-serializer-path": "^0.1.15",
-        "lerna": "^6.6.2",
+        "lerna": "^7.1.1",
         "react": "^18.2.0",
         "rimraf": "^5.0.1",
-        "ts-jest": "^29.1.0",
-        "typescript": "^5.1.3"
+        "ts-jest": "^29.1.1",
+        "typescript": "^5.1.6"
     },
     "license": "MIT",
     "packageManager": "[email protected]"

packages/bundle/package.json

@@ -25,14 +25,14 @@
     "dependencies": {
         "@types/glob": "^8.1.0",
         "dotenv": "^16.3.1",
-        "esbuild": "^0.18.6",
-        "glob": "^10.3.0",
+        "esbuild": "^0.18.10",
+        "glob": "^10.3.1",
         "path-to-regexp": "^6.2.1",
         "watcher": "^2.2.2"
     },
     "devDependencies": {
-        "@types/node": "^20.3.1",
-        "typescript-json-schema": "^0.57.0"
+        "@types/node": "^20.3.2",
+        "typescript-json-schema": "^0.58.1"
     },
     "publishConfig": {
         "access": "public"

packages/bundle/schema.json

@@ -73,6 +73,9 @@
                     },
                     "type": "array"
                 },
+                "jsx": {
+                    "$ref": "#/definitions/IJSXOptions"
+                },
                 "loader": {
                     "additionalProperties": {
                         "$ref": "#/definitions/Loader"
@@ -162,6 +165,34 @@
             },
             "type": "object"
         },
+        "IJSXOptions": {
+            "properties": {
+                "dev": {
+                    "type": "boolean"
+                },
+                "factory": {
+                    "type": "string"
+                },
+                "fragment": {
+                    "type": "string"
+                },
+                "importSource": {
+                    "type": "string"
+                },
+                "jsx": {
+                    "enum": [
+                        "automatic",
+                        "preserve",
+                        "transform"
+                    ],
+                    "type": "string"
+                },
+                "sideEffects": {
+                    "type": "boolean"
+                }
+            },
+            "type": "object"
+        },
         "IPWAApplicationConfig": {
             "properties": {
                 "bundle": {
@@ -187,6 +218,7 @@
                 "css",
                 "dataurl",
                 "default",
+                "empty",
                 "file",
                 "js",
                 "json",
@@ -217,9 +249,7 @@
                         },
                         "attach": {
                             "items": {
-                                "enum": [
-                                    "stylesheet"
-                                ],
+                                "const": "stylesheet",
                                 "type": "string"
                             },
                             "type": "array"

packages/bundle/src/build/BundleScript.ts

@@ -101,6 +101,7 @@ export class BundleScript {
             variables = {},
             environment = [],
             envFiles = [],
+            jsx = {},
             entry: {paths: entryPoints},
             ...options
         } = this.#config;
@@ -133,6 +134,12 @@ export class BundleScript {
             plugins,
             sourcemap,
             entryPoints,
+            jsx: jsx.jsx,
+            jsxDev: jsx.dev,
+            jsxFactory: jsx.factory,
+            jsxFragment: jsx.fragment,
+            jsxImportSource: jsx.importSource,
+            jsxSideEffects: jsx.sideEffects,
             entryNames: paths.entry,
             chunkNames: paths.chunk,
             assetNames: paths.asset,

packages/bundle/src/build/interfaces.ts

@@ -11,6 +11,15 @@ export interface IPWAApplicationConfig {
     manifest: PWAManifest;
 }
 
+export interface IJSXOptions {
+    jsx?: "transform" | "preserve" | "automatic";
+    dev?: boolean;
+    factory?: string;
+    fragment?: string;
+    importSource?: string;
+    sideEffects?: boolean;
+}
+
 export interface IBundleConfig {
     id?: string | number;
     bundle?: boolean;
@@ -38,6 +47,8 @@ export interface IBundleConfig {
         chunk?: string;
         entry?: string;
     };
+
+    jsx?: IJSXOptions;
 }
 
 export interface IBundleScriptConfig extends IBundleConfig {

packages/graphql/package.json

@@ -21,8 +21,8 @@
         "@graphql-tools/graphql-file-loader": "^8.0.0",
         "@graphql-tools/load": "^8.0.0",
         "@reform/bundle": "^0.13.2",
-        "@types/node": "^20.3.1",
-        "graphql": "^16.7.0",
+        "@types/node": "^20.3.2",
+        "graphql": "^16.7.1",
         "graphql-tag": "^2.12.6"
     },
     "publishConfig": {

packages/html/package.json

@@ -19,9 +19,9 @@
     },
     "dependencies": {
         "@reform/bundle": "^0.13.2",
-        "@types/node": "^20.3.1",
+        "@types/node": "^20.3.2",
         "@types/parse5": "^7.0.0",
-        "esbuild": "^0.18.6",
+        "esbuild": "^0.18.10",
         "parse5": "^7.1.2"
     },
     "publishConfig": {

packages/sass/package.json

@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@reform/bundle": "^0.13.2",
-        "@types/node": "^20.3.1",
+        "@types/node": "^20.3.2",
         "@types/node-sass": "^4.11.3",
         "node-sass": "^9.0.0"
     },

packages/test/bundle.json

@@ -12,6 +12,9 @@
             "target": [
                 "es2020"
             ],
+            "jsx": {
+                "jsx": "automatic"
+            },
             "environment": [
                 "TEST",
                 "UNDEFINED_VAR"

packages/test/package.json

@@ -10,8 +10,8 @@
     "devDependencies": {
         "@fortawesome/fontawesome-free": "^6.4.0",
         "@reform/bundle": "^0.13.2",
-        "esbuild": "^0.18.6",
-        "graphql": "^16.7.0"
+        "esbuild": "^0.18.10",
+        "graphql": "^16.7.1"
     },
     "author": {
         "name": "Artur Bier",
@@ -20,7 +20,7 @@
     "private": true,
     "license": "MIT",
     "dependencies": {
-        "@types/react": "^18.2.13",
+        "@types/react": "^18.2.14",
         "@types/react-dom": "^18.2.6",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"

packages/test/src/index.tsx

@@ -1,5 +1,4 @@
 import "./index.scss";
-import * as React from "react";
 import {render} from "react-dom";
 import {Hello} from "./page/Hello";
 

packages/test/src/page/Card.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import "./Card.scss";
 
 export const Card: React.FC = () => {

packages/test/src/page/Hello.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import {HelloQuery} from "../query";
 import icon from "../icons/icon.png";
 import svg from "../icons/icon.svg";

packages/test/tsconfig.json

@@ -3,6 +3,7 @@
     "compilerOptions": {
         "outDir": "dist",
         "rootDir": "src",
+        "jsx": "react-jsx",
         "lib": [
             "ES2022",
             "DOM"