Merge pull request #16 from oslabs-beta/CHRONOS-71-AWS-index.js-to-ts

CHRONOS-71

Author: Gitfrich

examples/AWS/AWS-EC2/client/index.js examples/AWS/AWS-EC2/client/index.tsxexamples/AWS/AWS-EC2/client/index.js renamed to examples/AWS/AWS-EC2/client/index.tsx

@@ -12,15 +12,15 @@
 import React from 'react';
 import { render } from 'react-dom';
 import { Provider } from 'react-redux';
-import App from './App.jsx';
+import App from './App';
 import store from './store';
 import './styles.css';
 
 render(
     <Provider store={store}>
       <App/>
     </Provider>,
-    document.getElementById('contents')
+    document.getElementById('contents') as HTMLElement //Included Type Assertion
 );
 
 

examples/AWS/AWS-EC2/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "unit-13-DevOps",
+  "name": "unit13devops",
   "version": "1.0.0",
   "description": "MegaMarket Loyalty Card Tracker ",
   "main": "index.js",

examples/AWS/AWS-EC2/package.json

@@ -5,7 +5,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
   entry: [
         // entry point of our app
-        './client/index.js'
+        './client/index.tsx'
       ],
   output: {
     path: path.resolve(__dirname, 'dist'),
@@ -41,8 +41,16 @@ module.exports = {
       },
     },
   },
+  resolve: {  
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'], // Add .ts and .tsx extensions  
+  },  
   module: {
     rules: [
+      {  
+        test: /\.tsx?$/, // Handle .ts and .tsx files  
+        use: 'ts-loader',  
+        exclude: /node_modules/,  
+       },  
       {
         test: /.(js|jsx)$/,
         exclude: /node_modules/,