mirror of
https://github.com/Llewellynvdm/nativefier.git
synced 2024-12-24 11:05:26 +00:00
100 lines
3.1 KiB
Markdown
100 lines
3.1 KiB
Markdown
# Development Guide
|
|
|
|
Welcome, soon-to-be contributor 🙂! This document sums up what you
|
|
need to know to get started hacking on Nativefier.
|
|
|
|
## Guidelines
|
|
|
|
1. Before starting work on a huge change, gauge the interest
|
|
of community & maintainers through a GitHub issue.
|
|
For big changes, create a [RFC](https://en.wikipedia.org/wiki/Request_for_Comments)
|
|
issue to enable a good peer review.
|
|
2. Do your best to avoid adding new Nativefier command-line options.
|
|
If a new option is inevitable for what you want to do, sure,
|
|
but as much as possible try to see if you change works without.
|
|
Nativefier already has a ton of them, making it hard to use.
|
|
3. Avoid or limit adding npm dependencies.
|
|
Each new dependency is a complexity & security liability.
|
|
4. Use types, avoid `any`, write tests. In that order.
|
|
5. Document for users in API.md
|
|
6. Document for other devs in comments, jsdoc, commits, PRs.
|
|
Say *why* more than *what*, the *what* is your code!
|
|
|
|
## Setup
|
|
|
|
First, clone the project:
|
|
|
|
```bash
|
|
git clone https://github.com/nativefier/nativefier.git
|
|
cd nativefier
|
|
```
|
|
|
|
Install dependencies (for both the CLI and the Electron app):
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
The above `npm install` will build automatically (through the `prepare` hook).
|
|
When you need to re-build Nativefier,
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
Set up a symbolic link so that running `nativefier` calls your dev version with your changes:
|
|
|
|
```bash
|
|
npm link
|
|
which nativefier
|
|
# -> Should return a path, e.g. /home/youruser/.node_modules/lib/node_modules/nativefier
|
|
# If not, be sure your `npm_config_prefix` env var is set and in your `PATH`
|
|
```
|
|
|
|
After doing so, you can run Nativefier with your test parameters:
|
|
|
|
```bash
|
|
nativefier --your-awesome-new-flag 'https://your-test-site.com'
|
|
```
|
|
|
|
Then run your nativefier app _through the command line too_ (to see logs & errors):
|
|
|
|
```bash
|
|
# Under Linux
|
|
./your-test-site-linux-x64/your-test-site
|
|
|
|
# Under Windows
|
|
your-test-site-win32-x64/your-test-site.exe
|
|
|
|
# Under macOS
|
|
./YourTestSite-darwin-x64/YourTestSite.app/Contents/MacOS/YourTestSite --verbose
|
|
```
|
|
|
|
## Linting & formatting
|
|
|
|
Nativefier uses [Prettier](https://prettier.io/), which will shout at you for
|
|
not formatting code exactly like it expects. This guarantees a homogenous style,
|
|
but is painful to do manually. Do yourself a favor and install a
|
|
[Prettier plugin for your editor](https://prettier.io/docs/en/editors.html).
|
|
|
|
## Tests
|
|
|
|
- To run all tests, `npm t`
|
|
- To run only unit tests, `npm run test:unit`
|
|
- To run only integration tests, `npm run test:integration`
|
|
- Logging is suppressed by default in tests, to avoid polluting Jest output.
|
|
To get debug logs, `npm run test:withlog` or set the `LOGLEVEL` env. var.
|
|
- For a good live experience, open two terminal panes/tabs running code/tests watchers:
|
|
1. Run a TSC watcher: `npm run build:watch`
|
|
2. Run a Jest unit tests watcher: `npm run test:watch`
|
|
- Alternatively, you can run both test processes in the same terminal by running: `npm run watch`
|
|
|
|
## Release
|
|
|
|
While on `master`, with no uncommitted changes, run:
|
|
|
|
```bash
|
|
npm run changelog -- $VERSION
|
|
# With no 'v'. For example: npm run changelog -- 42.5.0
|
|
```
|