Development

Getting Started

Note: the two main entry points are src/kc_electron and src/kc_angular. Browser extensions can be found in src/kc_extension but are experimental.

1. Make sure you have Node, NPM, and Yarn installed. The following versions were used at the time of this writing:

• Node: 16.13.1
• Yarn: 3.1.1 (v2)
• NPM: 8.1.2

You may want to run the following yarn commands as well:

yarn set version berry
yarn plugin import typescript
yarn plugin import workspace-tools

2. Install node modules using the following command:

yarn install

3. Build and run the project:

yarn build
yarn start

4. (OPTIONAL) clean the project and delete build files:

yarn clean

5. (OPTIONAL) purge dependencies and clear caches:

yarn purge

Using Watchers for Real-Time Development

This will allow you to refresh the application and see changes in real-time, without having to recompile Electron and Angular code (the watchers auto-compile as files are changed/saved).

1. Follow steps 1-2 above
2. Build, run, and watch the project:

yarn watch-main-dev &
yarn watch-electron-dev &
yarn start &

3. Note: changes made to Electron require you to restart the app

You can also choose to run yarn watch-main and yarn watch-electron (without the -dev), but they will take longer to transpile and build, and no source map will be produced.

Create distributable binaries for MacOS, Windows and Linux

1. Clean and reinstall dependencies, then build the project:

yarn clean 
yarn purge
yarn install
yarn build

2. Create the distributables:

yarn dist-all