IBX-9109: Enabling TypeScript (ts-loader) with Webpack Encore

ibexa · Oct 22, 2024 · 0b5a67a · 0b5a67a
1 parent 3460a12
commit 0b5a67a
Show file tree

Hide file tree

Showing 8 changed files with 53 additions and 6 deletions.
diff --git a/ibexa/commerce/5.0/encore/ibexa.webpack.config.js b/ibexa/commerce/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/commerce/5.0/encore/package.json b/ibexa/commerce/5.0/encore/package.json
@@ -24,8 +24,13 @@
     "@svgr/webpack": "^8.1.0"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "license": "UNLICENSED",
   "private": true,

diff --git a/ibexa/experience/5.0/encore/ibexa.webpack.config.js b/ibexa/experience/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/experience/5.0/encore/package.json b/ibexa/experience/5.0/encore/package.json
@@ -22,10 +22,16 @@
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
     "@svgr/webpack": "^8.1.0"
+
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "license": "UNLICENSED",
   "private": true,

diff --git a/ibexa/headless/5.0/encore/ibexa.webpack.config.js b/ibexa/headless/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/headless/5.0/encore/package.json b/ibexa/headless/5.0/encore/package.json
@@ -21,7 +21,23 @@
     "@ckeditor/ckeditor5-widget": "^40.1.0",
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
-    "@svgr/webpack": "^8.1.0"
+    "@svgr/webpack": "^8.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "license": "UNLICENSED",
   "private": true,

diff --git a/ibexa/oss/5.0/encore/ibexa.webpack.config.js b/ibexa/oss/5.0/encore/ibexa.webpack.config.js
@@ -16,6 +16,7 @@ module.exports = (Encore) => {
             'prop-types': 'PropTypes',
         })
         .enableSassLoader()
+        .enableTypeScriptLoader()
         .enableReactPreset()
         .enableSingleRuntimeChunk();
 

diff --git a/ibexa/oss/5.0/encore/package.json b/ibexa/oss/5.0/encore/package.json
@@ -20,7 +20,23 @@
     "@ckeditor/ckeditor5-widget": "^40.1.0",
     "@ckeditor/ckeditor5-theme-lark": "^40.1.0",
     "@ckeditor/ckeditor5-code-block": "^40.1.0",
-    "@svgr/webpack": "^8.1.0"
+    "@svgr/webpack": "^8.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "^5.6.3",
+    "ts-loader": "^9.5.1",
+    "ts-config-ibexa": "https://github.com/ibexa/ts-config-ibexa"
   },
   "license": "UNLICENSED",
   "private": true,