├── .gitignore
├── view
├── preload.js
├── index.html
├── style.css
├── less
│ └── index.less
└── renderer.js
├── src
├── preferences.js
├── api.js
├── withings
│ ├── account.js
│ ├── login.js
│ └── activity.js
└── gpxgenerator.js
├── package.json
├── readme.md
├── main.js
├── license.md
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
--------------------------------------------------------------------------------
/view/preload.js:
--------------------------------------------------------------------------------
1 | window.addEventListener('DOMContentLoaded', () => {
2 | document.getElementById('activitiesDialog').hidden = true;
3 | document.getElementById('processing').hidden = true;
4 | })
--------------------------------------------------------------------------------
/src/preferences.js:
--------------------------------------------------------------------------------
1 | const storage = require('electron-json-storage');
2 |
3 | const path = require('path');
4 | const util = require('util');
5 |
6 |
7 | class Preferences {
8 |
9 | async getLastSaveDir() {
10 | return util.promisify(storage.get)('LAST_SAVE_DIR')
11 | }
12 |
13 | async updateLastSaveDir(filePath) {
14 | const directoryPath = path.dirname(filePath);
15 |
16 | await util.promisify(storage.set)('LAST_SAVE_DIR', directoryPath)
17 | }
18 | }
19 |
20 | module.exports = Preferences;
--------------------------------------------------------------------------------
/view/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Withings GPX export
6 |
7 |
8 |
9 |
10 |
11 |
Withings login
12 |
17 |
18 |
19 |
Please choose the activity you want to convert to GPX
20 |
21 |
22 |
Loading activities...
23 |
No more activities have been found
24 |
26 |
Downloading data and converting to GPX
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/api.js:
--------------------------------------------------------------------------------
1 | const querystring = require('querystring');
2 | const https = require('https');
3 |
4 | /**
5 | * A helper class to make easier calls to the withings API
6 | */
7 | class Api {
8 |
9 | /**
10 | * This method executes a POST call to the API
11 | * and returns a Promise
12 | * @param {string} method the url method to call
13 | * @param {any} body the body object to send
14 | * @return {Promise} a promise for the result
15 | */
16 | post(method, body){
17 |
18 | var postData = querystring.stringify(body);
19 |
20 | var options = {
21 | hostname: 'scalews.withings.net',
22 | port: 443,
23 | path: method,
24 | method: 'POST',
25 | headers: {
26 | 'Content-Type': 'application/x-www-form-urlencoded',
27 | 'Content-Length': postData.length
28 | }
29 | };
30 |
31 | return new Promise(function(resolve, reject){
32 | var req = https.request(options, (res) => {
33 | res.setEncoding('utf8');
34 | var result = ''
35 | res.on('data', (d) => {
36 | result += d;
37 | });
38 | res.on('end', () => {
39 | resolve(JSON.parse(result));
40 | })
41 | });
42 |
43 |
44 | req.on('error', (e) => {
45 | reject(e);
46 | });
47 | req.write(postData);
48 | req.end();
49 | })
50 | }
51 | }
52 | module.exports = Api
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "withings-gpx",
3 | "version": "0.1.5",
4 | "description": "A quick application to export withings activities to GPX",
5 | "main": "main.js",
6 | "scripts": {
7 | "start": "yarn style && electron .",
8 | "pack": "yarn style && electron-builder --dir",
9 | "dist": "yarn style && electron-builder --mac --win --x64 --ia32 -p always",
10 | "style": "lesshint 'view/less' && lessc view/less/index.less view/style.css",
11 | "rebuild": "electron-rebuild keytar"
12 | },
13 | "build": {
14 | "productName": "Withings gpx export",
15 | "appId": "eu.aaltra.withings.gpx",
16 | "dmg": {
17 | "contents": [
18 | {
19 | "x": 110,
20 | "y": 200
21 | },
22 | {
23 | "x": 400,
24 | "y": 200,
25 | "type": "link",
26 | "path": "/Applications"
27 | }
28 | ]
29 | },
30 | "win": {
31 | "target": "NSIS",
32 | "icon": "build/icon.ico"
33 | }
34 | },
35 | "postinstall": "electron-builder install-app-deps",
36 | "keywords": [
37 | "Withings",
38 | "gpx"
39 | ],
40 | "author": "Pieter-Paulus Vertongen",
41 | "license": "MIT",
42 | "devDependencies": {
43 | "electron": "^6.0.2",
44 | "electron-builder": "^21.2.0",
45 | "electron-rebuild": "^1.8.6"
46 | },
47 | "dependencies": {
48 | "autolesshint": "^0.2.2",
49 | "dateformat": "^3.0.3",
50 | "electron-json-storage": "^4.1.7",
51 | "keytar": "^4.13.0",
52 | "lessc": "^1.0.2",
53 | "lesshint": "^6.3.7"
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/src/withings/account.js:
--------------------------------------------------------------------------------
1 | const Api = require('../api.js');
2 | /**
3 | * Class that can fetch the user id from the account,
4 | * necessary to receive withings measurement data
5 | */
6 | class Account {
7 | /**
8 | * initiates accountId and sessionId
9 | */
10 | Constructor() {
11 | this.accountId = 0
12 | this.sessionId = ''
13 | }
14 |
15 | /**
16 | * Sets the accountId and sessionId from the loginresult
17 | * @param {LoginResult} loginResult the result of the login method
18 | */
19 | setAccountAndSessionByLoginResult(loginResult){
20 | this.accountId = loginResult.accountId
21 | this.sessionId = loginResult.sessionId
22 | }
23 |
24 | /**
25 | * Fetches the user id based on the login,
26 | * setAccountAndSessionByLoginResult needs to be called first
27 | */
28 | async getUserId(){
29 | var requestBody = {
30 | 'enrich': 't',
31 | 'recurse_devtype': 1,
32 | 'recurse_use': 7,
33 | 'listmask': 7,
34 | 'callctx': 'foreground,SyncForTracker,account',
35 | 'action': 'getuserslist',
36 | 'accountid': this.accountId,
37 | 'appname': 'wiscaleNG',
38 | 'appfm': 'ios',
39 | 'appliver': 4050301,
40 | 'sessionid': this.sessionId
41 | };
42 | let promise = new Promise(function(resolve, reject){
43 | new Api().post('/cgi-bin/account', requestBody).then(
44 | function(body){
45 | if(body.status > 0) {
46 | return reject(Error('Server error'));
47 | }
48 | resolve({
49 | userId: body.body.users[0].id
50 | })
51 | },
52 | function(error){
53 | return reject(Error('Server error'));
54 | }
55 | )
56 | })
57 |
58 | let result = await promise;
59 | return result;
60 | }
61 | }
62 | module.exports = Account
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Withings GPX export
2 |
3 | This project is meant to export cycling or walking activities from Withings to GPX. The GPX file contains the location and heartrate data which can be imported into other platforms such as [Strava](https://www.strava.com/) The application does not store or send any data to any other platform.
4 |
5 | ```Update: ```
6 | With the latest update for the Withings app, you can automatically push your activities to Strava,
7 | More information here: [https://support.withings.com/hc/en-us/articles/360036851114-Partner-Apps-What-is-Strava-
8 | ](https://support.withings.com/hc/en-us/articles/360036851114-Partner-Apps-What-is-Strava-)
9 |
10 | 
11 |
12 | 
13 |
14 | 
15 |
16 | ## Download installers
17 |
18 | [macOS v0.1.5 alpha](https://github.com/vertongen/withings-gpx/releases/download/v0.1.5-alpha/Withings.gpx.export-0.1.5.dmg)
19 |
20 | [Windows 64bit & 32bit v0.1.5 alpha](https://github.com/vertongen/withings-gpx/releases/download/v0.1.5-alpha/Withings.gpx.export.Setup.0.1.5.exe)
21 |
22 | ## To Use
23 |
24 | To clone and run this repository you’ll need [Git](https://git-scm.com/), [Node.js](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com/lang/en/) installed on your computer. From your command line:
25 |
26 | ```bash
27 | # Clone this repository
28 | git clone https://github.com/vertongen/withings-gpx.git
29 | # Go into the repository
30 | cd withings-gpx
31 | # Install dependencies
32 | yarn install
33 | # Run the app
34 | yarn start
35 | ```
36 | ## Troubleshooting
37 |
38 | 1. `Uncaught error: Module did not self-register`
39 |
40 | This is caused by the keytar module, run the command
41 |
42 | `yarn rebuild`
43 |
44 | to build the keytar module on your platform.
45 |
46 |
47 | 2. `no suitable image found`
48 |
49 | This is also caused by the keytar module after a dist has been made.
50 |
51 | - Remove the node_modules folder
52 | - Execute `yarn install`
53 | - Execute `yarn rebuild`
54 |
55 | ## License
56 |
57 | [CC0 1.0 (Public Domain)](license.md)
58 |
--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
1 | // Modules to control application life and create native browser window
2 | const {app, BrowserWindow, Menu} = require('electron')
3 | const path = require('path')
4 |
5 | // Keep a global reference of the window object, if you don't, the window will
6 | // be closed automatically when the JavaScript object is garbage collected.
7 | let mainWindow
8 |
9 | function createWindow () {
10 | // Create the browser window.
11 | mainWindow = new BrowserWindow({
12 | width: 800,
13 | height: 600,
14 | backgroundColor: "#202428",
15 | webPreferences: {
16 | preload: path.join(__dirname, 'view/preload.js'),
17 | nodeIntegration: true
18 | }
19 | })
20 |
21 | var menu = Menu.buildFromTemplate([
22 | {
23 | label: 'Withings GPX',
24 | submenu: [
25 | {
26 | label:'Logout ...',
27 | click() {
28 | mainWindow.webContents.send('logout');
29 | }
30 | },
31 | {type:'separator'},
32 | {
33 | label:'Exit',
34 | click() {
35 | app.quit()
36 | }
37 | }
38 | ]
39 | }
40 | ])
41 | Menu.setApplicationMenu(menu);
42 |
43 | // and load the index.html of the app.
44 | mainWindow.loadFile('view/index.html')
45 |
46 | // Open the DevTools.
47 | // mainWindow.webContents.openDevTools()
48 |
49 | // Emitted when the window is closed.
50 | mainWindow.on('closed', function () {
51 | // Dereference the window object, usually you would store windows
52 | // in an array if your app supports multi windows, this is the time
53 | // when you should delete the corresponding element.
54 | mainWindow = null
55 | app.quit()
56 | })
57 | }
58 |
59 | // This method will be called when Electron has finished
60 | // initialization and is ready to create browser windows.
61 | // Some APIs can only be used after this event occurs.
62 | app.on('ready', createWindow)
63 |
64 | // Quit when all windows are closed.
65 | app.on('window-all-closed', function () {
66 | // On macOS it is common for applications and their menu bar
67 | // to stay active until the user quits explicitly with Cmd + Q
68 | if (process.platform !== 'darwin') app.quit()
69 | })
70 |
71 | app.on('activate', function () {
72 | // On macOS it's common to re-create a window in the app when the
73 | // dock icon is clicked and there are no other windows open.
74 | if (mainWindow === null) createWindow()
75 | })
76 |
77 | // In this file you can include the rest of your app's specific main process
78 | // code. You can also put them in separate files and require them here.
79 |
--------------------------------------------------------------------------------
/src/gpxgenerator.js:
--------------------------------------------------------------------------------
1 | /**
2 | * The class converts the withings data into a GPX file
3 | */
4 | class GpxGenerator {
5 |
6 | /**
7 | * This method fetches the details of the activity
8 | * and generates a GPX file
9 | * @param {Activity} selectedActivity the activity
10 | * received from allActivities
11 | */
12 | async generateGpxFromActivity(selectedActivity){
13 | console.log(selectedActivity);
14 | let heartrateData = await activity
15 | .getHeartrateData(selectedActivity.startdate, selectedActivity.enddate);
16 | let locationData = await activity
17 | .getLocationData(selectedActivity.startdate, selectedActivity.enddate);
18 | return this.generateGpx(locationData, heartrateData);
19 | }
20 |
21 | /**
22 | * This method generates a GPX file
23 | * @param {object} locationData The locationdata received from withings
24 | * @param {object} heartrateData The heartrate data received from withings
25 | * @return {string} contents of the GPX file
26 | */
27 | generateGpx(locationData, heartrateData){
28 | var result = 'test';
29 |
30 | for(var i = 0; i < locationData.vasistas.length; i++){
31 | let timestamp = locationData.dates[i];
32 | let latitude = locationData.vasistas[i][0];
33 | let longitude = locationData.vasistas[i][1];
34 | result += '';
37 |
38 | var heartrateDelta = 99999;
39 | var heartrate = 0;
40 |
41 | for(var j = 0; j < heartrateData.dates.length; j++){
42 | let heartrateTime = heartrateData.dates[j]
43 | let delta = Math.abs(timestamp - heartrateTime);
44 | if(delta < heartrateDelta){
45 | heartrateDelta = delta;
46 | heartrate = heartrateData.vasistas[j][0];
47 | }
48 | }
49 | if(heartrateDelta < 10){
50 | result += '';
51 | result += heartrate;
52 | result += '';
53 | }
54 |
55 | result += '';
56 | }
57 | result += '';
58 | return result;
59 | }
60 | }
61 | module.exports = GpxGenerator
--------------------------------------------------------------------------------
/src/withings/login.js:
--------------------------------------------------------------------------------
1 | const crypto = require('crypto');
2 | const Api = require('../api.js');
3 | const Keytar = require('keytar');
4 |
5 | /**
6 | * This is the start of the withings flow,
7 | * first authenticate with username and password
8 | */
9 | class Login {
10 |
11 | /**
12 | * inits email and password
13 | */
14 | Constructor() {
15 | this.email = ''
16 | this.password = ''
17 | }
18 |
19 | async tryAutoLogin(){
20 | var credentials = await Keytar.findCredentials(SERVICE_NAME);
21 |
22 | if(credentials.length > 0) {
23 | this.email = credentials[0].account;
24 | this.password = credentials[0].password;
25 | var result = await this.authenticate(false);
26 | return result;
27 | }
28 |
29 | return null;
30 | }
31 |
32 | async deleteCredentials() {
33 | var credentials = await Keytar.findCredentials(SERVICE_NAME);
34 | credentials.forEach( async function(credential) {
35 | await Keytar.deletePassword(SERVICE_NAME, credential.account);
36 | });
37 | }
38 |
39 | /**
40 | * authenticates with the email and password
41 | */
42 | async authenticate(saveCredentials){
43 |
44 | let passwordHash = crypto.createHash('md5')
45 | .update(this.password).digest("hex")
46 |
47 | if(saveCredentials) {
48 | Keytar.setPassword(SERVICE_NAME, this.email, this.password)
49 | }
50 | var requestBody = {
51 | 'email': this.email,
52 | 'duration': 900,
53 | 'hash': passwordHash,
54 | 'callctx': 'foreground',
55 | 'action': 'login',
56 | 'appname': 'wiscaleNG',
57 | 'appfm': 'ios',
58 | 'appliver': 4050301
59 | };
60 | let promise = new Promise(function(resolve, reject){
61 | new Api().post('/cgi-bin/auth', requestBody).then(
62 | function(body){
63 | console.log(body)
64 | if(body.status === 100){
65 | return reject(new Error('Authenication failed'));
66 | }
67 | if(body.status > 0) {
68 | return reject(new Error('Server error'));
69 | }
70 | resolve({
71 | sessionId: body.body.sessionid,
72 | accountId: body.body.account[0].id
73 | })
74 | },
75 | function(error){
76 | console.log(error)
77 | return reject(new Error('Server error'));
78 | }
79 | )
80 | })
81 | let result = await promise;
82 | return result;
83 | }
84 | }
85 | module.exports = Login
--------------------------------------------------------------------------------
/view/style.css:
--------------------------------------------------------------------------------
1 | html {
2 | box-sizing: border-box;
3 | }
4 | * {
5 | box-sizing: inherit;
6 | }
7 | body {
8 | background-color: #202428;
9 | font-family: helvetica, arial, sans;
10 | font-weight: 200;
11 | }
12 | .login {
13 | -moz-transform: translate(-50%, -50%);
14 | -ms-transform: translate(-50%, -50%);
15 | -o-transform: translate(-50%, -50%);
16 | -webkit-transform: translate(-50%, -50%);
17 | background: #0f0f0f;
18 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
19 | left: 50%;
20 | max-width: 475px;
21 | min-width: 320px;
22 | position: absolute;
23 | top: 50%;
24 | transform: translate(-50%, -50%);
25 | width: 40%;
26 | }
27 | .dialog {
28 | -moz-transform: translate(-50%, -50%);
29 | -ms-transform: translate(-50%, -50%);
30 | -o-transform: translate(-50%, -50%);
31 | -webkit-transform: translate(-50%, -50%);
32 | background: #0f0f0f;
33 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
34 | left: 50%;
35 | max-width: 475px;
36 | min-width: 320px;
37 | padding: 30px;
38 | position: absolute;
39 | top: 50%;
40 | transform: translate(-50%, -50%);
41 | width: 40%;
42 | }
43 | h2 {
44 | color: #ffffff;
45 | display: block;
46 | font-family: 'helvetica';
47 | font-size: 1.35em;
48 | font-weight: 500;
49 | margin: 0px;
50 | padding: 0.75em 1em 0.75em 1.5em;
51 | }
52 | h3 {
53 | color: #ffffff;
54 | display: block;
55 | font-family: 'helvetica';
56 | font-size: 1.2em;
57 | font-weight: 200;
58 | margin: 0px;
59 | padding-bottom: 10px;
60 | }
61 | form {
62 | display: block;
63 | padding: 2em;
64 | width: 100%;
65 | }
66 | .login > h2 {
67 | background: #0f0f0f;
68 | width: 100%;
69 | }
70 | .dialog > h2 {
71 | background: #0f0f0f;
72 | width: 100%;
73 | }
74 | input {
75 | background: #0f0f0f;
76 | border: 0px;
77 | border-bottom: 1px solid #606060;
78 | color: #e6e6e6;
79 | display: block;
80 | margin: auto auto;
81 | margin-bottom: 2em;
82 | padding: 0.5em 0em;
83 | padding-bottom: 1.25em;
84 | width: 100%;
85 | }
86 | input:focus {
87 | outline: none;
88 | }
89 | .btn {
90 | background: #008cff;
91 | border: 1px solid #027fe8;
92 | border-radius: 4px;
93 | color: #ffffff;
94 | display: inline-block;
95 | padding: 0.5em 2em;
96 | text-transform: uppercase;
97 | width: auto;
98 | }
99 | .btn:hover {
100 | background: #2e92e4;
101 | }
102 | .btn:active {
103 | background: #027fe8;
104 | }
105 | .btn:focus {
106 | outline: none;
107 | }
108 | .activities > div {
109 | background-color: #0f0f0f;
110 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
111 | color: #e6e6e6;
112 | cursor: pointer;
113 | font-size: 0.8em;
114 | margin: 10px;
115 | padding: 20px;
116 | }
117 | .activities > div:hover {
118 | background-color: #434c54;
119 | }
120 | .loading,
121 | .finished {
122 | background-color: #0f0f0f;
123 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
124 | color: #e6e6e6;
125 | font-size: 1em;
126 | margin: 10px;
127 | padding: 20px;
128 | }
129 | .info {
130 | display: inline-block;
131 | width: 120px;
132 | }
133 | .info .label {
134 | color: #808080;
135 | margin-bottom: 5px;
136 | }
137 | .info .value span {
138 | color: #808080;
139 | padding-left: 5px;
140 | }
141 |
--------------------------------------------------------------------------------
/view/less/index.less:
--------------------------------------------------------------------------------
1 | @background-color: #202428;
2 | @dialog-color: #0f0f0f;
3 | @activities-hover-color: #434c54;
4 | @input-bottom-border: #606060;
5 | @title-color: #ffffff;
6 | @text-color: #e6e6e6;
7 | @subtext-color: #808080;
8 | @btn-background-color: #008cff;
9 | @btn-secondary-color: #027fe8;
10 | @btn-hover-color: #2e92e4;
11 | @btn-text-color: #ffffff;
12 |
13 | html {
14 | box-sizing: border-box;
15 | }
16 |
17 | // lesshint-disable
18 | * {
19 | box-sizing: inherit;
20 | }
21 |
22 | body {
23 | background-color: @background-color;
24 | font-family: helvetica, arial, sans;
25 | font-weight: 200;
26 | }
27 |
28 | .login {
29 | -moz-transform: translate(-50%, -50%);
30 | -ms-transform: translate(-50%, -50%);
31 | -o-transform: translate(-50%, -50%);
32 | -webkit-transform: translate(-50%, -50%);
33 | background: @dialog-color;
34 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
35 | left: 50%;
36 | max-width: 475px;
37 | min-width: 320px;
38 | position: absolute;
39 | top: 50%;
40 | transform: translate(-50%, -50%);
41 | width: 40%;
42 | }
43 |
44 | .dialog {
45 | -moz-transform: translate(-50%, -50%);
46 | -ms-transform: translate(-50%, -50%);
47 | -o-transform: translate(-50%, -50%);
48 | -webkit-transform: translate(-50%, -50%);
49 | background: @dialog-color;
50 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
51 | left: 50%;
52 | max-width: 475px;
53 | min-width: 320px;
54 | padding: 30px;
55 | position: absolute;
56 | top: 50%;
57 | transform: translate(-50%, -50%);
58 | width: 40%;
59 | }
60 |
61 | h2 {
62 | color: @title-color;
63 | display: block;
64 | font-family: 'helvetica';
65 | font-size: 1.35em;
66 | font-weight: 500;
67 | margin: 0px;
68 | padding: 0.75em 1em 0.75em 1.5em;
69 | }
70 |
71 | h3 {
72 | color: @title-color;
73 | display: block;
74 | font-family: 'helvetica';
75 | font-size: 1.2em;
76 | font-weight: 200;
77 | margin: 0px;
78 | padding-bottom: 10px;
79 | }
80 |
81 | form {
82 | display: block;
83 | padding: 2em;
84 | width: 100%;
85 | }
86 |
87 | .login > h2 {
88 | background: @dialog-color;
89 | width: 100%;
90 | }
91 |
92 | .dialog > h2 {
93 | background: @dialog-color;
94 | width: 100%;
95 | }
96 |
97 | input {
98 | background: @dialog-color;
99 | border: 0px;
100 | border-bottom: 1px solid @input-bottom-border;
101 | color: @text-color;
102 | display: block;
103 | margin: auto auto;
104 | margin-bottom: 2em;
105 | padding: 0.5em 0em;
106 | padding-bottom: 1.25em;
107 | width: 100%;
108 |
109 | &:focus {
110 | outline: none;
111 | }
112 | }
113 |
114 | .btn {
115 | background: @btn-background-color;
116 | border: 1px solid @btn-secondary-color;
117 | border-radius: 4px;
118 | color: @btn-text-color;
119 | display: inline-block;
120 | padding: 0.5em 2em;
121 | text-transform: uppercase;
122 | width: auto;
123 |
124 | &:hover {
125 | background: @btn-hover-color;
126 | }
127 |
128 | &:active {
129 | background: @btn-secondary-color;
130 | }
131 |
132 | &:focus {
133 | outline: none;
134 | }
135 | }
136 |
137 | .activities {
138 | & > div {
139 | background-color: @dialog-color;
140 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
141 | color: @text-color;
142 | cursor: pointer;
143 | font-size: 0.8em;
144 | margin: 10px;
145 | padding: 20px;
146 |
147 | &:hover {
148 | background-color: @activities-hover-color;
149 | }
150 | }
151 | }
152 |
153 | .loading, .finished {
154 | background-color: @dialog-color;
155 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
156 | color: @text-color;
157 | font-size: 1em;
158 | margin: 10px;
159 | padding: 20px;
160 | }
161 |
162 | .info {
163 | display: inline-block;
164 | width: 120px;
165 |
166 | .label {
167 | color: @subtext-color;
168 | margin-bottom: 5px;
169 | }
170 |
171 | .value {
172 | span {
173 | color: @subtext-color;
174 | padding-left: 5px;
175 | }
176 | }
177 | }
178 |
--------------------------------------------------------------------------------
/license.md:
--------------------------------------------------------------------------------
1 | CC0 1.0 Universal
2 | ==================
3 |
4 | Statement of Purpose
5 | ---------------------
6 |
7 | The laws of most jurisdictions throughout the world automatically confer exclusive Copyright and Related Rights (defined below) upon the creator and subsequent owner(s) (each and all, an "owner") of an original work of authorship and/or a database (each, a "Work").
8 |
9 | Certain owners wish to permanently relinquish those rights to a Work for the purpose of contributing to a commons of creative, cultural and scientific works ("Commons") that the public can reliably and without fear of later claims of infringement build upon, modify, incorporate in other works, reuse and redistribute as freely as possible in any form whatsoever and for any purposes, including without limitation commercial purposes. These owners may contribute to the Commons to promote the ideal of a free culture and the further production of creative, cultural and scientific works, or to gain reputation or greater distribution for their Work in part through the use and efforts of others.
10 |
11 | For these and/or other purposes and motivations, and without any expectation of additional consideration or compensation, the person associating CC0 with a Work (the "Affirmer"), to the extent that he or she is an owner of Copyright and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and publicly distribute the Work under its terms, with knowledge of his or her Copyright and Related Rights in the Work and the meaning and intended legal effect of CC0 on those rights.
12 |
13 | 1. Copyright and Related Rights.
14 | --------------------------------
15 | A Work made available under CC0 may be protected by copyright and related or neighboring rights ("Copyright and Related Rights"). Copyright and Related Rights include, but are not limited to, the following:
16 |
17 | i. the right to reproduce, adapt, distribute, perform, display, communicate, and translate a Work;
18 | ii. moral rights retained by the original author(s) and/or performer(s);
19 | iii. publicity and privacy rights pertaining to a person's image or likeness depicted in a Work;
20 | iv. rights protecting against unfair competition in regards to a Work, subject to the limitations in paragraph 4(a), below;
21 | v. rights protecting the extraction, dissemination, use and reuse of data in a Work;
22 | vi. database rights (such as those arising under Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, and under any national implementation thereof, including any amended or successor version of such directive); and
23 | vii. other similar, equivalent or corresponding rights throughout the world based on applicable law or treaty, and any national implementations thereof.
24 |
25 | 2. Waiver.
26 | -----------
27 | To the greatest extent permitted by, but not in contravention of, applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and unconditionally waives, abandons, and surrenders all of Affirmer's Copyright and Related Rights and associated claims and causes of action, whether now known or unknown (including existing as well as future claims and causes of action), in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each member of the public at large and to the detriment of Affirmer's heirs and successors, fully intending that such Waiver shall not be subject to revocation, rescission, cancellation, termination, or any other legal or equitable action to disrupt the quiet enjoyment of the Work by the public as contemplated by Affirmer's express Statement of Purpose.
28 |
29 | 3. Public License Fallback.
30 | ----------------------------
31 | Should any part of the Waiver for any reason be judged legally invalid or ineffective under applicable law, then the Waiver shall be preserved to the maximum extent permitted taking into account Affirmer's express Statement of Purpose. In addition, to the extent the Waiver is so judged Affirmer hereby grants to each affected person a royalty-free, non transferable, non sublicensable, non exclusive, irrevocable and unconditional license to exercise Affirmer's Copyright and Related Rights in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "License"). The License shall be deemed effective as of the date CC0 was applied by Affirmer to the Work. Should any part of the License for any reason be judged legally invalid or ineffective under applicable law, such partial invalidity or ineffectiveness shall not invalidate the remainder of the License, and in such case Affirmer hereby affirms that he or she will not (i) exercise any of his or her remaining Copyright and Related Rights in the Work or (ii) assert any associated claims and causes of action with respect to the Work, in either case contrary to Affirmer's express Statement of Purpose.
32 |
33 | 4. Limitations and Disclaimers.
34 | --------------------------------
35 |
36 | a. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered, licensed or otherwise affected by this document.
37 | b. Affirmer offers the Work as-is and makes no representations or warranties of any kind concerning the Work, express, implied, statutory or otherwise, including without limitation warranties of title, merchantability, fitness for a particular purpose, non infringement, or the absence of latent or other defects, accuracy, or the present or absence of errors, whether or not discoverable, all to the greatest extent permissible under applicable law.
38 | c. Affirmer disclaims responsibility for clearing rights of other persons that may apply to the Work or any use thereof, including without limitation any person's Copyright and Related Rights in the Work. Further, Affirmer disclaims responsibility for obtaining any necessary consents, permissions or other rights required for any use of the Work.
39 | d. Affirmer understands and acknowledges that Creative Commons is not a party to this document and has no duty or obligation with respect to this CC0 or use of the Work.
--------------------------------------------------------------------------------
/src/withings/activity.js:
--------------------------------------------------------------------------------
1 | const Api = require('../api.js');
2 | const dateFormat = require('dateformat');
3 | /**
4 | * Class that can receive the activities
5 | * and their details (heartrate and location)
6 | */
7 | class Activity {
8 | /**
9 | * initiates user id and session id
10 | */
11 | Constructor() {
12 | this.userId = 0
13 | this.sessionId = ''
14 | }
15 |
16 | /**
17 | * This method needs to be called first
18 | * @param {int} userId Sets the userId that will be
19 | * used in the requests
20 | * @param {string} sessionId Sets the sessionId that
21 | * will be used in the requests
22 | */
23 | setUserIdAndSessionId(userId, sessionId){
24 | this.userId = userId
25 | this.sessionId = sessionId
26 | }
27 |
28 | /**
29 | * Fetches all activities from the last 30 days
30 | */
31 | async getAllActivitiesInLast30Days(){
32 | let today = new Date();
33 | let lastMonth = new Date();
34 | lastMonth.setDate(lastMonth.getDate()-30);
35 | return this.getAllActivities(lastMonth, today)
36 | }
37 |
38 | /**
39 | * Gets the next page of activities,
40 | * startDate and endDate should always be the same when requesting data
41 | * The class keeps track of the pages itself.
42 | * @param {Date} startDate
43 | * @param {Date} endDate
44 | * @return {Object} with properties loading, finished & activities
45 | */
46 | async getNextPageWithActivities(startDate, endDate){
47 | if(this.isLoading === true){
48 | return {
49 | loading: true,
50 | finished: false,
51 | activities: []
52 | }
53 | }
54 |
55 | if (this.currentStartDate){
56 | this.currentStartDate.setDate(this.currentStartDate.getDate()-30);
57 | } else {
58 | this.currentStartDate = startDate;
59 | }
60 |
61 | if (this.currentStartDate < endDate) {
62 | return {
63 | loading: false,
64 | finished: true,
65 | activities: []
66 | }
67 | }
68 | let startDateMin30Days = new Date(this.currentStartDate.getTime());
69 | startDateMin30Days.setDate(this.currentStartDate.getDate()-30);
70 | if(startDateMin30Days < endDate) {
71 | startDateMin30Days = endDate;
72 | }
73 | let activities = await this.getAllActivities(startDateMin30Days, this.currentStartDate)
74 | return {
75 | loading: false,
76 | finished: false,
77 | activities: activities
78 | };
79 | }
80 |
81 | /**
82 | * Fetches all activities between startdate and enddate
83 | * @param {Date} startDate start date to filter on
84 | * @param {Date} endDate end date to filter on
85 | */
86 | async getAllActivities(startDate, endDate){
87 | this.isLoading = true;
88 | var requestBody = {
89 | 'action':'getbyuserid',
90 | 'userid': this.userId,
91 | 'startdateymd': dateFormat(startDate, 'yyyy-mm-dd'),
92 | 'enddateymd': dateFormat(endDate, 'yyyy-mm-dd'),
93 | 'callctx':'foreground',
94 | 'appname':'wiscaleNG',
95 | 'apppfm':'ios',
96 | 'appliver':4050301,
97 | 'sessionid':this.sessionId
98 | };
99 | let that = this;
100 | let promise = new Promise(function(resolve, reject){
101 | new Api().post('/cgi-bin/v2/activity', requestBody).then(
102 | function(body){
103 | if(body.status > 0) {
104 | return reject(new Error('Server error'));
105 | }
106 |
107 | var activitiesToSelectfrom =
108 | body.body.series
109 | .filter(a => a.gps !== null)
110 | .sort((a,b) => b.startdate - a.startdate);
111 | resolve(activitiesToSelectfrom)
112 | that.isLoading = false;
113 | },
114 | function(error){
115 | return reject(new Error('Server error'));
116 | }
117 | )
118 | })
119 |
120 | let result = await promise;
121 | return result;
122 | }
123 |
124 | /**
125 | * Fetches the heartrate data for the first activity
126 | * between starttime and endtime
127 | * The best idea is to first fetch all activities
128 | * and use that starttime and endtime
129 | * @param {int} startTime epoch timestamp
130 | * @param {int} endTime epoch timestamp
131 | */
132 | async getHeartrateData(startTime, endTime) {
133 | var requestBody = {
134 | 'action':'getvasistas',
135 | 'userid':this.userId,
136 | 'startdate': startTime,
137 | 'enddate': endTime,
138 | 'callctx':'foreground',
139 | 'meastype':'11,43,73,89',
140 | 'vasistas_category':'hr',
141 | 'appname':'wiscaleNG',
142 | 'apppfm':'ios',
143 | 'appliver':4050301,
144 | 'sessionid': this.sessionId
145 | };
146 | let promise = new Promise(function(resolve, reject){
147 | new Api().post('/cgi-bin/v2/measure', requestBody).then(
148 | function(body){
149 | if(body.status > 0) {
150 | return reject(new Error('Server error'));
151 | }
152 | resolve(body.body.series[0])
153 | },
154 | function(error){
155 | return reject(new Error('Server error'));
156 | }
157 | )
158 | })
159 |
160 | let result = await promise;
161 | return result;
162 | }
163 |
164 | /**
165 | * Fetches the location data for the first activity
166 | * between starttime and endtime
167 | * The best idea is to first fetch all activities
168 | * and use that starttime and endtime
169 | * @param {int} startTime epoch timestamp
170 | * @param {int} endTime epoch timestamp
171 | */
172 | async getLocationData(startTime, endTime) {
173 | var requestBody = {
174 | 'action':'getvasistas',
175 | 'userid':this.userId,
176 | 'startdate': startTime,
177 | 'enddate': endTime,
178 | 'callctx':'foreground',
179 | 'meastype':'98,99,97,72,96,101,100',
180 | 'vasistas_category':'location',
181 | 'appname':'wiscaleNG',
182 | 'apppfm':'ios',
183 | 'appliver':4050301,
184 | 'sessionid': this.sessionId
185 | };
186 | let promise = new Promise(function(resolve, reject){
187 | new Api().post('/cgi-bin/v2/measure', requestBody).then(
188 | function(body){
189 | if(body.status > 0) {
190 | return reject(new Error('Server error'));
191 | }
192 | resolve(body.body.series[0])
193 | },
194 | function(error){
195 | return reject(new Error('Server error'));
196 | }
197 | )
198 | })
199 |
200 | let result = await promise;
201 | return result;
202 | }
203 | }
204 | module.exports = Activity
--------------------------------------------------------------------------------
/view/renderer.js:
--------------------------------------------------------------------------------
1 | const Login = require('../src/withings/login.js')
2 | const Account = require('../src/withings/account.js')
3 | const Activity = require('../src/withings/activity.js')
4 | const GpxGenerator = require('../src/gpxgenerator.js')
5 | const dateFormat = require('dateformat');
6 | const fs = require('fs')
7 | const Preferences = require('../src/preferences')
8 |
9 | let login = new Login()
10 | let account = new Account()
11 | let activity = new Activity()
12 | let accountResult = {}
13 | let loginResult = {}
14 | let allActivities = []
15 |
16 | let SERVICE_NAME = 'Withings-GPX';
17 | let loginButton = document.getElementById('loginButton');
18 | let emailInputField = document.getElementById('email');
19 | let passwordInputField = document.getElementById('password');
20 |
21 | // event handlers
22 | require('electron').ipcRenderer.on('logout', logout)
23 | loginButton.addEventListener('click', startLogin);
24 | emailInputField.addEventListener('keypress', checkKeyAndLogin);
25 | passwordInputField.addEventListener('keypress', checkKeyAndLogin);
26 |
27 | document.addEventListener('scroll', checkScrollPositionAndPreloadIfNecessary);
28 |
29 | /**
30 | * Checks how far the users scrolled, if there are only 2 full window heights left
31 | * to scroll, it will try to preload the next batch of activities
32 | */
33 | function checkScrollPositionAndPreloadIfNecessary() {
34 | var scrollY = document.getScroll()[1];
35 | var totalHeight = document.body.clientHeight;
36 | var windowHeight = require('electron').remote.getCurrentWindow().getBounds().height;
37 | if(scrollY > totalHeight - (3 * windowHeight)) {
38 | getNextBatchOfActivities();
39 | }
40 | }
41 |
42 | /**
43 | * Gets the scroll coordinates for the window in [x,y]
44 | */
45 | document.getScroll = function() {
46 | var sx, sy, d = document,
47 | r = d.documentElement,
48 | b = d.body;
49 | sx = r.scrollLeft || b.scrollLeft || 0;
50 | sy = r.scrollTop || b.scrollTop || 0;
51 | return [sx, sy];
52 | }
53 |
54 | // functions
55 | /**
56 | * checks if the keycode is enter, if so it starts the login function
57 | * @param {Event} e
58 | */
59 | function checkKeyAndLogin(e) {
60 | if (e.keyCode == 13) {
61 | startLogin();
62 | }
63 | }
64 |
65 | /**
66 | * hides all panels
67 | */
68 | function hideAllPanels() {
69 | document.getElementById('login').hidden = true;
70 | document.getElementById('activitiesDialog').hidden = true;
71 | document.getElementById('processing').hidden = true;
72 | }
73 |
74 | /**
75 | * checks if the login can automatically sign in with the keychain credentials
76 | */
77 | async function startAutoLogin() {
78 | hideAllPanels();
79 | var autoLoginResult = await login.tryAutoLogin();
80 | if(autoLoginResult) {
81 | await getActivities(autoLoginResult);
82 | }else {
83 | document.getElementById('login').hidden = false;
84 | }
85 | }
86 |
87 | /**
88 | * deletes the credentials from the keychain and returns to the login screen
89 | */
90 | async function logout() {
91 | await login.deleteCredentials();
92 | emailInputField.value = '';
93 | passwordInputField.value = '';
94 |
95 | hideAllPanels();
96 | document.getElementById('login').hidden = false;
97 | }
98 |
99 | /**
100 | * fetches the login and password from the UI,
101 | * if the login is successful, it will get the activities
102 | */
103 | async function startLogin(){
104 | hideAllPanels();
105 | login.email = document.getElementById('email').value;
106 | login.password = document.getElementById('password').value;
107 | try{
108 | loginResult = await login.authenticate(true);
109 | }catch(e){
110 | document.getElementById('login').hidden = false;
111 | return;
112 | }
113 | await getActivities(loginResult);
114 | }
115 |
116 | /**
117 | * Gets the account info and starts to get the first page of activities
118 | * @param {LoginResult} loginResult the result of the login
119 | * authenticate method
120 | */
121 | async function getActivities(loginResult){
122 | account.setAccountAndSessionByLoginResult(loginResult)
123 | accountResult = await account.getUserId()
124 |
125 | activity.setUserIdAndSessionId(accountResult.userId, loginResult.sessionId);
126 | getNextBatchOfActivities();
127 | }
128 |
129 | /**
130 | * Gets the next page of activities, adds them to the full list and renders the new ones
131 | * @param {int} autoLoadIteration number of times it has been trying to recursively load the next page
132 | */
133 | async function getNextBatchOfActivities(autoLoadIteration){
134 | document.getElementById('loading').hidden = false;
135 |
136 | //todo: define the maximum range by date pickers, now it is set to 2015
137 | newActivityResponse = await activity.getNextPageWithActivities(new Date(), new Date(2015,0));
138 |
139 | var newActivities = newActivityResponse.activities;
140 |
141 | //If the response comes out empty, try to load the next batch
142 | if(newActivities.length === 0 && !newActivityResponse.loading && !newActivityResponse.finished){
143 | var iteration = 1
144 | if (autoLoadIteration){
145 | iteration = autoLoadIteration + 1;
146 | }
147 | getNextBatchOfActivities(iteration);
148 | return;
149 | }
150 |
151 | allActivities.push.apply(allActivities, newActivities);
152 | document.getElementById('activitiesDialog').hidden = false;
153 |
154 | //Show and hide the loading or finished state
155 | if(newActivityResponse.loading || newActivityResponse.finished) {
156 | document.getElementById('loading').hidden = !newActivityResponse.loading;
157 | document.getElementById('finished').hidden = !newActivityResponse.finished;
158 | return;
159 | } else {
160 | document.getElementById('loading').hidden = true;
161 | document.getElementById('finished').hidden = true;
162 | }
163 |
164 | //Render the new activities, if any
165 | renderActivities(newActivities);
166 | }
167 |
168 | /**
169 | * Renders the list of activities in the UI
170 | * @param {[Activity]} allActivities list of activities
171 | */
172 | function renderActivities(allActivities){
173 | let activityDiv = document.getElementById('activities')
174 |
175 | allActivities.forEach(function(activity){
176 | var newDiv = renderActivityDiv(activity);
177 | newDiv.addEventListener('click', function(){
178 | var selectedActivity = allActivities
179 | .filter(a => a.id === Number(newDiv.dataset.activityId))[0];
180 | generateGpx(selectedActivity);
181 | hideAllPanels();
182 | document.getElementById('processing').hidden = false;
183 | })
184 |
185 | activityDiv.appendChild(newDiv)
186 | });
187 |
188 | checkScrollPositionAndPreloadIfNecessary();
189 | }
190 |
191 | /**
192 | * generates an activity element
193 | * @param {Activity} activity a single activity
194 | * @return {HTMLElement} acitivity HTML element DIV
195 | */
196 | function renderActivityDiv(activity) {
197 | var newDiv = document.createElement('div');
198 | let startDate = new Date(activity.startdate * 1000);
199 | newDiv.innerHTML = 'Activity started on '
200 | + dateFormat(startDate, 'dd mm yyyy')
201 | + ' at '
202 | + dateFormat(startDate, 'HH:MM') + ' ';
203 | newDiv.innerHTML += ''
204 | + 'average HR
'
205 | + activity.data.hr_average
206 | + 'bpm
'
208 | + 'average speed
'
209 | + Math.round(activity.gps.avg_speed * 3.6 * 100) / 100
210 | + 'km/h
'
212 | + 'distance
'
213 | + Math.round((activity.gps.distance) / 10) / 100
214 | + 'km
'
216 | + 'calories
'
217 | + Math.round(activity.data.manual_calories)
218 | + 'kcal