Fusebit Portal

Getting started

1. Clone or fork this repo
2. cd into the project directory and run npm install or yarn
3. Configure .env file depending on the scenario below and run portal with npm start

Technologies used

• ReactJS
• MaterialUI
• StyledComponents
• Constate
• ReactQuery
• TypeScript
• ESLint

Project structure

public/
    index.html and meta assets
src/
  assets/
    Images of te project
  components/
    All UI partials
  config/
    Configuration files
  hooks/
    Api calls and custom hooks
  pages/
    Each individual page template
  theme/
    MaterialUI Theming
  utils/
    Utility files
Configuration and build files

Headless

Pre-account-creation integrations template creation: /quickstart?key={integrationTemplateKey}

Post-account-creation integrations template creation: /account/{accountId}/subscription/{subscriptionId}/integrations?key={integrationTemplateKey}

Pre-account-creation connectors template creation: /quickstart-connectors?key={integrationTemplateKey}

Post-account-creation connectors template creation: /account/{accountId}/subscription/{subscriptionId}/integrations?key={integrationTemplateKey}

Env file configuration

Localhost over Localhost

If you are running the portal locally against a local function-api stack, read the instuctions here.

Localhost over Stage

If you are running the portal locally against the Stage deployment, configure .env as follows:

REACT_APP_FUSEBIT_DEPLOYMENT=https://stage.us-west-2.fusebit.io
REACT_APP_AUTH0_AUDIENCE=https://stage.us-west-2.fusebit.io
REACT_APP_AUTH0_DOMAIN=https://auth.fusebit.io
REACT_APP_AUTH0_CLIENT_ID=dimuls6VLYgXpD7UYCo6yPdKAXPXjQng
REACT_APP_LOGOUT_REDIRECT_URL=https://fusebit.io
REACT_APP_SEGMENT_ANALYTICS_TAG=VJm74fG8GSNVZHwQ3xAbMIaM2upyXSjT
REACT_APP_INTEGRATIONS_FEED_URL=https://stage-manage.fusebit.io/feed/integrationsFeed.json
REACT_APP_CONNECTORS_FEED_URL=https://stage-manage.fusebit.io/feed/connectorsFeed.json
REACT_APP_ENABLE_ONLINE_EDITOR=false
REACT_APP_SAMPLE_APP_URL=https://task-sample-app.on.fusebit.io
REACT_APP_SAMPLE_APP_KEY=TheCommonTokenWithTheSampleApp
REACT_APP_VERSION=develop

Localhost over Production

If you are running the portal locally against the production Fusebit deployment, configure .env as follows:

REACT_APP_DEPLOYMENT_KEY=Production
REACT_APP_FUSEBIT_DEPLOYMENT=https://api.us-west-1.on.fusebit.io
REACT_APP_AUTH0_DOMAIN=https://auth.fusebit.io
REACT_APP_AUTH0_CLIENT_ID=NIfqE4hpPOXuIhllkxndlafSKcKesEfc
REACT_APP_LOGOUT_REDIRECT_URL=http://localhost:3000
REACT_APP_INTEGRATIONS_FEED_URL=https://manage.fusebit.io/feed/integrationsFeed.json
REACT_APP_CONNECTORS_FEED_URL=https://manage.fusebit.io/feed/connectorsFeed.json
REACT_APP_ENABLE_ONLINE_EDITOR=false
REACT_APP_SAMPLE_APP_URL=https://task-sample-app.on.fusebit.io
REACT_APP_SAMPLE_APP_KEY=TheCommonTokenWithTheSampleAppr
REACT_APP_VERSION=develop

Vercel over Production

REACT_APP_FUSEBIT_DEPLOYMENT=https://api.us-west-1.on.fusebit.io
REACT_APP_AUTH0_DOMAIN=https://auth.fusebit.io
REACT_APP_AUTH0_CLIENT_ID=NIfqE4hpPOXuIhllkxndlafSKcKesEfc
REACT_APP_LOGOUT_REDIRECT_URL=https://fusebit.io
REACT_APP_INTEGRATIONS_FEED_URL=https://manage.fusebit.io/feed/integrationsFeed.json
REACT_APP_CONNECTORS_FEED_URL=https://manage.fusebit.io/feed/connectorsFeed.json
REACT_APP_ENABLE_ONLINE_EDITOR=false
REACT_APP_SAMPLE_APP_URL=https://task-sample-app.on.fusebit.io
REACT_APP_SAMPLE_APP_KEY=TheCommonTokenWithTheSampleApp
REACT_APP_VERSION=develop

Running and serving a dev build

npm run start

Browse to http://localhost:3000.

Running a prod build

npm i -g http-server
npm run build
http-server -p 5000 build

Browse to http://localhost:5000.

Deploy in S3

npm run build
aws s3 sync ./build s3://${bucket_name} --profile ${profile} --cache-control max-age=31536000
aws cloudfront create-invalidation --profile ${profile} --distribution-id ${cloudfront_id} --paths '/*'