@betterview/integration-toolkit 0.1.2 → 1.0.0

package/.eslintignore

@@ -6,3 +6,6 @@ scripts/**
 **/*runner.*
 coverage/**
 **/TestHarness/**
+src/__mocks__/**
+node_modules/**
+package-lock.json

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@betterview/integration-toolkit",
-  "version": "0.1.2",
-  "description": "Supports integration packages.  This should be the only import from our integrations",
+  "version": "1.0.0",
+  "description": "Supports integration packages. This should be the only import from our integrations",
   "scripts": {
     "build": "rm -rf lib && npm run lint && tsc -p tsconfig.build.json",
     "lint": "eslint . --ext .ts,.js",
@@ -15,49 +15,28 @@
   "author": "",
   "license": "UNLICENSED",
   "dependencies": {
-    "@material-ui/core": "^4.12.3",
-    "async": "^2.6.3",
-    "axios": "^0.21.1",
-    "classnames": "^2.3.1",
-    "css-loader": "^6.2.0",
+    "async": "^3.2.1",
+    "axios": "0.21.1",
     "fs-extra": "^10.0.0",
-    "json-colorizer": "^2.2.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "style-loader": "^3.2.1",
-    "stylus": "^0.54.8",
-    "stylus-loader": "^6.1.0"
+    "json-colorizer": "2.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-react": "^7.14.5",
-    "@types/jest": "26.0.24",
-    "@types/webpack": "^4.41.30",
-    "@types/webpack-dev-server": "^4.0.3",
     "@typescript-eslint/eslint-plugin": "4.26.1",
     "@typescript-eslint/eslint-plugin-tslint": "4.26.1",
     "@typescript-eslint/parser": "4.26.1",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.2",
-    "eslint": "^7.22.0",
+    "babel-eslint": "10.1.0",
+    "eslint": "7.22.0",
     "eslint-config-prettier": "6.10.1",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jsdoc": "30.7.13",
     "eslint-plugin-prefer-arrow": "1.2.3",
     "eslint-plugin-prettier": "3.3.1",
     "eslint-plugin-react": "7.22.0",
     "eslint-plugin-sonarjs": "0.6.0",
-    "html-webpack-plugin": "^5.3.2",
     "jest": "26.6.3",
     "ts-jest": "26.5.5",
     "ts-node": "8.8.2",
-    "tslint": "^6.1.3",
-    "tslint-config-prettier": "1.18.0",
-    "typescript": "4.3.2",
-    "webpack": "^5.51.1",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.0.0"
+    "typescript": "4.3.2"
   },
   "engines": {
     "node": "^10 || ^14"

package/src/Deployment/index.ts

@@ -14,7 +14,7 @@ export function generateDatabaseScripts(
   integration: IEnrichmentIntegration,
   billingProviderId: number
 ): PartnerHubInstallScripts {
-  const { offering, partner } = integration.registration;
+  const { offering, partner } = { offering: 'foo', partner: 'bar' }; // this will come from the manifest file
   const intName = `${partner.toLowerCase()}_${offering.toLowerCase()}`;
 
   const ph_create = `

package/src/Network/index.ts

@@ -1,14 +1,19 @@
-import { IWrapResult, wrap } from './axios-error-handling';
 import axios, { AxiosRequestConfig } from 'axios';
+import { IWrapResult, wrap } from './axios-error-handling';
 
-export async function get(url: string, config: AxiosRequestConfig): Promise<IWrapResult<Record<string, any>>> {
-  return wrap(axios.get<Record<string, any>>(url, config));
+export async function get(
+  url: string,
+  config: AxiosRequestConfig
+): Promise<{ request_url: string; result: IWrapResult<Record<string, any>> }> {
+  const result = await wrap(axios.get<Record<string, any>>(url, config));
+  return { request_url: url, result };
 }
 
 export async function post(
   url: string,
   data: any,
   config: AxiosRequestConfig
-): Promise<IWrapResult<Record<string, any>>> {
-  return wrap(axios.post<Record<string, any>>(url, data, config));
+): Promise<{ request_url: string; result: IWrapResult<Record<string, any>> }> {
+  const result = await wrap(axios.post<Record<string, any>>(url, data, config));
+  return { request_url: url, result };
 }

package/src/TestHarness/index.ts

@@ -10,36 +10,26 @@ export default class TestHarness {
     this.requestData = requestData;
   }
 
-  public async runGetData(): Promise<Record<string, any>> {
+  public async runGetData(): Promise<Record<string, any> | undefined> {
     if (!this.requestData) {
       this.setMockRequestData();
     }
-    console.log('URL: ', this.integration.getUrl());
     console.log('Request data set to: ', jsonLog(this.requestData));
-    const result = await this.integration.getData(this.requestData!);
-    console.log(
-      `Result from ${this.integration.registration.partner}_${this.integration.registration.offering}:`,
-      jsonLog(result)
-    );
+    const result = await this.integration.getData?.(this.requestData!);
+    console.log(`Result:`, jsonLog(result));
     return result;
   }
 
-  public runGetUrl() {
-    this.integration.getUrl();
-  }
-
   public setMockRequestData() {
     this.requestData = {
-      propertyId: 12345,
-      address: '100 Pringle Ave. Walnut Creek, CA 94596',
+      full_address: '100 Pringle Ave. Walnut Creek, CA 94596',
       street: '100 Pringle Ave.',
       city: 'Walnut Creek',
       zip: '94596',
       state: 'CA',
       // fill this w/the true credentials from the offering
-      partnerhubCredentials: { username: 'test', password: 'test' },
+      credentials: { username: 'test', password: 'test' },
       externalId: 'external1',
-      secondaryExternalId: 'external2',
       insuredName: 'Jane Doe',
       latitude: 37.90820797421544,
       longitude: -122.067761097756

package/src/types/IEnrichmentIntegration.ts

@@ -1,73 +1,20 @@
 export interface IEnrichmentIntegration {
-  version: string;
-
-  /**
-   * The integration name registred with the database
-   */
-  registration: EnrichmentIntegrationRegistration;
-
-  /**
-   * Where in the workflow the integration should be run: Pre - normal location - before detections,
-   * Post - after detections, Adhoc, out of band, no need to run in a normal way.
-   */
-  workflowLocation: EnrichmentIntegrationWorkflowLocation;
-
-  /**
-   * Should be used for the integration into the UI.  If one integration is needed for another
-   * this is where we would reference that.
-   */
-  dependencies?: EnrichmentIntegrationRegistration[];
-
-  /**
-   * Data requirements is a defintion of what data is needed to send to the vendor to get data back.
-   */
-  dataRequirements?: EnrichmentIntegrationDataRequirement[];
-
   /**
    * Pulls data from the vendor and returns the data graph in JSON format.
    */
