RO-132 - TypeScript refactor (#113)

* Only run webpack build steps in examples/demo build target

* Refactor react-orcus/src into TypeScript

* Enable lint format check and format remaining files

* Delete additional unused files

* Install webpack visualizer plugin

Author: JoshuaCWebDeveloper

.github/workflows/issues-edited-to-jira.yml

@@ -17,57 +17,57 @@ jobs:
 
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
-    # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-    - uses: actions/checkout@v2
-    
-    - name: Apply netrc creds
-      uses: little-core-labs/netrc-creds@v1
-      with:
-        creds: |
-          [
-            {
-              "machine": "${{secrets.ATLASSIAN_API_ENDPOINT}}",
-              "login": "${{secrets.ATLASSIAN_API_USER}}",
-              "password": "${{secrets.ATLASSIAN_API_TOKEN}}"
-            }
-          ]
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v2
+
+      - name: Apply netrc creds
+        uses: little-core-labs/netrc-creds@v1
+        with:
+          creds: |
+            [
+              {
+                "machine": "${{secrets.ATLASSIAN_API_ENDPOINT}}",
+                "login": "${{secrets.ATLASSIAN_API_USER}}",
+                "password": "${{secrets.ATLASSIAN_API_TOKEN}}"
+              }
+            ]
+
+      # Runs a single command using the runners shell
+      - name: Send edit request to JIRA API
+        run: |-
+          ISSUE_BODY="$(jq .issue.body ${{github.event_path}})"
+          echo "Original ISSUE_BODY: $ISSUE_BODY"
+          ISSUE_BODY='"'"$(echo "$ISSUE_BODY" | awk -F'</react-orcus-jira-ticket>' '{print $2}')"
+          echo "ISSUE_BODY: $ISSUE_BODY"
 
-    # Runs a single command using the runners shell
-    - name: Send edit request to JIRA API
-      run: |-
-        ISSUE_BODY="$(jq .issue.body ${{github.event_path}})"
-        echo "Original ISSUE_BODY: $ISSUE_BODY"
-        ISSUE_BODY='"'"$(echo "$ISSUE_BODY" | awk -F'</react-orcus-jira-ticket>' '{print $2}')"
-        echo "ISSUE_BODY: $ISSUE_BODY"
-        
-        JSON_DATA='{
-          "fields": {
-            "customfield_10030": "ignore",
-            "summary": "'"$(echo "${{github.event.issue.title}}" | awk -F' - ' '{print $2}')"'",
-            "description": {
-              "version": 1,
-              "type": "doc",
-              "content": [
-                {
-                  "type": "paragraph",
-                  "content": [
-                    {
-                      "type": "text",
-                      "text": '"$ISSUE_BODY"'
-                    }
-                  ]
-                }
-              ]
+          JSON_DATA='{
+            "fields": {
+              "customfield_10030": "ignore",
+              "summary": "'"$(echo "${{github.event.issue.title}}" | awk -F' - ' '{print $2}')"'",
+              "description": {
+                "version": 1,
+                "type": "doc",
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "text": '"$ISSUE_BODY"'
+                      }
+                    ]
+                  }
+                ]
+              }
             }
-          }
-        }'
-        echo "JSON_DATA: $JSON_DATA"
-        
-        ISSUE_ENDPOINT='https://${{secrets.ATLASSIAN_API_ENDPOINT}}/rest/api/3/issue/'"$(echo "${{github.event.issue.title}}" | awk -F' - ' '{print $1}')"
-        echo "ISSUE_ENDPOINT: $ISSUE_ENDPOINT"
-        
-        curl --netrc --request PUT \
-        --url "$ISSUE_ENDPOINT" \
-        --header 'Accept: application/json' \
-        --header 'Content-Type: application/json' \
-        --data "$JSON_DATA"
+          }'
+          echo "JSON_DATA: $JSON_DATA"
+
+          ISSUE_ENDPOINT='https://${{secrets.ATLASSIAN_API_ENDPOINT}}/rest/api/3/issue/'"$(echo "${{github.event.issue.title}}" | awk -F' - ' '{print $1}')"
+          echo "ISSUE_ENDPOINT: $ISSUE_ENDPOINT"
+
+          curl --netrc --request PUT \
+          --url "$ISSUE_ENDPOINT" \
+          --header 'Accept: application/json' \
+          --header 'Content-Type: application/json' \
+          --data "$JSON_DATA"

.gitignore

@@ -41,3 +41,4 @@ Thumbs.db
 # Project
 *.stg
 webpack-stats.json
+.local.env

.prettierignore

@@ -2,3 +2,4 @@
 
 /dist
 /coverage
+/examples

README.md

@@ -1,18 +1,18 @@
-React Orcus
-====
+# React Orcus
 
 [![npm](https://img.shields.io/npm/v/react-orcus)](https://www.npmjs.com/package/react-orcus) [![Codefresh build status](https://g.codefresh.io/api/badges/pipeline/joshuacwebdeveloper/react-orcus%2Fgithub-test-hook?branch=master&key=eyJhbGciOiJIUzI1NiJ9.NWU2NGIwZDk4ZTc3MDkyNWRlMzk4NTY4.1RyVgiNLIw7YYzkLCJLcJtK-p6zRYarO3sCielzfkP4&type=cf-1)](https://g.codefresh.io/public/accounts/joshuacwebdeveloper/pipelines/5e65bd75d7e4d02008a90182)
 
 React library for creating an app with a windowed desktop interface.
 
-- [Installation/Setup](#installation)
-- [Examples](#examples)
-- [API](#api)
-- [Development](#development)
+-   [Installation/Setup](#installation)
+-   [Examples](#examples)
+-   [API](#api)
+-   [Development](#development)
 
 ![Demo GIF](demo.gif)
 
 ## <a name="installation"></a>Installation/Setup
+
 Run:
 
 `npm install react-orcus`
@@ -28,9 +28,10 @@ Include it in your HTML header:
 `<script type="text/javascript" src="./react-orcus/dist/react-orcus.min.js"></script>`
 
 Then, in your React component:
+
 ```JavaScript
 var Desktop = (
-    
+
     <Orcus.Desktop taskbar="right">
         <Orcus.App
             slug="file-manager"
@@ -54,7 +55,7 @@ var Desktop = (
             <p>Does anyone know how to build a tetris game?</p>
         </Orcus.App>
     </Orcus.Desktop>
-    
+
 );
 ```
 
@@ -75,11 +76,11 @@ planned release.
 
 #### Roadmap
 
-- [x] Taskbar ([#53][i53])
-- [ ] Grid layout ([#104][i104])
-- [ ] Program menu ([#55][i55])
-- [ ] Themes ([#43][i43])
-- [ ] App Groups ([#48][i48])
+-   [x] Taskbar ([#53][i53])
+-   [ ] Grid layout ([#104][i104])
+-   [ ] Program menu ([#55][i55])
+-   [ ] Themes ([#43][i43])
+-   [ ] App Groups ([#48][i48])
 
 [i53]: https://github.com/vallerance/react-orcus/issues/53
 [i104]: https://github.com/vallerance/react-orcus/issues/104

codefresh/github-test-hook.yml

@@ -1,5 +1,5 @@
 import { getJestProjects } from '@nrwl/jest';
 
 export default {
-  projects: getJestProjects(),
+    projects: getJestProjects(),
 };