Added basic TS setup.

Hyperkid123 · Hyperkid123 · commit 646bea7800cc · 2020-06-16T11:16:24.000+02:00
diff --git a/package.json b/package.json
@@ -43,9 +43,12 @@
     "@khala/commit-analyzer-wildcard": "^2.4.1",
     "@khala/npm-release-monorepo": "^2.4.1",
     "@khala/wildcard-release-notes": "^2.4.1",
+    "@rollup/plugin-typescript": "^4.1.2",
     "@semantic-release/git": "^8.0.0",
     "@semantic-release/github": "^5.5.5",
     "@semantic-release/npm": "^5.1.4",
+    "@types/react": "^16.9.35",
+    "@types/react-dom": "^16.9.8",
     "atob-lite": "^2.0.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "eslint": "^6.8.0",
@@ -68,7 +71,11 @@
     "prettier": "^1.19.1",
     "replace-in-file": "^6.0.0",
     "semantic-release": "^16.0.4",
-    "terser-webpack-plugin": "^1.3.0"
+    "source-map-loader": "^0.2.4",
+    "strip-ansi": "^6.0.0",
+    "terser-webpack-plugin": "^1.3.0",
+    "ts-loader": "^7.0.5",
+    "typescript": "^3.9.3"
   },
   "release": {
     "monorepo": "./packages",
diff --git a/packages/blueprint-component-mapper/config/webpack.config.js b/packages/blueprint-component-mapper/config/webpack.config.js
@@ -4,13 +4,20 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/packages/common/tsconfig.json b/packages/common/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "module": "commonjs",
+    "target": "es5",
+    "jsx": "react"
+  },
+  "include": ["./src/**/*.ts"],
+  "exclude": ["./dist"]
+}
diff --git a/packages/mui-component-mapper/config/webpack.config.js b/packages/mui-component-mapper/config/webpack.config.js
@@ -1,17 +1,25 @@
+const path = require('path');
 const TerserPlugin = require('terser-webpack-plugin');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/packages/pf3-component-mapper/config/webpack.config.js b/packages/pf3-component-mapper/config/webpack.config.js