-  getData(requestData: IEnrichmentIntegrationRequestData): Promise<Record<string, any>>;
-
-  /**
-   * retrieves the base URL for the integration.
-   */
-  getUrl(): string;
+  getData?(requestData: IEnrichmentIntegrationRequestData): Promise<Record<string, any>>;
 }
 
-export type EnrichmentIntegrationRegistration = {
-  id?: number;
-  billing_id?: number;
-  partner: string;
-  offering: string;
-};
-
-export type EnrichmentIntegrationWorkflowLocation = 'Pre' | 'Post' | 'Adhoc';
-
-export type EnrichmentIntegrationDataRequirement =
-  | 'partnerHubCredentials'
-  | 'propertyId'
-  | 'address'
-  | 'street'
-  | 'city'
-  | 'zip'
-  | 'state'
-  | 'externalId'
-  | 'secondaryExternalId'
-  | 'latitude'
-  | 'longitude'
-  | 'insuredName';
-
 export interface IEnrichmentIntegrationRequestData {
-  partnerhubCredentials: Record<any, string>;
-  propertyId?: number | null;
-  address: string;
-  street: string;
-  city: string;
-  state: string;
-  zip: string;
+  credentials: Record<any, string>;
+  full_address?: string;
+  street?: string;
+  city?: string;
+  state?: string;
+  zip?: string;
   externalId?: string | null;
-  secondaryExternalId?: string | null;
-  latitude: number;
-  longitude: number;
+  latitude?: number;
+  longitude?: number;
   insuredName?: string | null;
+  clientOrgId?: number;
 }

package/tsconfig.json

@@ -5,10 +5,10 @@
     "declarationMap": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "target": "ES2017",
+    "target": "ES2020",
     "module": "commonjs",
     "moduleResolution": "node",
-    "outDir": "tmp",
+    "outDir": "lib",
     "rootDir": "src",
     "sourceMap": true,
     "allowJs": true,

