README.md

Deriv App

This repository contains the static HTML, Javascript, CSS, and images content of the Deriv website.

In this documents

• Other documents
• Use a custom domain
• How to work with this project
  • Deploy to your gh-pages for the first time
  • Deploy to root of gh-pages
  • Clean root and deploy to it
  • Deploy to test folder
• Preview on your local machine
• Miscellaneous

Other documents

• Modules docs - Contains implementation guides (i.e., scaffolding help, etc.)

Use a custom domain

To use your custom domain, please put it in a file named CNAME inside the scripts folder of your local clone of deriv-app.

How to work with this project

Deploy to your gh-pages for the first time

1. Register your application here. This will give you the ability to redirect back to your Github pages after login. Use https://YOUR_GITHUB_USERNAME.github.io/deriv-app/ for the Redirect URL and https://YOUR_GITHUB_USERNAME.github.io/deriv-app/en/redirect for the Verification URL. If you're using a custom domain, replace the Github URLs above with your domain and remove the deriv-app base path.

2. In src/config.js: Insert the Application ID of your registered application in user_app_id.

   • NOTE: To avoid accidentally committing personal changes to this file, use git update-index --assume-unchanged src/javascript/config.js

3. Set NODE_ENV to development with export NODE_ENV=development

4. Run npm run deploy:clean

Deploy to the root of gh-pages

This will overwrite modified files and only clear the content of js folder before pushing changes. It will leave other folders as they are.

npm run deploy

Clean root and deploy to it

This removes all files and folders and deploys your dist folder to the root.

npm run deploy:clean

Deploy to test folder

This will add all your changes to the test folder specified. Please ensure it is prefixed with br_.

npm run deploy:folder "br_my_test_folder"

Preview on your local machine

• Edit your /etc/hosts file to include this domain:

127.0.0.1   localhost.binary.sx

• To preview your changes locally for the first time, run sudo npm start:
  • It will run all tests, compile all CSS, and JS/JSX as well as watch for further js/jsx/css changes and rebuild on every change you make.
• To preview your changes locally without any tests, run npm run serve
  • It will watch for js/jsx/css changes and rebuild on every change you make.
• To run all tests, run npm run test

Miscellaneous

• In Webstorm, right-click on src, hover over Mark directory as, and click Resource root to enable import alias resolution.