@@ -5,13 +5,20 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/packages/pf4-component-mapper/config/webpack.config.js b/packages/pf4-component-mapper/config/webpack.config.js
@@ -4,13 +4,20 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/packages/react-form-renderer/config/webpack.config.js b/packages/react-form-renderer/config/webpack.config.js
@@ -4,13 +4,20 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/packages/suir-component-mapper/config/webpack.config.js b/packages/suir-component-mapper/config/webpack.config.js
@@ -5,6 +5,7 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [
       {
@@ -14,6 +15,13 @@ const commonConfig = {
           loader: 'babel-loader'
         }
       },
+      {
+        test: /\.(ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'ts-loader',
+        },
+      },
       {
         test: /\.(sa|sc|c)ss$/,
         use: ['style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader']
diff --git a/templates/component-mapper/config/webpack.config.js b/templates/component-mapper/config/webpack.config.js
@@ -4,13 +4,20 @@ const resolve = require('path').resolve;
 const merge = require('webpack-merge');
 
 const commonConfig = {
+  devtool: "source-map",
   module: {
     rules: [{
       test: /\.(js|jsx)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
       },
+    }, {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: {
+        loader: 'ts-loader',
+      },
     }, {
       test: /\.(sa|sc|c)ss$/,
       use: [ 'style-loader', 'css-loader', 'sass-loader', 'resolve-url-loader' ],
diff --git a/yarn.lock b/yarn.lock
@@ -3318,6 +3318,14 @@
     "@rollup/pluginutils" "^3.0.8"
     magic-string "^0.25.5"
 
+"@rollup/plugin-typescript@^4.1.2":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-4.1.2.tgz#6f910430276ae3e53a47a12ad65820627e7b6ad9"
+  integrity sha512-+7UlGat/99e2JbmGNnIauxwEhYLwrL7adO/tSJxUN57xrrS3Ps+ZzYpLCDGPZJ57j+ZJTZLLN89KXW9JMEB+jg==
+  dependencies:
+    "@rollup/pluginutils" "^3.0.1"
+    resolve "^1.14.1"
+
 "@rollup/pluginutils@^3.0.1", "@rollup/pluginutils@^3.0.8":
   version "3.0.10"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.0.10.tgz#a659b9025920378494cd8f8c59fbf9b3a50d5f12"
@@ -3941,6 +3949,13 @@
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
 
+"@types/react-dom@^16.9.8":
+  version "16.9.8"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
+  integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-text-mask@^5.4.3":
   version "5.4.6"
   resolved "https://registry.yarnpkg.com/@types/react-text-mask/-/react-text-mask-5.4.6.tgz#3a81e9de472beb939038e78cb16d737ae94ba14a"
@@ -3960,7 +3975,7 @@
     "@types/prop-types" "*"
     csstype "^2.2.0"
 
-"@types/react@^16.9.11":
+"@types/react@^16.9.11", "@types/react@^16.9.35":
   version "16.9.35"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.35.tgz#a0830d172e8aadd9bd41709ba2281a3124bbd368"
   integrity sha512-q0n0SsWcGc8nDqH2GJfWQWUOmZSJhXV64CjVN5SvcNti3TdEaA3AH0D8DwNmMdzjMAC/78tB8nAZIlV8yTz+zQ==
@@ -4899,7 +4914,7 @@ async@^1.3.0, async@^1.5.2:
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
   integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
 
-async@^2.3.0, async@^2.6.2, async@^2.6.3:
+async@^2.3.0, async@^2.5.0, async@^2.6.2, async@^2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
   integrity sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==
@@ -8122,7 +8137,7 @@ enhanced-resolve@4.1.0:
     memory-fs "^0.4.0"
     tapable "^1.0.0"
 
-enhanced-resolve@^4.1.0:
+enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
   dependencies:
@@ -17932,7 +17947,7 @@ resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
 
-resolve@^1.1.7, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.16.0:
+resolve@^1.1.7, resolve@^1.11.0, resolve@^1.11.1, resolve@^1.14.1, resolve@^1.16.0:
   version "1.17.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
@@ -18849,6 +18864,14 @@ source-list-map@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
 
+source-map-loader@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/source-map-loader/-/source-map-loader-0.2.4.tgz#c18b0dc6e23bf66f6792437557c569a11e072271"
+  integrity sha512-OU6UJUty+i2JDpTItnizPrlpOIBLmQbWMuBg9q5bVtnHACqw1tn9nNwqJLbv0/00JjnJb/Ee5g5WS5vrRv7zIQ==
+  dependencies:
+    async "^2.5.0"
+    loader-utils "^1.1.0"
+
 source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.2.tgz#72e2cc34095543e43b2c62b2c4c10d4a9054f259"
@@ -20051,6 +20074,17 @@ ts-essentials@^6.0.3:
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-6.0.4.tgz#d36055bf0a7620b1338da6aafd2268787e208aab"
   integrity sha512-ZtU9zgSnn8DcAxDZY1DJF8rnxsen8M0IVkO7dVB5fTEOVs7o/0RA4V6i99PIg99bpX81Sgb0FCLjQqD5Ufz3rQ==
 
+ts-loader@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-7.0.5.tgz#789338fb01cb5dc0a33c54e50558b34a73c9c4c5"
+  integrity sha512-zXypEIT6k3oTc+OZNx/cqElrsbBtYqDknf48OZos0NQ3RTt045fBIU8RRSu+suObBzYB355aIPGOe/3kj9h7Ig==
+  dependencies:
+    chalk "^2.3.0"
+    enhanced-resolve "^4.0.0"
+    loader-utils "^1.0.2"
+    micromatch "^4.0.0"
+    semver "^6.0.0"
+
 ts-pnp@^1.1.2:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.1.5.tgz#840e0739c89fce5f3abd9037bb091dbff16d9dec"
@@ -20131,6 +20165,11 @@ typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
+typescript@^3.9.3:
+  version "3.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
+  integrity sha512-D/wqnB2xzNFIcoBG9FG8cXRDjiqSTbG2wd8DMZeQyJlP1vfTkIxH4GKveWaEBYySKIg+USu+E+EDIR47SqnaMQ==
+
 ua-parser-js@^0.7.18:
   version "0.7.21"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.21.tgz#853cf9ce93f642f67174273cc34565ae6f308777"