package/component-harness-server/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Component Harness</title>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/component-harness-server/src/App.js

@@ -1,34 +0,0 @@
-import React, { useState } from 'main/react';
-import { EnrichmentComponent } from 'components';
-import { Typography, FormGroup, FormControlLabel, Switch } from 'main/@material-ui/core';
-import styles from './styles.styl';
-import classnames from 'classnames';
-
-const App = () => {
-  const [showBorderChecked, setShowBorderChecked] = useState(true);
-  const toggleBorderChecked = () => {
-    setShowBorderChecked(!showBorderChecked);
-  };
-
-  return (
-    <div className={styles.root}>
-      <Typography variant="h4">Component Harness</Typography>
-
-      <div className={styles.contentWrapper}>
-        <FormGroup>
-          <FormControlLabel
-            control={<Switch size="small" checked={showBorderChecked} onChange={toggleBorderChecked} />}
-            label="Show Border"
-          />
-        </FormGroup>
-        <div
-          className={classnames([styles.componentContainer, showBorderChecked ? styles.showBorder : styles.hideBorder])}
-        >
-          <EnrichmentComponent previewMode={true} />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default App;

package/component-harness-server/src/index.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import ReactDom from 'react-dom';
-import App from './App';
-
-ReactDom.render(<App />, document.getElementById('app'));

package/component-harness-server/src/styles/betterview.styl

@@ -1,34 +0,0 @@
-@import './reset.styl'
-@import './fonts.styl'
-@import './vars.styl'
-
-html
-  font-size: 62.5% // allows for rems - see http://snook.ca/archives/html_and_css/font-size-with-rem. tl;dr: it equals 10px with a standard default of 12px.
-
-body
-  font-size: 1.4rem
-  font-family: $primaryFont
-  font-weight: 400
-  color: $black
-  cursor: default
-  background: #f7f7f7
-
-button
-  font-family: $primaryFont
-
-a
-  $linkColor = #0fa3e1
-  text-decoration: none
-  color: $linkColor
-  
-  &:visited
-    color: $linkColor
-    
-  &:hover
-    color: $betterviewBlue
-
-textarea
-input
-  outline: none
-
-

package/component-harness-server/src/styles/fonts.styl

@@ -1,208 +0,0 @@
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-black-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-black-webfont.woff') format('woff')
-  font-weight: 900
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-blackitalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-blackitalic-webfont.woff') format('woff')
-  font-weight: 900
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-bold-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-bold-webfont.woff') format('woff')
-  font-weight: 700
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-bolditalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-bolditalic-webfont.woff') format('woff')
-  font-weight: 700
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-book-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-book-webfont.woff') format('woff')
-  font-weight: 300
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-bookitalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-bookitalic-webfont.woff') format('woff')
-  font-weight: 300
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-extrabold-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-extrabold-webfont.woff') format('woff')
-  font-weight: 800
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-extrabolditalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-extrabolditalic-webfont.woff') format('woff')
-  font-weight: 800
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-light-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-light-webfont.woff') format('woff')
-  font-weight: 200
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-lightitalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-lightitalic-webfont.woff') format('woff')
-  font-weight: 200
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-medium-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-medium-webfont.woff') format('woff')
-  font-weight: 500
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-mediumitalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-mediumitalic-webfont.woff') format('woff')
-  font-weight: 500
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-regular-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-regular-webfont.woff') format('woff')
-  font-weight: 400
-  font-style: normal
-
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-regularitalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-regularitalic-webfont.woff') format('woff')
-  font-weight: 400
-  font-style: italic
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-semibold-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-semibold-webfont.woff') format('woff')
-  font-weight: 600
-  font-style: normal
-
-@font-face
-  font-family: 'Biotif'
-  src: url('../fonts/biotif-semibolditalic-webfont.woff2') format('woff2'),
-       url('../fonts/biotif-semibolditalic-webfont.woff') format('woff')
-  font-weight: 600
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-black.otf') format('opentype')
-  font-weight: 900
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-blackitalic.otf') format('opentype')
-  font-weight: 900
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-bold.otf') format('opentype')
-  font-weight: 800
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-bolditalic.otf') format('opentype')
-  font-weight: 800
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-book.otf') format('opentype')
-  font-weight: 700
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-bookitalic.otf') format('opentype')
-  font-weight: 700
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-extralight.otf') format('opentype')
-  font-weight: 500
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-extralightitalic.otf') format('opentype')
-  font-weight: 500
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-light.otf') format('opentype')
-  font-weight: 400
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-lightitalic.otf') format('opentype')
-  font-weight: 400
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-medium.otf') format('opentype')
-  font-weight: 300
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-mediumitalic.otf') format('opentype')
-  font-weight: 300
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-regular.otf') format('opentype')
-  font-weight: 200
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-regularitalic.otf') format('opentype')
-  font-weight: 200
-  font-style: italic
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-thin.otf') format('opentype')
-  font-weight: 100
-  font-style: normal
-
-@font-face
-  font-family: 'Pensum Pro'
-  src: url('../fonts/pensumpro-thinitalic.otf') format('opentype')
-  font-weight: 100
-  font-style: italic

package/component-harness-server/src/styles/mixins.styl

@@ -1,23 +0,0 @@
-disableSelect()
-  -webkit-touch-callout: none
-  -webkit-user-select: none
-  -khtml-user-select: none
-  -moz-user-select: none
-  -ms-user-select: none
-  user-select: none
-
-visibleScrollbar()
-  &::-webkit-scrollbar
-    -webkit-appearance: none
-    width: 7px
-    
-  &::-webkit-scrollbar-thumb
-    border-radius: 4px
-    background-color: rgba(0, 0, 0, .5)
-    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
-
-fillAvailableSpace()
-  width: 100%
-  width: -moz-available          /* WebKit-based browsers will ignore this. */
-  width: -webkit-fill-available  /* Mozilla-based browsers will ignore this. */
-  width: fill-available

package/component-harness-server/src/styles/reset.styl

@@ -1,28 +0,0 @@
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section
-  display: block
-
-body
-  line-height: 1
-
-ol, ul
-  list-style: none
-
-blockquote, q
-  quotes: none
-
-blockquote:before, blockquote:after,
-q:before, q:after
-  content: ''
-  content: none
-
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-button:focus
-  outline: 0
-
-ins, del
-  text-decoration: none

package/component-harness-server/src/styles/vars.styl

@@ -1,77 +0,0 @@
-// colors
-$betterviewBlue = rgba(0, 144, 218, 1) // #0090DA
-$blueHoverState = rgba(0, 144, 218, 0.08)
-$blueLightHoverState = rgba(0, 144, 218, 0.04)
-$betterviewRed =  rgb(255, 10, 57)
-$betterviewGreen =  rgb(0, 220, 79)
-$betterviewOrange = rgb(255, 145, 0)
-$betterviewYellow = rgb(255, 235, 59)
-//this is the same as charcoal, but since we refer to it so much i think its worth calling it a betterview color.
-$betterviewBlack = rgb(37,40,42)
-
-$navy = #1c2851
-$black = #23272b
-$charcoal = rgb(37,40,42)
-$blue = rgba(0, 144, 218, 1)
-$borderColor = #eff0ed
-$gray = #c6c8c5
-$grayText = rgba(37, 40, 42, 0.6)
-$grayUnderline = #B0B8BF
-$green = rgb(0, 220, 79) // #00DC4F
-$inputHighlightColor = #f8fbff
-$inputSelectionColor = #fdfad8
-$inputLabelColor = rgba(37, 40, 42, 1)
-$inputPlaceholderColor = rgba(37, 40, 42, 0.3)
-$inputGroupBorderColor = rgba(37, 40, 42, 0.2)
-$lightBlue = #5bceff
-$lightGray = #eeefee
-$orange = #ff8200
-$red = rgb(255, 10, 57) // #FF0A39
-$redError = #e04e39
-$searchColor = #fff
-$secondaryBorderColor = #447d95
-$sidebarBorderColor = #4A4A4A
-$trueblack = #000
-$white = #fff
-$yellow = #fdd835
-
-// colors based on others
-$disabledText = rgba($black, .6)
-$placeholderText = lighten($black, 40%)
-
-// fonts
-$primaryFont = Biotif, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-$primaryBoldFont = Biotif-Bold, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-$primaryBookFont = Biotif-Book, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-$secondaryFont = Biotif, 'Montserrat', sans-serif
-$mediumFont = Biotif, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-$lightFont = Biotif, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-
-$subtextFont = Pensum, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-$subtextFontPro = Pensum Pro, -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif
-
-// global light direction
-$lightOffsetX = 0
-$lightOffsetY = .2rem
-
-// z-index
-$layer0 = 0
-$layer1 = 1000
-$layer2 = 2000
-$layer3 = 3000
-$layer4 = 4000
-$layer5 = 5000
-$layer6 = 6000
-$layer7 = 7000
-$layer8 = 8000
-$layer9 = 9000
-
-//global heights      
-$primaryNavbarHeight = 6.4rem
-$propertyProfileTopBarHeight = 11.4rem
-
-$xs = 0px
-$sm = 600px
-$md = 960px
-$lg = 1280px
-$xl = 1920px

package/component-harness-server/src/styles.styl

@@ -1,29 +0,0 @@
-
-@import './styles/betterview.styl'
-
-body 
-  background-color: rgba(230, 230, 230, 1)
-
-.root
-  margin-left: auto
-  margin-right: auto
-  width: 497px
-  background-color: white
-  margin-top: 40px
-  padding: 30px
-  
-
-.contentWrapper
-  margin-top: 20px
-
-.componentContainer
-  margin-top: 20px 
-  margin-left: auto
-  margin-right: auto
-  padding-bottom: 500px;
-
-.showBorder
-  border: solid 1px rgba(125, 125, 125, 1)
-
-.hideBorder
-  border: solid 1px  rgba(125, 125, 125, 0)

package/src/ComponentHarness/index.ts

@@ -1,93 +0,0 @@
-import path from 'path';
-import webpack, { Configuration as CompilerConfig } from 'webpack';
-import WebpackDevServer, { Configuration as ServerConfig } from 'webpack-dev-server';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-
-// we are attempting to get our bas /integration-toolkit directory here
-
-const basePath = path.join(__dirname, '../../');
-const enrichmentIntegrationBasePath = path.join(path.dirname(require.main!.filename), '../');
-const rootPath = path.join(basePath, '/component-harness-server/');
-const node_modules_path = path.join(basePath, '/node_modules/');
-
-const serverConfig: ServerConfig = {
-  port: 3000,
-  open: true,
-  client: {
-    progress: true
-  },
-  host: '127.0.0.1'
-};
-const compilerConfig: CompilerConfig = {
-  entry: [path.join(rootPath, '/src/index.js')],
-  mode: 'development',
-  output: {
-    filename: 'bundle.js',
-    path: path.resolve(__dirname, 'dist')
-  },
-  resolve: {
-    alias: {
-      main: path.resolve(node_modules_path),
-      components: path.resolve(enrichmentIntegrationBasePath, 'enrichmentComponent')
-    }
-  },
-  module: {
-    rules: [
-      {
-        test: /\.?js$/,
-        exclude: /node_modules/,
-        include: [path.join(rootPath, '/src'), path.join(enrichmentIntegrationBasePath, 'enrichmentComponent')],
-        use: {
-          loader: path.join(node_modules_path, 'babel-loader'),
-          options: {
-            presets: [
-              path.join(node_modules_path, '@babel/preset-env'),
-              path.join(node_modules_path, '@babel/preset-react')
-            ]
-          }
-        }
-      },
-      {
-        test: /\.styl$/,
-        include: [path.join(rootPath, '/src'), path.join(enrichmentIntegrationBasePath, 'enrichmentComponent')],
-        exclude: /node_modules/,
-        parser: {
-          node: true
-        },
-        use: [
-          path.join(node_modules_path, 'style-loader'),
-          {
-            loader: path.join(node_modules_path, 'css-loader'),
-            options: {
-              importLoaders: 1,
-              modules: {
-                localIdentName: '[path]__[local]'
-              },
-              sourceMap: true
-            }
-          },
-          {
-            loader: path.join(node_modules_path, 'stylus-loader'),
-            options: {
-              stylusOptions: {
-                outputStyle: 'expanded',
-                include: [path.join(rootPath, '/src'), path.join(enrichmentIntegrationBasePath, 'enrichmentComponent')]
-              }
-            }
-          }
-        ]
-      }
-    ]
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      template: path.join(rootPath, 'index.html')
-    })
-  ]
-};
-
-export default async function ComponentServer() {
-  const compiler = webpack(compilerConfig);
-  const s = new WebpackDevServer(serverConfig, compiler);
-  s.start();
-}