feat(render.com): migration from heroku to render

Author: joehannes

.eslintcache

@@ -1,6 +1,6 @@
 {
   "name": "joehannes-portfolio",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "private": true,
   "dependencies": {
     "@reduxjs/toolkit": "^1.5.1",
@@ -15,6 +15,10 @@
     "@types/react-router-dom": "^5.1.7",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.2.4",
+    "eslint-plugin-promise": "^6.0.0",
     "fomantic-ui-sass": "^2.7.80008",
     "gh-pages": "^3.1.0",
     "pouchdb-adapter-idb": "^7.2.2",

.eslintrc.json

@@ -1,9 +1,9 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import App from './App'
 
 test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+  render(<App />)
+  const linkElement = screen.getByText(/learn react/i)
+  expect(linkElement).toBeInTheDocument()
+})

package.json

@@ -1,37 +1,37 @@
-import React, { useEffect } from "react";
-import { useDispatch } from "react-redux";
-import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
-import { RxChangeEvent } from "rxdb";
+import React, { useEffect } from 'react'
+import { useDispatch } from 'react-redux'
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
+import { RxChangeEvent } from 'rxdb'
 
-import Background from "./components/Background";
-import Nav from "./components/Nav";
-import Dashboard from "./routes/Dashboard";
+import Background from './components/Background'
+import Nav from './components/Nav'
+import Dashboard from './routes/Dashboard'
 
-import DBSchema from "./db/schema";
-import * as DBModel from "./db/model";
-import * as WorkActions from "./features/work/actions";
-import { createDB, createSchema, populateDB } from "./db";
+import DBSchema from './db/schema'
+import * as DBModel from './db/model'
+import * as WorkActions from './features/work/actions'
+import { createDB, createSchema, populateDB } from './db'
 
-import workExperienceData from "./assets/data/db/WorkExperience.model";
-import companyData from "./assets/data/db/Company.model";
-import locationData from "./assets/data/db/Location.model";
-import positionData from "./assets/data/db/Position.model";
-import technologyData from "./assets/data/db/Technology.model";
-import contractTypeData from "./assets/data/db/ContractType.model";
-import projectData from "./assets/data/db/Project.model";
-import "./App.scss";
+import workExperienceData from './assets/data/db/WorkExperience.model'
+import companyData from './assets/data/db/Company.model'
+import locationData from './assets/data/db/Location.model'
+import positionData from './assets/data/db/Position.model'
+import technologyData from './assets/data/db/Technology.model'
+import contractTypeData from './assets/data/db/ContractType.model'
+import projectData from './assets/data/db/Project.model'
+import './App.scss'
 
-function App() {
-  const dispatch = useDispatch();
+function App () {
+  const dispatch = useDispatch()
 
   useEffect(() => {
-    const dbP: Promise<DBModel.TPortfolioDatabase> = createDB();
-    let dbRef: DBModel.TPortfolioDatabase;
+    const dbP: Promise<DBModel.TPortfolioDatabase> = createDB()
+    let dbRef: DBModel.TPortfolioDatabase
 
     dbP.then(
       (db: DBModel.TPortfolioDatabase) => {
-        dbRef = db;
-        const schemaP: Promise<DBModel.TPortfolioCollection> = createSchema(db);
+        dbRef = db
+        const schemaP: Promise<DBModel.TPortfolioCollection> = createSchema(db)
 
         schemaP.then(
           (dbSchema: DBModel.TPortfolioCollection) => {
@@ -45,45 +45,45 @@ function App() {
                 position: WorkActions.updatePosition,
                 technology: WorkActions.updateTechnology,
                 contract_type: WorkActions.updateContractType,
-                project: WorkActions.updateProject,
-              };
+                project: WorkActions.updateProject
+              }
 
               dbSchema[schema].$.subscribe((changeEvent: RxChangeEvent) => {
-                const payload = changeEvent.rxDocument.toJSON();
+                const payload = changeEvent.rxDocument.toJSON()
 
                 dispatch(
                   actions[
                     changeEvent.collectionName as DBModel.TPortfolioCollectionKey
                   ](payload)
-                );
-              });
+                )
+              })
               populateDB(dbSchema, {
                 workExperienceData,
                 companyData,
                 locationData,
                 positionData,
                 technologyData,
                 contractTypeData,
-                projectData,
-              });
-            });
+                projectData
+              })
+            })
           },
           (err: any) => {
-            console.dir(err);
+            console.dir(err)
           }
-        );
+        )
       },
       ({ code }) => {
-        console.dir(code);
+        console.dir(code)
       }
-    );
+    )
 
     return () => {
-      dbRef?.remove();
+      dbRef?.remove()
 
-      return void null;
-    };
-  }, [dispatch]);
+      return void null
+    }
+  }, [dispatch])
 
   return (
     <Router>
@@ -96,7 +96,7 @@ function App() {
         </Route>
       </Switch>
     </Router>
-  );
+  )
 }
 
-export default App;
+export default App