├── test
    ├── playground
    │   ├── .gitignore
    │   ├── read-version.js
    │   ├── index.js
    │   ├── lock-test.js
    │   └── test-analyzer-v2.js
    ├── resources
    │   ├── data-mock
    │   │   ├── README.md
    │   │   └── 18305.db
    │   ├── token-files
    │   │   ├── default-incorrect.json
    │   │   ├── default.json
    │   │   └── test1-for-team.json
    │   ├── data-simulate-one-day
    │   │   └── 18309.db
    │   └── data-test-better-project-merge
    │   │   └── 18614.db
    └── src
    │   ├── UtilsSelfTest.js
    │   ├── index.d.ts
    │   ├── GenerateRandomToken.js
    │   ├── utils
    │       ├── SimulateExpressReqRes.js
    │       ├── LogFile.js
    │       ├── LoadFakeParseCliArguments.js
    │       └── StartServerInstance.js
    │   ├── GuessSimilarStrings.js
    │   ├── analyze
    │       ├── FilterFunctionTest.js
    │       ├── AnalyzeExpandToWholeDayTest.js
    │       ├── TestAnalyzeV2MergeProject.js
    │       └── DefinedStringTest.js
    │   ├── TypescriptCheck.js
    │   └── ESLint.js
├── screenshots
    ├── 1.png
    └── 2.jpg
├── frontend
    ├── favicon.ico
    ├── lib
    │   └── ionicons
    │   │   └── fonts
    │   │       ├── ionicons.eot
    │   │       ├── ionicons.ttf
    │   │       └── ionicons.woff
    └── src
    │   ├── variables.yaml
    │   ├── .babelrc
    │   ├── sass
    │       ├── _dialog_24hs_from.scss
    │       ├── _size.scss
    │       ├── _dialog_custom_range.scss
    │       ├── _top_navbar.scss
    │       ├── _color.scss
    │       ├── index.scss
    │       └── _sidebar.scss
    │   ├── modules
    │       ├── dialog
    │       │   ├── status.pug
    │       │   ├── custom_date_range.pug
    │       │   ├── associate_projects.pug
    │       │   ├── 24_hours_from.pug
    │       │   ├── export_csv.pug
    │       │   └── share.pug
    │       ├── bottom_info_links.pug
    │       ├── page
    │       │   ├── vcs.pug
    │       │   ├── projects_index.pug
    │       │   ├── languages.pug
    │       │   ├── 24hours.pug
    │       │   ├── projects_sub.pug
    │       │   └── overview.pug
    │       ├── _report_range_dropdown_menu.pug
    │       ├── sidebar.pug
    │       ├── top_navbar.pug
    │       ├── bottom_info.html
    │       └── startup_welcome.pug
    │   ├── js
    │       ├── polyfill.js
    │       ├── i18n
    │       │   ├── en.js
    │       │   ├── index.js
    │       │   ├── zh-tw.js
    │       │   ├── zh-cn.js
    │       │   └── ru.js
    │       ├── index.js
    │       ├── utils
    │       │   ├── csv.js
    │       │   ├── resizer.js
    │       │   ├── form.js
    │       │   └── datetime.js
    │       ├── charts
    │       │   ├── _base.js
    │       │   ├── computer.js
    │       │   ├── languages.js
    │       │   ├── languages_detailed.js
    │       │   ├── project_files.js
    │       │   ├── files.js
    │       │   ├── share_summary.js
    │       │   ├── project_summary.js
    │       │   ├── 24hours.js
    │       │   ├── summary.js
    │       │   └── vcs.js
    │       ├── ui
    │       │   ├── versionAndWelcome.js
    │       │   ├── statusDialog.js
    │       │   ├── exportCSVDialog.js
    │       │   ├── 24hsFromDialog.js
    │       │   └── share.js
    │       ├── index.d.ts
    │       ├── router.js
    │       ├── routes
    │       │   ├── vcs.js
    │       │   ├── languages.js
    │       │   ├── 24hours.js
    │       │   └── overview.js
    │       ├── api.js
    │       └── reportFilter.js
    │   └── index.html
├── lib
    ├── types
    │   ├── CachedDataFileReader.d.ts
    │   └── AnalyzeCore.d.ts
    ├── GenerateRandomToken.js
    ├── Welcome.js
    ├── Version.js
    ├── Log.js
    ├── analyze
    │   ├── ExceptionCollection.js
    │   ├── DefinedString.js
    │   ├── Constant.js
    │   ├── ReportMiddlewareV2.js
    │   ├── CachedDataFileReader.js
    │   └── ReportMiddleware.js
    ├── ParamsChecker.js
    ├── schema
    │   └── TokenFile.json
    ├── utils
    │   ├── cleanDatabaseFiles
    │   └── upgradeDatabaseFiles
    ├── StorageQueue.js
    ├── GuessSimilarStrings.js
    ├── UpgradeDatabaseFiles.js
    ├── Handler404and500.js
    └── ParseCliArguments.js
├── utilities
    ├── git-pre-commit-hook.sh
    ├── debug-server-with-user-data.sh
    └── new-version-tag.sh
├── .editorconfig
├── .travis.yml
├── .htmlhintrc
├── tsconfig.json
├── .npmignore
├── .vscode
    ├── settings.json
    ├── launch.json
    └── cSpell.json
├── .eslintrc.json
├── docs
    ├── TODO.md
    ├── TOKEN_FILE.md
    └── FILES.md
├── .gitignore
├── package.json
├── CHANGELOG.md
└── CONTRIBUTING.md


/test/playground/.gitignore:
--------------------------------------------------------------------------------
1 | *.json
2 | 


--------------------------------------------------------------------------------
/screenshots/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/screenshots/1.png


--------------------------------------------------------------------------------
/screenshots/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/screenshots/2.jpg


--------------------------------------------------------------------------------
/frontend/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/frontend/favicon.ico


--------------------------------------------------------------------------------
/frontend/lib/ionicons/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/frontend/lib/ionicons/fonts/ionicons.eot


--------------------------------------------------------------------------------
/frontend/lib/ionicons/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/frontend/lib/ionicons/fonts/ionicons.ttf


--------------------------------------------------------------------------------
/frontend/lib/ionicons/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hangxingliu/vscode-coding-tracker-server/HEAD/frontend/lib/ionicons/fonts/ionicons.woff


--------------------------------------------------------------------------------
/frontend/src/variables.yaml:
--------------------------------------------------------------------------------
1 | title:
2 |     index: VSCode Coding Tracker Report Page
3 | author: Liu Yue
4 | description: VSCode Coding Tracker extension report page


--------------------------------------------------------------------------------
/frontend/src/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"presets": [
 3 | 		"es2015",
 4 | 		"es2017"
 5 | 	],
 6 | 	"plugins": [
 7 | 		"minify-mangle-names",
 8 | 		"transform-merge-sibling-variables"
 9 | 	],
10 | 	"comments": false,
11 | 	"minified": true
12 | }
13 | 


--------------------------------------------------------------------------------
/test/resources/data-mock/README.md:
--------------------------------------------------------------------------------
1 | # Data Mock
2 | 
3 | These mock database files in the folder are based on my real database files
4 | and convert by `utilities/data-masking.out` (a utilities binary file compiled from `utilities/data-masking.cc`)  
5 | 


--------------------------------------------------------------------------------
/test/resources/token-files/default-incorrect.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"$schema": "https://github.com/hangxingliu/vscode-coding-tracker-server/raw/master/lib/schema/TokenFile.json",
3 | 	"myName": "Incorrect default token file",
4 | 	"why": "for unit test"
5 | }
6 | 


--------------------------------------------------------------------------------
/test/resources/token-files/default.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"$schema": "https://github.com/hangxingliu/vscode-coding-tracker-server/raw/master/lib/schema/TokenFile.json",
3 | 	"adminToken": [{
4 | 		"token": "default-token"
5 | 	}],
6 | 	"viewReportToken": "public"
7 | }
8 | 


--------------------------------------------------------------------------------
/frontend/src/sass/_dialog_24hs_from.scss:
--------------------------------------------------------------------------------
 1 | #_24hsFromDescription {
 2 | 	min-height: 2em;
 3 | 	padding-top: .5em;
 4 | }
 5 | #dlg24HsFrom {
 6 | 	// margin-top: 1rem;
 7 | 	.datepicker-inline {
 8 | 		width: auto;
 9 | 		.table-condensed {width: 100%}
10 | 	}
11 | }
12 | 
13 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/status.pug:
--------------------------------------------------------------------------------
 1 | #dlgStatus.modal.fade
 2 | 	.modal-dialog
 3 | 		.modal-content
 4 | 			.modal-header
 5 | 				h4.modal-title
 6 | 			.modal-body
 7 | 				.alert.alert-info Loading...
 8 | 				.alert.alert-danger
 9 | 					p: b Error:
10 | 					pre: code
11 | 			


--------------------------------------------------------------------------------
/lib/types/CachedDataFileReader.d.ts:
--------------------------------------------------------------------------------
1 | type CachedDataFileReader = {
2 | 	getDataFileDir: () => string;
3 | 	clearAllCache: () => void;
4 | 	clearCache: (fileName: string) => void;
5 | 	prepareFiles: (fileList: string[]) => Promise<number>;
6 | 	readFile: (fileName: string) => Promise<string>;
7 | };
8 | 


--------------------------------------------------------------------------------
/utilities/git-pre-commit-hook.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env bash
 2 | 
 3 | npm run test -s -- --reporter=list
 4 | CODE=$?
 5 | if [[ "$CODE" == "0" ]]; then
 6 | 	echo -e "\e[1;32m  npm test success! \e[0m"
 7 | else
 8 | 	echo -e "\e[1;31m  npm test failed with exit code: ${CODE} \e[0m"
 9 | fi
10 | exit $CODE
11 | 


--------------------------------------------------------------------------------
/test/src/UtilsSelfTest.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const ServerInstance = require('./utils/StartServerInstance');
 4 | 
 5 | describe('Test utils self test', () => {
 6 | 	it('# StartServerInstance.selfTest', function () {
 7 | 		this.slow(1000);
 8 | 		return ServerInstance.selfTest();
 9 | 	});
10 | });
11 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | [*]
 2 | charset = utf-8
 3 | end_of_line = lf
 4 | indent_size = 4
 5 | indent_style = tab
 6 | insert_final_newline = true
 7 | trim_trailing_whitespace = true
 8 | 
 9 | [*.{md,markdown}]
10 | trim_trailing_whitespace = false
11 | 
12 | [*.{yaml,yml}]
13 | indent_size = 2
14 | indent_style = space
15 | 


--------------------------------------------------------------------------------
/frontend/src/js/polyfill.js:
--------------------------------------------------------------------------------
 1 | // =================================
 2 | //   Polyfill for outdated browser
 3 | // =================================
 4 | 
 5 | // for endsWith, startsWith, trim ....
 6 | require('core-js/es6/string');
 7 | 
 8 | // for Object.assign, Object.keys ...
 9 | require('core-js/es6/object');
10 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | 
 3 | os:
 4 |   - linux
 5 |   - osx
 6 | 
 7 | node_js:
 8 |   - "6"
 9 |   - "8"
10 |   - "node" # latest stable Node.js release
11 | 
12 | before_script:
13 |   - npm install mocha eslint -g
14 | 
15 | notifications:
16 |   email:
17 |     on_success: never
18 |     on_failure: always
19 | 


--------------------------------------------------------------------------------
/.htmlhintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "tagname-lowercase": true,
 3 |     "attr-lowercase": true,
 4 |     "attr-value-double-quotes": true,
 5 |     "doctype-first": true,
 6 |     "tag-pair": true,
 7 |     "spec-char-escape": false,
 8 |     "id-unique": true,
 9 |     "src-not-empty": true,
10 |     "attr-no-duplication": true,
11 |     "title-require": true
12 | }
13 | 


--------------------------------------------------------------------------------
/lib/GenerateRandomToken.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const CHARS = "23456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghjkmnpqrstuvwxyz";
 4 | const CHARS_LENGTH = CHARS.length;
 5 | const TOKEN_LENGTH = 8;
 6 | 
 7 | function gen() {
 8 | 	let token = "";
 9 | 	let i = TOKEN_LENGTH;
10 | 	while (i--)
11 | 		token += CHARS[Math.floor(Math.random() * CHARS_LENGTH)];
12 | 	return token;
13 | }
14 | 
15 | module.exports = { gen, TOKEN_LENGTH };
16 | 


--------------------------------------------------------------------------------
/test/playground/read-version.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /**
 4 |  * Test about read version number from data file by stream
 5 |  */
 6 | 
 7 | let fs = require('fs');
 8 | let i = 0;
 9 | let stream = fs.createReadStream(__filename, { encoding: 'utf8', fd: null });
10 | stream.on('readable', () => {
11 | 	console.log(i++, stream.read(3));
12 | 	stream.destroy();
13 | });
14 | stream.on('error', (...p) => console.log('error:', ...p));
15 | 


--------------------------------------------------------------------------------
/test/src/index.d.ts:
--------------------------------------------------------------------------------
 1 | type ESLintResultItem = {
 2 | 	filePath: string;
 3 | 	messages: ESLintResultItemMessage[];
 4 | 	errorCount: number;
 5 | 	warningCount: number;
 6 | 	fixableErrorCount: number;
 7 | 	fixableWarningCount: number;
 8 | };
 9 | type ESLintResultItemMessage = {
10 | 	ruleId: string;
11 |     severity: number;
12 |     message: string;
13 |     line: number;
14 |     column: number;
15 |     nodeType: string;
16 | }
17 | 


--------------------------------------------------------------------------------
/utilities/debug-server-with-user-data.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env bash
 2 | 
 3 | PORT=8765
 4 | 
 5 | echo -e "[INFO] Start debug server using data in \"\$HOME/.coding-tracker\"";
 6 | echo -e "[INFO]     parameter \"open\" could open browser automatically"
 7 | 
 8 | if [[ "$*" == *open* ]]; then
 9 | 	xdg-open "http://localhost:${PORT}/report/";
10 | fi
11 | 
12 | npm start -s -- "--port=${PORT}" --public-report --output="$HOME/.coding-tracker" $*
13 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"compilerOptions": {
 3 | 		"outDir": "test/temp",
 4 | 
 5 | 		"module": "commonjs",
 6 | 		"target": "es2015",
 7 | 
 8 | 		"allowJs": true,
 9 | 		"checkJs": true,
10 | 
11 | 		"lib": [
12 | 			"es6",
13 | 			"dom"
14 | 		],
15 | 		"types": [
16 | 			"node",
17 | 			"bootstrap",
18 | 			"jquery",
19 | 			"mocha",
20 | 			"popper.js",
21 | 			"colors"
22 | 		]
23 | 	},
24 | 	"include": [
25 | 		"lib/**/*.js",
26 | 		"app.js"
27 | 	]
28 | }
29 | 


--------------------------------------------------------------------------------
/frontend/src/js/i18n/en.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	formatTime: (hours = 0, minutes = 0, seconds = 0) => {
 3 | 		let result = [];
 4 | 		if (hours > 0) result.push(hours == 1 ? '1h' : `${hours}hs`);
 5 | 		if (minutes > 0) result.push(minutes == 1 ? '1min' : `${minutes}mins`);
 6 | 		if (seconds > 0) result.push(seconds == 1 ? '1sec' : `${seconds}secs`);
 7 | 		if (result.length == 0)
 8 | 			return `0`;
 9 | 		return result.join(' ');
10 | 	},
11 | 	daysOfTheWeek: ['Sun.', 'Mon.', 'Tue.', 'Wed.', 'Thu.', 'Fri.', 'Sat.'],
12 | };
13 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | # ignore tgz tar
 2 | *.tgz
 3 | *.tar
 4 | 
 5 | # ignore utilities binary output files
 6 | utilities/*.out
 7 | 
 8 | # c++ clang:
 9 | .usages_clang
10 | 
11 | # ignore frontend source map files
12 | frontend/dist/**/*.map
13 | 
14 | test/temp
15 | test/resources/data-simple
16 | test/playground
17 | test/log
18 | 
19 | # ignore test tracking data files
20 | database
21 | 
22 | # ignore .vscode config
23 | .vscode
24 | 
25 | # ignore spelling check config
26 | cSpell.json
27 | 
28 | # ignore log file included npm log
29 | *.log
30 | 


--------------------------------------------------------------------------------
/frontend/src/modules/bottom_info_links.pug:
--------------------------------------------------------------------------------
 1 | mixin link(to, i18n)
 2 | 	p: a(href=to target="_blank" data-i18n=i18n)
 3 | 		block
 4 | +link("https://github.com/hangxingliu/vscode-coding-tracker-server",
 5 | 	"link_github_repo_server")
 6 | 	| Github Repository (Server)
 7 | +link("https://github.com/hangxingliu/vscode-coding-tracker",
 8 | 	"link_github_repo_extension")
 9 | 	| Github Repository (VSCode Extension)
10 | +link("https://marketplace.visualstudio.com/items?itemName=hangxingliu.vscode-coding-tracker",
11 | 	"link_vscode_marketplace")
12 | 	| VSCode Marketplace


--------------------------------------------------------------------------------
/frontend/src/modules/page/vcs.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id)
 2 | 	div(data-chart=id style="height: 250px")
 3 | 
 4 | //====mixin==========
 5 | //===========HTML====
 6 | 
 7 | div.page-vcs(style="display: none")
 8 | 	.row
 9 | 		.col-12
10 | 			.card.my-2
11 | 				.card-body
12 | 					.head.d-flex.justify-content-between
13 | 						h4.card-title(data-i18n="title_vcs") Version Control System
14 | 						a#btnExportGit.text-accent-color.link-share(href="javascript:;")
15 | 							span Export CSV
16 | 							span.ion-archive.ml-2
17 | 					.card-text
18 | 						+chartBlock("vcs")
19 | 


--------------------------------------------------------------------------------
/test/resources/token-files/test1-for-team.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"$schema": "../../../lib/schema/TokenFile.json",
 3 | 	"adminToken": [{
 4 | 		"remark": "leader",
 5 | 		"token": "leader-token"
 6 | 	}],
 7 | 	"viewReportToken": [{
 8 | 		"token": "view-report-token"
 9 | 	}],
10 | 	"uploadToken": [{
11 | 		"remark": "Mike",
12 | 		"token": "mike-token",
13 | 		"computerId": ["Mike's Desktop", "Mike's Laptop"]
14 | 	}, {
15 | 		"remark": "Nick",
16 | 		"token": "nick-token",
17 | 		"computerId": "Nick's PC"
18 | 	}, {
19 | 		"remark": "Ghost",
20 | 		"token": "ghost-token"
21 | 	}]
22 | }
23 | 


--------------------------------------------------------------------------------
/lib/Welcome.js:
--------------------------------------------------------------------------------
 1 | 
 2 | "use strict";
 3 | var version = require('./Version');
 4 | 
 5 | module.exports = function(Program) {
 6 |     return function (req, res, next) {
 7 |         return req.path == '/' ? res.json({
 8 |             welcome: 'Visual Studio Code Coding Tracker Server',
 9 |             serverVersion: version.server,
10 |             storageVersion: version.storage,
11 |             uploadVersion: version.upload,
12 |             maxUploadVersionSupport: version.uploadSupport.join(';'),
13 |             localServerMode: !!Program.local
14 |         }).end() : next();
15 |     };
16 | };


--------------------------------------------------------------------------------
/test/playground/index.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /**
 4 |  * Test script for analyzer V1
 5 |  */
 6 | 
 7 | let AnalyzeCore = require('../../lib/analyze/AnalyzeCore'),
 8 | 	{ GroupBy } = AnalyzeCore;
 9 | 
10 | let today = new Date(),
11 | 	startDate = new Date(today),
12 | 	days = 7;
13 | startDate.setDate(startDate.getDate() - days + 1);
14 | 
15 | let analyze = new AnalyzeCore(`${process.env.HOME}/.coding-tracker`);
16 | analyze.setGroupBy(GroupBy.PROJECT)
17 | if (analyze.analyze(startDate, today)) {
18 | 	console.log(analyze.getResult());
19 | } else {
20 | 	console.error(analyze.getError());
21 | }
22 | 


--------------------------------------------------------------------------------
/frontend/src/modules/_report_range_dropdown_menu.pug:
--------------------------------------------------------------------------------
 1 | mixin range(range, text)
 2 | 	a.dropdown-item(href="javascript:;" data-range=range)= text
 3 | 
 4 | mixin reportRangeDropdownMenu
 5 | 	.dropdown-menu
 6 | 		h6.dropdown-header Report Date Range
 7 | 		+range("1", "Recent 7 Days")
 8 | 		+range("2", "Recent 14 Days")
 9 | 		+range("3", "Recent 30 Days")
10 | 		+range("4", "Recent 365 Days")
11 | 		.dropdown-divider
12 | 		+range("11", "This Week")
13 | 		+range("12", "Last Week")
14 | 		+range("13", "This Month")
15 | 		+range("14", "Last Month")
16 | 		.dropdown-divider
17 | 		+range("20", "Custom Date Range")
18 | 


--------------------------------------------------------------------------------
/lib/Version.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | "use strict";
 4 | const PACKAGE_JSON = require('path').join(__dirname, '..', 'package.json');
 5 | const SUPPORT_UPLOAD = ["3.0", "4.0"];
 6 | 
 7 | var versionMap = {
 8 | 	upload: '4.0',
 9 | 	storage: '4.0',
10 | 	uploadSupport: SUPPORT_UPLOAD,
11 | 	server: JSON.parse(require('fs').readFileSync(PACKAGE_JSON, 'utf8')).version,
12 | 
13 | 	check: function (v) {
14 | 		if (!v)
15 | 			return "empty upload version";
16 | 		if (SUPPORT_UPLOAD.indexOf(v) < 0)
17 | 			return `unsupported upload version ${v}`;	
18 | 		return true;
19 | 	}
20 | }
21 | 
22 | module.exports = versionMap;


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"codingTracker.serverURL": "http://localhost:10345/",
 3 | 	"codingTracker.uploadToken": "123456",
 4 | 	"codingTracker.computerId": "ubuntuLaptop",
 5 | 
 6 | 	"files.exclude": {
 7 | 		"**/.git": true,
 8 | 		"**/.svn": true,
 9 | 		"**/.hg": true,
10 | 		"**/.DS_Store": true
11 | 	},
12 | 	"search.exclude": {
13 | 		"**/node_modules": true,
14 | 		"**/bower_components": true,
15 | 		"frontend/dist/**": true
16 | 	},
17 | 	"files.watcherExclude": {
18 | 		"**/.git/objects/**": true,
19 | 		"**/node_modules/**": true
20 | 	},
21 | 	"cSpell.words": [
22 | 		"MMDD",
23 | 		"Rect",
24 | 		"datepicker"
25 | 	]
26 | }


--------------------------------------------------------------------------------
/frontend/src/sass/_size.scss:
--------------------------------------------------------------------------------
 1 | $extraSmallScreen: 'only screen and (max-width: 575px)';
 2 | $smallScreen: 'only screen and (max-width: 767px)';
 3 | $mediumScreen: 'only screen and (max-width: 991px)';
 4 | $largeScreen: 'only screen and (max-width: 1199px)';
 5 | $xLargeScreen: 'only screen and (min-width: 1200px)';
 6 | 
 7 | @mixin lessThanExtraSmall{ @media #{$extraSmallScreen} { @content; } }
 8 | @mixin lessThanSmall{ @media #{$smallScreen} { @content; } }
 9 | @mixin lessThanMedium{ @media #{$mediumScreen} { @content; } }
10 | @mixin lessThanLarge{ @media #{$largeScreen} { @content; } }
11 | @mixin greaterThanLarge { @media #{$xLargeScreen} { @content; } }
12 | 


--------------------------------------------------------------------------------
/frontend/src/js/index.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="./index.d.ts" />
 3 | 
 4 | function App() {
 5 | 	require('./ui/versionAndWelcome');
 6 | 	require('./api').init();
 7 | 	require('./i18n/index');
 8 | 	require('./reportFilter');
 9 | 
10 | 	// binding router for each sub-page
11 | 	require('./router').init([
12 | 		require('./routes/overview'),
13 | 		require('./routes/24hours'),
14 | 		require('./routes/projects'),
15 | 		require('./routes/languages'),
16 | 		require('./routes/vcs'),
17 | 
18 | 		// open special sub-page following hash(#xxx) in URL, and "overview" sub-page by default
19 | 	]).followRouterInURL('overview');
20 | 
21 | }
22 | //@ts-ignore
23 | global.app = new App();
24 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/custom_date_range.pug:
--------------------------------------------------------------------------------
 1 | #dlgCustomDateRange.modal.fade
 2 | 	.modal-dialog.modal-sm
 3 | 		.modal-content
 4 | 			.modal-header
 5 | 				h4.modal-title
 6 | 					i.ion-calendar.mr-2
 7 | 					span Custom range
 8 | 			.modal-body
 9 | 				.input-group
10 | 					input#rangeStart.form-control(type='text', value='--')
11 | 					.input-group-prepend
12 | 						span.input-group-text.border-left-0 to
13 | 					input#rangeEnd.form-control(type='text', value='--')
14 | 				#rangeDescription.text-right
15 | 				#rangeCalendar
16 | 			.modal-footer
17 | 				button.btn.btn-secondary(type="button" data-dismiss="modal") Cancel
18 | 				button#rangeConfirm.btn.btn-success(type="button") OK
19 | 


--------------------------------------------------------------------------------
/lib/Log.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | "use strict";
 4 | function log(t) { console.log(timePrefix(), t); }
 5 | log.success = t => console.log(timePrefix(), String(t).green);
 6 | log.warn = t =>  console.warn(timePrefix(), String(t).yellow);
 7 | log.error = t =>  console.error(timePrefix(), String(t).red);
 8 | log.info = t =>  console.log(timePrefix(), String(t).blue);
 9 | log.obj = obj => console.log(timePrefix(), 'Object info: '.blue, obj);
10 | 
11 | function timePrefix() { 
12 | 	let date = new Date();
13 | 	return `${to2(date.getHours())}:${to2(date.getMinutes())}:${to2(date.getSeconds())}`;
14 | }
15 | function to2(num) { return num < 10 ? `0${num}` : String(num); }
16 | 
17 | module.exports = log;
18 | 


--------------------------------------------------------------------------------
/frontend/src/js/utils/csv.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /// "Comma-Separated Values" Exporter
 4 | 
 5 | module.exports = { csvFromArray };
 6 | 
 7 | /**
 8 |  * @param {string[]} header
 9 |  * @param {any[][]} array
10 |  * @param {string} [delimiter]
11 |  */
12 | function csvFromArray(header, array, delimiter = ',') {
13 | 	let csv = header.map(encodeString).join(delimiter) + '\n';
14 | 	if(array.length > 0)
15 | 		csv += array.map(row => row.map(encodeString).join(delimiter)).join('\n') + '\n';
16 | 	return csv;
17 | }
18 | 
19 | /**
20 |  * @param {string} str
21 |  */
22 | function encodeString(str) {
23 | 	if (str.match(/["\n\t]/))
24 | 		return '"' + str.replace(/"/g, '""') + '"';
25 | 	return str;
26 | }
27 | 


--------------------------------------------------------------------------------
/frontend/src/sass/_dialog_custom_range.scss:
--------------------------------------------------------------------------------
 1 | #rangeDescription {
 2 | 	min-height: 2em;
 3 | 	padding-top: .5em;
 4 | }
 5 | #rangeCalendar {
 6 | 	// margin-top: 1rem;
 7 | 	.datepicker-inline {
 8 | 		width: auto;
 9 | 		.table-condensed {width: 100%}
10 | 	}
11 | 
12 | 	td.selected {
13 | 		color: lighten($secondary-text-color, 20%);
14 | 		background-color: lighten($accent-color, 45%);
15 | 		border-radius: 0; 
16 | 	}
17 | 	td.active {
18 | 		$radius: 4px;
19 | 
20 | 		background-color: $accent-color;
21 | 		border-radius: 0;
22 | 		&.start {border-top-left-radius: $radius; border-bottom-left-radius: $radius;}
23 | 		&.end {border-top-right-radius: $radius; border-bottom-right-radius: $radius;}
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/_base.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | /**
 5 |  * @param {(charts: EChartsInstance) => any} [afterInit=null] 
 6 |  * @returns  
 7 |  */
 8 | function createBaseChartClass(afterInit = null) {
 9 | 	/**
10 | 	 * @type {EChartsInstance}
11 | 	 */
12 | 	let charts = null;
13 | 	/**
14 | 	 * @type {HTMLElement}
15 | 	 */
16 | 	let domCache = null;
17 | 
18 | 	function init(dom) {
19 | 		domCache = dom;
20 | 		if (charts && !charts.isDisposed()) {
21 | 			charts.dispose();
22 | 			charts = null;
23 | 		}
24 | 		charts = echarts.init(dom);
25 | 		afterInit && afterInit(charts);
26 | 		return charts;
27 | 	}
28 | 
29 | 	return { init, getCharts: () => charts, getDOM: () => domCache };
30 | }	
31 | 
32 | module.exports = { createBaseChartClass };


--------------------------------------------------------------------------------
/test/src/GenerateRandomToken.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const { Assert } = require('@hangxingliu/assert');
 4 | const GenerateRandomToken = require('../../lib/GenerateRandomToken');
 5 | 
 6 | describe('Generate random token', () => {
 7 | 	it(`# random token should be length equals ${GenerateRandomToken.TOKEN_LENGTH}`, () => {
 8 | 		for (let i = 0; i < 100; i++)
 9 | 			Assert(GenerateRandomToken.gen()).isString().length(GenerateRandomToken.TOKEN_LENGTH);
10 | 	});
11 | 	it(`# random token could not contains blurry characters (0Oo1il)`, () => {
12 | 		for (let i = 0; i < 100; i++) {
13 | 			const token = GenerateRandomToken.gen();
14 | 			if (token.match(/[0Oo1il]/))
15 | 				throw new Error(`"${token}" is invalid! (it contains blurry characters (0Oo1il))`);
16 | 		}
17 | 	});
18 | 
19 | });
20 | 


--------------------------------------------------------------------------------
/frontend/src/sass/_top_navbar.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | #toggleSidebarNav {
 3 | 	color: $primary-color-text;
 4 | 	font-size: 1.5rem;
 5 | 	cursor: pointer;
 6 | }
 7 | 
 8 | .layout-navbar {
 9 | 	position: -webkit-sticky;
10 |     position: sticky;
11 |     top: 0;
12 | 	z-index: 1071;
13 | 	min-height: 3rem;
14 | 	
15 | 	@media (max-width: 767px) {
16 | 		padding: .5rem 0 0 0;
17 | 	}
18 | 
19 | 	.navbar-nav-scroll {
20 | 		width: auto;
21 | 		
22 | 		@media (max-width: 767px) {
23 | 			background-color: $primary-color;
24 | 
25 | 			padding: .5rem 1rem;
26 | 			width: 100%;
27 | 			margin-top: .25rem;
28 | 			// will hiden drop down
29 | 			// overflow: hidden;
30 | 			font-size: .875rem;
31 | 		}
32 | 	}
33 | 
34 | 	.dropdown-item.active {
35 | 		background-color: $primary-color !important;
36 | 		color: $primary-color-text !important;
37 | 	}
38 | }


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "commonjs": true,
 5 |         "es6": true,
 6 |         "node": true,
 7 |         "mocha": true,
 8 |         "jquery": true
 9 |     },
10 |     "globals": {
11 |         "echarts": true
12 |     },
13 |     "parser": "babel-eslint",
14 |     "parserOptions": {
15 |         "ecmaFeatures": {
16 |             "jsx": true
17 |         },
18 |         "sourceType": "module"
19 |     },
20 |     "extends": "eslint:recommended",
21 |     "rules": {
22 |         "no-console": "off",
23 |         "no-const-assign": "warn",
24 |         "no-this-before-super": "warn",
25 |         "no-undef": "error",
26 |         "no-unreachable": "warn",
27 |         "no-unused-vars": "warn",
28 |         "constructor-super": "warn",
29 |         "valid-typeof": "warn"
30 |     }
31 | }


--------------------------------------------------------------------------------
/frontend/src/js/ui/versionAndWelcome.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const VERSION_KEY = 'coding-tracker-version';
 4 | 
 5 | let $welcomeInfo = $('#welcomeInfo'),
 6 | 	currentServerVersion = '';
 7 | 
 8 | $welcomeInfo.find('.btn-hide-welcome').on('click', hideWelcome);
 9 | $('.btn-show-welcome').on('click', showWelcome);
10 | 
11 | init();
12 | 
13 | module.exports = { show: showWelcome };
14 | 
15 | function hideWelcome() { $welcomeInfo.slideUp(); localStorage.setItem(VERSION_KEY, currentServerVersion); }
16 | function showWelcome() { $welcomeInfo.slideDown(); }
17 | function init() {
18 | 	$.get('/', info => {
19 | 		currentServerVersion = info.serverVersion;
20 | 		$('#version [name]').each((i, e) => { $(e).text(info[$(e).attr('name')]); })
21 | 		localStorage.getItem(VERSION_KEY) != currentServerVersion && showWelcome();
22 | 	});
23 | }
24 | 


--------------------------------------------------------------------------------
/frontend/src/js/utils/resizer.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | /*
 5 | 	This is a module for resize charts if size of window is changed.
 6 | */
 7 | 
 8 | 
 9 | /** @type {EChartsObject[]} */
10 | let echartInstances = [];
11 | /** @type {NodeJS.Timer} */
12 | let delay = null;
13 | 
14 | $(window).on('resize', () => {
15 | 	if (!echartInstances.length) return;
16 | 	if (delay)
17 | 		clearTimeout(delay);
18 | 	delay = setTimeout(notify, 100);
19 | });
20 | 
21 | function notify() {
22 | 	delay = null;
23 | 	echartInstances.forEach(e => e.resize());
24 | }
25 | 
26 | /**
27 |  * @param {EChartsObject[]} _echartInstances
28 |  */
29 | function subscribe(_echartInstances) {
30 | 	echartInstances = echartInstances.concat(_echartInstances);
31 | }
32 | 
33 | module.exports = {
34 | 	subscribe,
35 | 	removeSubscriber: () => echartInstances = []
36 | };
37 | 


--------------------------------------------------------------------------------
/test/playground/lock-test.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /**
 4 |  * Test about lockfile
 5 |  */
 6 | 
 7 | let lockFile = require('lockfile');
 8 | 
 9 | const FILE = `${__dirname}/test.lock`;
10 | 
11 | let c = 0;
12 | let id = process.argv[2] || "0";
13 | test();
14 | 
15 | function test() {
16 | 	// console.log('locking file ...');
17 | 	lockFile.lock(FILE, (err) => {
18 | 		if (err)
19 | 			return console.error(`file lock failed!(id: ${id};count: ${c++})`), setTimeout(test, 1000);
20 | 		console.log(`file locked! id: ${id}`);
21 | 		setTimeout(() => {
22 | 			lockFile.unlock(FILE, (err) => {
23 | 				if (err)
24 | 					return console.error(`file unlock failed!(id: ${id};count: ${c++})`), setTimeout(test, 1000);
25 | 				console.log(`file unlocked! id: ${id} count: ${c++}`);
26 | 				return setTimeout(test, 1000);
27 | 				// console.log('file unlocked!');
28 | 			});
29 | 		}, 1000);
30 | 	});
31 | }
32 | 


--------------------------------------------------------------------------------
/frontend/src/modules/page/projects_index.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id)
 2 | 	div(data-chart=id style="height: 250px")
 3 | 
 4 | //====mixin==========
 5 | //===========HTML====
 6 | 
 7 | div.page-projects-index(style="display: none")
 8 | 	.row
 9 | 		.col-12
10 | 			.card.my-2
11 | 				.card-body
12 | 					.head.d-flex.justify-content-between
13 | 						h4.card-title
14 | 							span(data-i18n="title_projects") Projects
15 | 						.d-flex.flex-column.align-items-end
16 | 							a#btnExportProjects.link-share(href="javascript:;")
17 | 								span Export CSV
18 | 								span.ion-archive.ml-2
19 | 							a#btnSetAssociated.text-success.link-share(href="javascript:;")
20 | 								span Associate Projects
21 | 								span.ion-link.ml-2.d-none.d-sm-inline
22 | 					h6.card-subtitle.text-muted.mt-2(data-i18n="title_projects_tip")
23 | 						| (click item in chart for details)
24 | 					.card-text
25 | 						+chartBlock("projects")
26 | 


--------------------------------------------------------------------------------
/lib/analyze/ExceptionCollection.js:
--------------------------------------------------------------------------------
 1 | function create() { 
 2 | 	let error = [], warning = [];
 3 | 	return { addError, addWarning, getError, getWarning };
 4 | 	
 5 | 	/**
 6 | 	 * @param {string} reason 
 7 | 	 * @param {string} file 
 8 | 	 * @param {number} [line] 
 9 | 	 */
10 | 	function addError(reason, file, line) { add(error, reason, file, line); }
11 | 	/**
12 | 	 * @param {string} reason 
13 | 	 * @param {string} file 
14 | 	 * @param {number} [line] 
15 | 	 */
16 | 	function addWarning(reason, file, line) { add(warning, reason, file, line); }
17 | 
18 | 	function getError() { return error; }
19 | 	function getWarning() { return warning; }
20 | 
21 | 	/**
22 | 	 * @param {string[]} to 
23 | 	 * @param {string} reason 
24 | 	 * @param {string} file 
25 | 	 * @param {number} [line] 
26 | 	 */
27 | 	function add(to, reason, file, line) { 
28 | 		let prefix = file + (line ? `:${line} ` : ' ');
29 | 		to.push(prefix + reason);
30 | 	}
31 | }
32 | 
33 | module.exports = {
34 | 	create
35 | };


--------------------------------------------------------------------------------
/test/src/utils/SimulateExpressReqRes.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | module.exports = {
 4 | 	simulatePostRequest,
 5 | 	simulateGetRequest,
 6 | 	simulateResponse,
 7 | };
 8 | 
 9 | /**
10 |  * @param {string} uri
11 |  * @param {any} [body]
12 |  */
13 | function simulatePostRequest(uri, body) {
14 | 	return {
15 | 		originalUrl: uri,
16 | 		method: 'POST',
17 | 		body: body || {},
18 | 		query: {},
19 | 	};
20 | }
21 | 
22 | /**
23 |  * @param {string} uri
24 |  * @param {any} [query]
25 |  */
26 | function simulateGetRequest(uri, query) {
27 | 	return {
28 | 		originalUrl: uri,
29 | 		method: 'GET',
30 | 		body: {},
31 | 		query: query || {},
32 | 	};
33 | }
34 | 
35 | /**
36 |  *
37 |  * @param {(name: string, parameters: any[]) => any} on
38 |  */
39 | function simulateResponse(on) {
40 | 	on = on || ((...p) => void p);
41 | 	const methods = ['writeHead', 'write', 'end', 'json'];
42 | 	const response = {};
43 | 	methods.forEach(m => response[m] = on.bind(this, m));
44 | 	return response;
45 | }
46 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/associate_projects.pug:
--------------------------------------------------------------------------------
 1 | #dlgAssociate.modal.fade
 2 | 	.modal-dialog.modal-lg
 3 | 		.modal-content
 4 | 			.modal-header
 5 | 				h4.modal-title(data-i18n="title_associate_projects") Associate Projects
 6 | 				button.close(type="button" data-dismiss="modal" aria-label="Close")
 7 | 					span(aria-hidden="true") &times;
 8 | 			.modal-body(style="max-height: 48vh; overflow-y: auto;")
 9 | 				#containerAssociation.container-fluid.mx-0.px-0
10 | 				.container-fluid.mx-0.px-0
11 | 					.row.mt-1: .col-12
12 | 						a#btnNewAssociation.card.text-center(style="cursor: pointer")
13 | 							.card-body
14 | 								h3.card-title.ion-plus-round.text-primary
15 | 								h5.card-subtitle.text-info New Association
16 | 			.modal-footer.flex-wrap
17 | 				#msgAssociationErr.alert.alert-danger.mb-2.mb-sm-0.mx-0(style="display: none")
18 | 				button.btn.btn-secondary(type="button" data-dismiss="modal") Cancel
19 | 				button#btnApplyAssociation.btn.btn-success(type="button") Apply
20 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	// Use IntelliSense to learn about possible Node.js debug attributes.
 3 | 	// Hover to view descriptions of existing attributes.
 4 | 	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
 5 | 	"version": "0.2.0",
 6 | 	"configurations": [
 7 | 		{
 8 | 			"type": "node",
 9 | 			"request": "launch",
10 | 			"name": "Launch public",
11 | 			"program": "${workspaceRoot}/app.js",
12 | 			"args": [
13 | 				"--public-report"
14 | 			]
15 | 		},
16 | 		{
17 | 			"type": "node",
18 | 			"request": "launch",
19 | 			"name": "Test Analyzer V2",
20 | 			"program": "${workspaceRoot}/test/playground/test-analyzer-v2.js",
21 | 			"args": []
22 | 		},
23 | 		{
24 | 			"name": "Run Tests",
25 | 			"type": "node",
26 | 			"request": "launch",
27 | 			"cwd": "${workspaceRoot}",
28 | 			"program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",
29 | 			"args": [
30 | 				"test/src/*.js"
31 | 			],
32 | 			"runtimeArgs": [
33 | 				"--nolazy"
34 | 			]
35 | 		}
36 | 	]
37 | }
38 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/24_hours_from.pug:
--------------------------------------------------------------------------------
 1 | -
 2 | 	var times = [
 3 | 		"00:00", "01:00", "02:00", "03:00", "04:00", "05:00",
 4 | 		"06:00", "07:00", "08:00", "09:00", "10:00", "11:00",
 5 | 		"12:00", "13:00", "14:00", "15:00", "16:00", "17:00",
 6 | 		"18:00", "19:00", "20:00", "21:00", "22:00", "23:00",
 7 | 	];
 8 | 
 9 | #dlg24HsFrom.modal.fade
10 | 	.modal-dialog.modal-sm
11 | 		.modal-content
12 | 			.modal-header
13 | 				h4.modal-title
14 | 					i.ion-calendar.mr-2
15 | 					span 24 Hours From:
16 | 			.modal-body
17 | 				.input-group
18 | 					.input-group-prepend
19 | 						span.input-group-text: i.ion-calendar
20 | 					input.from-date.form-control(type='text', value='--')
21 | 					select.from-time.form-control
22 | 						each time in times
23 | 							option(value=time)= time
24 | 				#_24hsFromDescription.text-right
25 | 				#_24hsFromCalendar
26 | 			.modal-footer
27 | 				button.btn.btn-secondary(type="button" data-dismiss="modal") Cancel
28 | 				button#_24hsFromConfirm.btn.btn-success(type="button") OK
29 | 


--------------------------------------------------------------------------------
/.vscode/cSpell.json:
--------------------------------------------------------------------------------
 1 | // cSpell Settings
 2 | {
 3 |     // Version of the setting file.  Always 0.1
 4 |     "version": "0.1",
 5 |     // language - current active spelling language
 6 |     "language": "en",
 7 |     // words - list of words to be always considered correct
 8 |     "words": [
 9 |         "btns",
10 |         "CHANGELOG",
11 |         "coord",
12 |         "datepicker",
13 |         "Dropdown",
14 |         "echart",
15 |         "echarts",
16 |         "fname",
17 |         "hangxingliu",
18 |         "HHMM",
19 |         "intelli",
20 |         "markline",
21 |         "mkdirs",
22 |         "MMDD",
23 |         "pcid",
24 |         "Rect",
25 |         "repo",
26 |         "resizer",
27 |         "YYMDD",
28 |         "YYYYMMDD",
29 |         "YYYYMMDDHH"
30 |     ],
31 |     // flagWords - list of words to be always considered incorrect
32 |     // This is useful for offensive words and common spelling errors.
33 |     // For example "hte" should be "the"
34 |     "flagWords": [
35 |         "hte"
36 |     ]
37 | }


--------------------------------------------------------------------------------
/test/resources/data-simulate-one-day/18309.db:
--------------------------------------------------------------------------------
 1 | 4.0
 2 | 
 3 | #
 4 | # This test database be related to unit test "analyze/AnalyzeExpandToWholeDay.js"
 5 | #
 6 | # One day in 2018-03-09 (9th March 2018) (GMT+0800, CST)
 7 | #
 8 | # This day begins at 1520524800000 ends at (1520611200000 - 1)
 9 | # 12:00 is 1520568000000
10 | #
11 | 
12 | # one day start 09:00 GMT+0800 (CST)
13 | 0 1520557200000 31990 markdown TODO.md %2Fprojects%2Ftest pc1 git::master 10 0 0 0
14 | 2 1520557202000 20000 markdown TODO.md %2Fprojects%2Ftest pc1 git::master 10 0 0 0
15 | 
16 | # afternoon coding 14:30 GMT+0800 (CST)
17 | 0 1520577000000 41990 javascript index.js %2Fprojects%2Ftest pc1 git::master 80 0 0 0
18 | 2 1520577002500 25000 javascript index.js %2Fprojects%2Ftest pc1 git::master 80 0 0 0
19 | 
20 | # commit at night 21:00 GMT+0800 (CST)
21 | 0 1520600400000 20500 markdown README.md %2Fprojects%2Ftest pc1 git::master 80 0 0 0
22 | 2 1520600405000 10000 markdown README.md %2Fprojects%2Ftest pc1 git::master 80 0 0 0
23 | 
24 | # test expandToWholeDay
25 | 


--------------------------------------------------------------------------------
/lib/ParamsChecker.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | "use strict";
 4 | const REQUIRED_V3 = [
 5 | 	'version',
 6 | 	'token',
 7 | 	'type',
 8 | 	'time',
 9 | 	'long',
10 | 	'lang',
11 | 	'file',
12 | 	'proj',
13 | 	'pcid'
14 | ];
15 | const REQUIRED_V4 = [
16 | 	'vcs_type',
17 | 	'vcs_repo',
18 | 	'vcs_branch',
19 | 	'line',
20 | 	'char'
21 | ];
22 | const NUMBER = [
23 | 	'time',
24 | 	'long',
25 | 	'line',
26 | 	'char'
27 | ];
28 | 
29 | module.exports = function (params) {
30 | 	for(let req of REQUIRED_V3)
31 | 		if (typeof params[req] == 'undefined')
32 | 			return { error: `missing param "${req}"!` };
33 | 
34 | 	if (params.version == '4.0')
35 | 		for(let req of REQUIRED_V4)
36 | 			if (typeof params[req] == 'undefined')
37 | 				return { error: `missing param "${req}" (upload version 4.0)!` };
38 | 	
39 | 	for (let num of NUMBER)
40 | 		if (typeof params[num] != 'undefined' &&
41 | 			isNaN(parseInt(params[num])))
42 | 			return { error: `param "${num}" is not an integer` };
43 | 	
44 | 	// TODO : It is could also verify params length and type 
45 | 	
46 | 	return params;
47 | }


--------------------------------------------------------------------------------
/lib/schema/TokenFile.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"title": "JSON schema for VSCode coding tracker token file",
 3 | 	"$schema": "http://json-schema.org/draft-04/schema#",
 4 | 	"definitions": {
 5 | 		"SimpleToken": {
 6 | 			"type": "object",
 7 | 			"required": ["token"],
 8 | 			"properties": {
 9 | 				"remark": { "type": "string" },
10 | 				"token": { "type": "string" }
11 | 			}
12 | 		}
13 | 	},
14 | 	"type": "object",
15 | 	"required": ["adminToken"],
16 | 	"properties": {
17 | 		"adminToken": {
18 | 			"type": ["array"],
19 | 			"minItems": 1,
20 | 			"items": { "$ref": "#/definitions/SimpleToken" }
21 | 		},
22 | 		"viewReportToken": {
23 | 			"type": ["array", "string"],
24 | 			"items": { "$ref": "#/definitions/SimpleToken" }
25 | 		},
26 | 		"uploadToken": {
27 | 			"type": ["array"],
28 | 			"items": {
29 | 				"type": "object",
30 | 				"required": ["token"],
31 | 				"properties": {
32 | 					"remark": { "type": "string" },
33 | 					"token": { "type": "string" },
34 | 					"computerId": { "type": ["string", "array"], "items": { "type": "string"} }
35 | 				}
36 | 			}
37 | 		}
38 | 	}
39 | }
40 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/export_csv.pug:
--------------------------------------------------------------------------------
 1 | #dlgExportCSV.modal.fade
 2 | 	.modal-dialog.modal-lg
 3 | 		.modal-content
 4 | 			.modal-header
 5 | 				h4.modal-title(data-i18n="title_export_csv") Export CSV
 6 | 				button.close(type="button" data-dismiss="modal" aria-label="Close")
 7 | 					span(aria-hidden="true") &times;
 8 | 			.modal-body
 9 | 				.container-fluid
10 | 					.row.mb-4: .col-12
11 | 						label.d-block.d-sm-none(for="txtExportCSVName") Filename:
12 | 						.input-group
13 | 							.d-none.d-sm-block.input-group-prepend
14 | 								span.input-group-text Filename:
15 | 							input.form-control(type="text" id="txtExportCSVName")
16 | 							.input-group-append
17 | 								span.input-group-text .csv
18 | 					.row.mb-4: .col-12
19 | 						.text-muted.mb-2
20 | 							b Preview:
21 | 							span.ml-2(id="txtExportRowNum")
22 | 							span.ml-1 columns in total
23 | 						.table-responsive
24 | 							table.table(id="tableExportPreview" style="white-space: nowrap")
25 | 					.row: .col-xs-12
26 | 						button.btn-download.btn.btn-success.pull-right(id="btnExportDownload") Download CSV file
27 | 


--------------------------------------------------------------------------------
/frontend/src/modules/page/languages.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id, height)
 2 | 	div(data-chart=id style="height: "+height)
 3 | 
 4 | mixin btn(_type, range)
 5 | 	button(type="button" data-range=range
 6 | 		class=_type style="margin: 0 2px;").btn.btn-sm: block
 7 | 
 8 | mixin range()
 9 | 	.pull-right.range-block
10 | 		+btn("btn-success", 0): span(data-i18n="word_all") All
11 | 		+btn("btn-default", 5)
12 | 			span(data-i18n="word_top") Top
13 | 			| &nbsp;5
14 | 		+btn("btn-default", 10)
15 | 			span(data-i18n="word_top") Top
16 | 			| &nbsp;10
17 | 		+btn("btn-default", 20)
18 | 			span(data-i18n="word_top") Top
19 | 			| &nbsp;20
20 | 
21 | div.page-languages(style="display: none")
22 | 	.row
23 | 		.col-12
24 | 			.card.my-2
25 | 				.card-body
26 | 					.head.d-flex.justify-content-between
27 | 						h4.card-title(data-i18n="title_languages") Group by languages
28 | 						a#btnExportLangauges.text-accent-color.link-share(href="javascript:;")
29 | 							span Export CSV
30 | 							span.ion-archive.ml-2
31 | 					.card-text
32 | 						+range()
33 | 					.card-text
34 | 						+chartBlock('languages', '600px')
35 | 


--------------------------------------------------------------------------------
/lib/analyze/DefinedString.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | let { SPLIT_COLUMN } = require('./Constant');
 3 | 
 4 | function create() {
 5 | 	let map = {};
 6 | 	return { add, addDefiningLine, replace, getInnerMap: () => map };
 7 | 	/**
 8 | 	 * @param {number} id
 9 | 	 * @param {string} string
10 | 	 * @returns {boolean}
11 | 	 */
12 | 	function add(id, string) {
13 | 		map[id] = string;
14 | 		return true;
15 | 	}
16 | 
17 | 	/**
18 | 	 * @param {string} line
19 | 	 * @returns {boolean}
20 | 	 */
21 | 	function addDefiningLine(line) {
22 | 		let part = line.split(SPLIT_COLUMN);
23 | 		if (part.length != 3 || part[0] != 'd')
24 | 			return false;
25 | 		let id = parseInt(part[1]);
26 | 		if (isNaN(id))
27 | 			return false;
28 | 		let content = part[2];
29 | 		if (!content)
30 | 			return false;
31 | 		return add(id, content);
32 | 	}
33 | 
34 | 	/**
35 | 	 * @param {string} line
36 | 	 * @returns {string}
37 | 	 */
38 | 	function replace(line) {
39 | 		return line.replace(/\$(\d+)/g, _replaceFunc);
40 | 	}
41 | 
42 | 	function _replaceFunc(_, id) { return id in map ? map[id] : _ ; }
43 | }
44 | 
45 | module.exports = { create };
46 | 


--------------------------------------------------------------------------------
/lib/utils/cleanDatabaseFiles:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | "use strict";
 4 | var fs = require('fs-extra'),
 5 | 	path = require('path');
 6 | var output = msg => console.log(msg);
 7 | var folderPath = process.argv[2];
 8 | 
 9 | output('  A tool to clean all databases files under special folder');
10 | (folderPath && fs.existsSync(folderPath) && fs.statSync(folderPath).isDirectory()) ||
11 | 	output('\n  error: please launch this tool by using a param `databaseFolder`(This folder must be exists!)\n' +
12 | 		'    such as: `./utils/cleanDatabaseFiles ./database`\n') + process.exit(1);
13 | 	
14 | var files = fs.readdirSync(folderPath);
15 | output(`\n  Are you sure to clean all database files under '${folderPath}' ?\n` +
16 | 	`  There are ${files.length} files under this folder`);
17 | process.stdout.write('(y/N) > ');
18 | process.stdin.setEncoding('utf8');
19 | process.stdin.on('data', confirm => {
20 | 	process.stdin.pause();
21 | 	if (confirm.trim().toLowerCase() != 'y')
22 | 		return output('  Action cancelled!');	
23 | 	files.forEach(file => 
24 | 		fs.unlinkSync(path.join(folderPath, file)));
25 | 	output('  Clean success!');
26 | });
27 | 


--------------------------------------------------------------------------------
/test/src/GuessSimilarStrings.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const { Assert } = require('@hangxingliu/assert');
 4 | const { guess, compareTwoStrings } = require('../../lib/GuessSimilarStrings');
 5 | 
 6 | describe('Guess similar strings', () => {
 7 | 	it(`# compareTwoStrings`, () => {
 8 | 		Assert(compareTwoStrings('', '')).equals(0);
 9 | 		Assert(compareTwoStrings('a', 'b')).equals(0);
10 | 		Assert(compareTwoStrings('a', 'a')).equals(1);
11 | 		Assert(compareTwoStrings('abc', 'Abc')).equals(1);
12 | 		Assert(compareTwoStrings('adminToken', 'admimToken')).greaterThan(0.5);
13 | 		Assert(compareTwoStrings('adminToken', 'admimoken')).greaterThan(0.5);
14 | 		Assert(compareTwoStrings('adminToken', 'wtfoken')).lessThan(0.5);
15 | 	});
16 | 
17 | 	it('# guess', () => {
18 | 		const dict = ["adminToken", "viewReportToken", "uploadToken"];
19 | 		Assert(guess('admiToken', dict)).child('match').equals('adminToken');
20 | 		Assert(guess('uploadtoken', dict)).child('match').equals('uploadToken');
21 | 		Assert(guess('viewToken', dict)).child('match').equals('viewReportToken');
22 | 		Assert(guess('reportToken', dict)).child('match').equals('viewReportToken');
23 | 	})
24 | 
25 | });
26 | 


--------------------------------------------------------------------------------
/frontend/src/js/utils/form.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /**
 4 |  * @param {JQuery} $form
 5 |  * @return {Object}
 6 |  */
 7 | function encode($form) {
 8 | 	let result = {};
 9 | 	$form.find('[name]').each((i, ele) => {
10 | 		let $input = $(ele),
11 | 			v = hasValAttr($input) ? $input.val() : $input.text();
12 | 		if ($input.data('ignore')) return;
13 | 		result[$input.attr('name')] = v;
14 | 	});
15 | 	return result;
16 | }
17 | 
18 | /**
19 |  * @param {JQuery} $form 
20 |  * @param {Object} data 
21 |  */
22 | function fill($form, data) {
23 | 	data = data || {};
24 | 	$form.find('[name]').each((i, ele) => {
25 | 		let $input = $(ele),
26 | 			key = $input.attr('name'),
27 | 			v = (data[key] || '');
28 | 		if ($input.data('ignore')) return;
29 | 		hasValAttr($input) ? $input.val(v) : $input.text(v);
30 | 	});
31 | }
32 | 
33 | /**
34 |  * @param {JQuery} $dom 
35 |  */
36 | function isValueTag($dom) { return hasValAttr($dom); }
37 | 
38 | /**
39 |  * @param {JQuery} $dom 
40 |  */
41 | function hasValAttr($dom) { 
42 | 	let tagName = $dom.prop('tagName');
43 | 	return tagName == 'INPUT' || tagName == 'TEXTAREA' || tagName == 'SELECT'; 
44 | }
45 | 
46 | module.exports = {
47 | 	encode, fill, isValueTag
48 | };


--------------------------------------------------------------------------------
/frontend/src/sass/_color.scss:
--------------------------------------------------------------------------------
 1 | /* Palette generated by Material Palette - materialpalette.com/green/light-blue */
 2 | 
 3 | $primary-color-dark:   #388E3C;
 4 | $primary-color:        #4CAF50;
 5 | $primary-color-light:  #C8E6C9;
 6 | $primary-color-text:   #FFFFFF;
 7 | $accent-color:         #03A9F4;
 8 | $primary-text-color:   #212121;
 9 | $secondary-text-color: #757575;
10 | $divider-color:        #BDBDBD;
11 | 
12 | $materialize-color-bg-set: (
13 | 	primary-color-dark: 	$primary-color-dark,
14 | 	primary-color: 			$primary-color,
15 | 	primary-color-light: 	$primary-color-light,
16 | 	accent-color: 			$accent-color,
17 | 	divider-color: 			$divider-color
18 | );
19 | $materialize-color-text-set: (
20 | 	primary-color-dark:		$primary-color-dark,
21 | 	primary-color:			$primary-color,
22 | 	primary-color-light:	$primary-color-light,
23 | 	primary-color-text:		$primary-color-text,
24 | 	primary-text-color:		$primary-text-color,
25 | 	secondary-text-color:	$secondary-text-color,
26 | );
27 | 
28 | @each $name, $color in $materialize-color-bg-set {
29 | 	.bg-#{$name} { background-color: #{$color} !important; }
30 | }	
31 | @each $name, $color in $materialize-color-text-set {
32 | 	.text-#{$name} { color: #{$color} !important; }
33 | }


--------------------------------------------------------------------------------
/frontend/src/sass/index.scss:
--------------------------------------------------------------------------------
 1 | @import './_size.scss';
 2 | @import './_color.scss';
 3 | 
 4 | @import './_top_navbar.scss';
 5 | @import './_sidebar.scss';
 6 | @import './_dialog_custom_range.scss';
 7 | @import './_dialog_24hs_from.scss';
 8 | 
 9 | #bottomContainer h2 { margin-bottom: 5px; }
10 | #version {
11 | 	dt {display: inline-block; min-width: 150px;}
12 | 	dd {display: inline-block; }
13 | }
14 | 
15 | //fix modal scroll gap white bug
16 | body.modal-open {
17 | 	padding-right: 0 !important;
18 | }
19 | 
20 | .modal-container .modal-dialog {
21 | 	margin-top: 5rem;
22 | 	@include lessThanMedium {
23 | 		margin-top: 8rem;
24 | 	}
25 | }
26 | 
27 | .link-share {
28 | 	text-decoration: none;
29 | 	&:hover {
30 | 		text-decoration: none;
31 | 	}
32 | }
33 | .link-full-report {
34 | 	position: absolute;
35 | 	right: 25px;
36 | 	bottom: 15px;
37 | }
38 | 
39 | .layout-content {
40 | 	.body-include-welcome{
41 | 		@media (min-width: 768px) {
42 | 			min-height: 50vh;
43 | 		}
44 | 	}
45 | }
46 | 
47 | @media (min-width: 1500px) {
48 | 	$left: 13%;
49 | 	$right: 100% - $left;
50 | 	.layout-sidebar {
51 | 		max-width: $left;
52 | 		flex: 0 0 $left;
53 | 	}
54 | 	.layout-content {
55 | 		max-width: $right;
56 | 		flex: 0 0 $right;	
57 | 	}
58 | }
59 | 


--------------------------------------------------------------------------------
/lib/utils/upgradeDatabaseFiles:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | "use strict";
 4 | var fs = require('fs-extra');
 5 | var output = msg => console.log(msg);
 6 | var folderPath = process.argv[2];
 7 | var defaultPCId = process.argv[3] || 'unknown';
 8 | 
 9 | output('  A tool to upgrade all old version databases files under special folder');
10 | output('    Usage: ./utils/upgradeDatabaseFiles <databaseFolder> [defaultPCId = "unknown"]');
11 | (folderPath && fs.existsSync(folderPath) && fs.statSync(folderPath).isDirectory()) ||
12 | 	output('\n  error: please launch this tool by using a param `databaseFolder`(This folder must be exists!)\n' +
13 | 		'    such as: `./utils/upgradeDatabaseFiles ./database`\n') + process.exit(1);
14 | 	
15 | var up = require(`${__dirname}/../lib/UpgradeDatabaseFiles.js`)
16 | output(`\n  handler folder: ${folderPath}\n` +
17 | 	`  default computer Id: ${defaultPCId}`);
18 | process.stdout.write('(y/N) > ');
19 | process.stdin.setEncoding('utf8');
20 | process.stdin.on('data', confirm => {
21 | 	process.stdin.pause();
22 | 	if (confirm.trim().toLowerCase() != 'y')
23 | 		return output('  Action cancelled!');	
24 | 	var result = up.upgrade(folderPath, defaultPCId);
25 | 	output(`  Upgrade result:\n    files count: ${result.all}\n    upgrade count: ${result.count}\n`);
26 | 	output('  Upgrade success!');
27 | });
28 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/computer.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByWatchingTime,
 6 | 	object2array,
 7 | } = require('../utils/utils'),
 8 | 	echarts = require('../utils/echartsUtils'),
 9 | 	dateTime = require('../utils/datetime');
10 | 
11 | const COLORS = ['#4caf50', '#2196f3', '#ffeb3b', '#f44336', '#9c27b0', '#009688', '#ff9800', '#795548'];
12 | 
13 | function tooltipFormatter(p, ticket, set) {
14 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
15 | 	return setText(`You spent<br/> <b>${p.percent}%</b> time` +
16 | 		`<br/>(<b>${dateTime.getReadableTime(p.value)}</b>)<br/> on ${p.name} `);
17 | }
18 | 
19 | let base = require('./_base').createBaseChartClass();
20 | module.exports = { recommendedChartId: 'computers', init: base.init, update };
21 | 
22 | function update(dataGroupByComputer) {
23 | 	let array = orderByWatchingTime(object2array(dataGroupByComputer));
24 | 
25 | 	base.getCharts().setOption({
26 | 		color: COLORS,
27 | 		grid: echarts.createPaddingGrid(0, 0, 0, 0),
28 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter },
29 | 		series: [
30 | 			echarts.createSeries('pie', 'watching')
31 | 				.setLabelBold()
32 | 				.setLabels(array.map(it => it.name))
33 | 				.setValues(array.map(it=>it.watching))
34 | 				.toObject()
35 | 		]
36 | 	});
37 | }
38 | 


--------------------------------------------------------------------------------
/frontend/src/js/ui/statusDialog.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let $dlg = $('#dlgStatus'),
 4 | 	$title = $dlg.find('.modal-title'),
 5 | 	$loading = $dlg.find('.alert-info'),
 6 | 	$error = $dlg.find('.alert-danger'),
 7 | 	$errorReason = $error.find('code');
 8 | 
 9 | let dialogVisible = 0,
10 | 	requestHideBeforeShowing = false;
11 | 
12 | $dlg.on('show.bs.modal', () => { dialogVisible = 1; });
13 | $dlg.on('shown.bs.modal', () => {
14 | 	if (requestHideBeforeShowing) {
15 | 		$dlg.modal('hide');
16 | 		requestHideBeforeShowing = false;
17 | 		return;
18 | 	}
19 | 	dialogVisible = 2;
20 | });
21 | $dlg.on('hidden.bs.modal', () => { dialogVisible = 0; });
22 | 
23 | module.exports = { show, hide, loading, failed };
24 | 
25 | function show() { 
26 | 	if(dialogVisible == 0)
27 | 		$dlg.modal({ keyboard: false, backdrop: 'static' })
28 | }
29 | function hide() { 
30 | 	switch (dialogVisible) { 
31 | 		case 0: return;
32 | 		case 1: requestHideBeforeShowing = true; return;
33 | 		case 2: $dlg.modal('hide');	
34 | 	}
35 | }
36 | 
37 | function loading(){
38 | 	$title.text('Loading report...');
39 | 	$loading.show();
40 | 	$error.hide();
41 | 	show();
42 | }
43 | 
44 | function failed(error){
45 | 	$title.text('Load Failed!');
46 | 	$loading.hide();
47 | 	$error.show();
48 | 	$errorReason.html(typeof error == 'string' ? error: JSON.stringify(error, null, '  '));
49 | 	show();
50 | }
51 | 


--------------------------------------------------------------------------------
/test/src/utils/LogFile.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let fs = require('fs-extra'),
 4 | 	path = require('path');
 5 | 
 6 | const LOG_FOLDER = `${__dirname}/../../log`;
 7 | 
 8 | /** @type {{write: (fn: Function) => any}[]} */
 9 | const logInstances = [];
10 | let beforeExitSavedLog = false;
11 | 
12 | process.on('beforeExit', () => {
13 | 	if (beforeExitSavedLog) return;
14 | 	beforeExitSavedLog = true;
15 | 
16 | 	return Promise.all(logInstances.map(log => new Promise(resolve => log.write(resolve))))
17 | 		.then(() => console.log(`LogFile#beforeExit: ${logInstances.length} log files be saved to disk!`))
18 | });
19 | 
20 | module.exports = { createLogFile };
21 | 
22 | function createLogFile(fileName) {
23 | 	const log = _createLogFile(fileName);
24 | 	logInstances.push(log);
25 | 	return log;
26 | }
27 | 
28 | function _createLogFile(fileName) {
29 | 	let filePath = path.join(LOG_FOLDER, fileName + '.log');
30 | 
31 | 	if (!fs.existsSync(LOG_FOLDER))
32 | 		fs.mkdirsSync(LOG_FOLDER);
33 | 
34 | 	fs.writeFileSync(filePath, '');
35 | 
36 | 	let lines = [];
37 | 	return { appendLine, write };
38 | 
39 | 	/** @param {string} line */
40 | 	function appendLine(line) {
41 | 		// const escaped = line.match(/\033\[[\d;]+m/g);
42 | 		// console.log(line);
43 | 		lines.push(line);
44 | 	}
45 | 	function write(then) {
46 | 		fs.writeFile(filePath, lines.join('\n'), then);
47 | 	}
48 | }
49 | 


--------------------------------------------------------------------------------
/docs/TODO.md:
--------------------------------------------------------------------------------
 1 | # TODO
 2 | 
 3 | ## TODO
 4 | 
 5 | - [ ] more filter options. (for example: computer id: <https://github.com/hangxingliu/vscode-coding-tracker/issues/21>)
 6 | - [ ] multiple access token (proposal)
 7 | - [ ] how to escape character `}` for label text that owned option yAxis.axisLabel.rich
 8 | - [ ] compress polyfill.js
 9 | - [ ] settings about timezone and which day is first day of the week
10 | - [ ] fix i18n in side menu
11 | - [ ] full i18n for each languages
12 | - [ ] add lock file (support pm2 and multi-process launching)
13 | - [ ] add database compress tools (using defined string syntax)
14 | - [ ] add analyze cache to improve performance
15 | - [ ] add compare with yesterday and last week
16 | - [ ] more unit tests
17 | - [ ] custom chart color scheme
18 | - [ ] more share charts
19 | - [ ] translation to Brazilian Portuguese
20 | 
21 | ## Finish
22 | 
23 | - [x] update bootstrap to 4.0.0
24 | - [x] combined report for multi-projects
25 | - [x] add vcs export dialog
26 | - [x] report in one day
27 | - [x] replace glyphicons to ionicons
28 | - [x] add eslint to unit test to keeping code health
29 | - [x] show min line correct but not zero (and throw error)
30 | - [x] show abbr of days of the week in chart x axis if width less equal than 14 days
31 | - [x] remove summary y axis mins (10h 0mins => 10h)
32 | - [x] From issues:
33 | 	- [x] add 24 hours report for custom date
34 | 


--------------------------------------------------------------------------------
/frontend/src/modules/sidebar.pug:
--------------------------------------------------------------------------------
 1 | include _report_range_dropdown_menu.pug
 2 | 
 3 | #reportRangeDropdown.dropdown.mr-auto.d-none.d-md-block
 4 | 	a.btn.btn-outline-secondary.btn-block.dropdown-toggle(
 5 | 		href='javascript:;', data-toggle='dropdown',
 6 | 		aria-haspopup='true', aria-expanded='false')
 7 | 		i.ion.ion-calendar
 8 | 		| &nbsp;&nbsp;
 9 | 		b.current-range Recent 7 Days
10 | 	+reportRangeDropdownMenu
11 | 
12 | #sidebarNav.collapse
13 | 	ul.nav.nav-pills.flex-column.nav-sidebar
14 | 		li.nav-item
15 | 			a.nav-link.active(href="#" data-route="overview")
16 | 				i.ion.ion-connection-bars
17 | 				| Overview
18 | 	ul.nav.nav-pills.flex-column.nav-sidebar
19 | 		li.nav-item
20 | 			a.nav-link(href="#" data-route="24hours")
21 | 				i.ion.ion-clock
22 | 				| 24 Hours Report
23 | 		li.nav-item
24 | 			a.nav-link(href="#" data-route="projects")
25 | 				i.ion.ion-folder
26 | 				| Projects Report
27 | 		li.nav-item
28 | 			a.nav-link(href="#" data-route="languages")
29 | 				i.ion.ion-code
30 | 				| Languages Report
31 | 		li.nav-item
32 | 			a.nav-link(href="#" data-route="vcs")
33 | 				i.ion.ion-network
34 | 				| VCS Branches Report
35 | 	ul.nav.nav-pills.flex-column.nav-sidebar
36 | 		li.nav-item
37 | 			a.btn-show-welcome.nav-link(href="javascript:;")
38 | 				i.ion.ion-help
39 | 				| Help
40 | 	ul.nav.nav-pills.flex-column.nav-sidebar
41 | 		li.nav-item
42 | 			a.btn-new-report-ui.nav-link(href="/report-new")
43 | 				i.ion.ion-erlenmeyer-flask
44 | 				| New Report UI
45 | 


--------------------------------------------------------------------------------
/lib/types/AnalyzeCore.d.ts:
--------------------------------------------------------------------------------
 1 | interface AnalyzeCoreClass {
 2 |     new (dbPath: string): AnalyzeCoreInstance;
 3 | 	GroupBy: AnalyzeGroupByEnum;
 4 | }
 5 | 
 6 | type AnalyzeGroupByEnum = {
 7 | 	DAY: 1;
 8 | 	HOUR: 2;
 9 | 	LANGUAGE: 16;
10 | 	FILE: 32;
11 | 	PROJECT: 128;
12 | 	COMPUTER: 256;
13 | 	VCS: 512;
14 | 	ALL: 1023;
15 | 	NONE: 0;
16 | };
17 | 
18 | type AnalyzeFilterRules = {
19 | 	project?: string[];
20 | 	computer?: string[];
21 | 	language?: string[];
22 | 	file?: string[];
23 | 	repo?: string[];
24 | 	branch?: string[];
25 | };
26 | 
27 | type AnalyzeCoreInstance = {
28 | 	setFilter(filterRules: AnalyzeFilterRules): void;
29 | 	setGroupBy(groupBy: number): void;
30 | 	analyze(startDayDate: Date, endDayDate: Date, expandToWholeDay?: boolean): boolean;
31 | 	getError(): string[];
32 | 	getWarning(): string[];
33 | 	getResult(): AnalyzeResult;
34 | };
35 | 
36 | type AnalyzeResult = {
37 | 	total: HasCodingWatchingObject,
38 | 	groupBy: {
39 | 		hour?: HasCodingWatchingObjectMap;
40 | 		file?: HasCodingWatchingObjectMap;
41 | 		day?: HasCodingWatchingObjectMap;
42 | 		project?: HasCodingWatchingObjectMap;
43 | 		computer?: HasCodingWatchingObjectMap;
44 | 		language?: HasCodingWatchingObjectMap;
45 | 		vcs?: HasCodingWatchingObjectMap;
46 | 	}
47 | };
48 | 
49 | type HasCodingWatchingObject = { coding: number; watching: number; }
50 | type HasNameAndTimeObject = { name: string; } & HasCodingWatchingObject;
51 | type HasCodingWatchingObjectMap = { [name: string]: HasCodingWatchingObject; };
52 | 


--------------------------------------------------------------------------------
/frontend/src/modules/page/24hours.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock250px(id)
 2 | 	div(data-chart=id style="height: 250px")
 3 | mixin chartBlock(id)
 4 | 	div(data-chart=id)
 5 | 
 6 | mixin totallyIndicator(id)
 7 | 	h6.card-subtitle.text-muted.mb-3.mt-1(id=id)
 8 | 		span(data-i18n="title_totally_1") Totally: watching for
 9 | 		span.mx-1(name="watching") ----
10 | 		span.ml-2(data-i18n="title_totally_2") coding for
11 | 		span.mx-1(name="coding") ----
12 | 
13 | 
14 | //====mixin==========
15 | //===========HTML====
16 | 
17 | div.page-24hours(style="display: none")
18 | 	.row
19 | 		.col-12
20 | 			.card.my-2
21 | 				.card-body
22 | 					h4.card-title
23 | 						i.ion-clock.mr-2
24 | 						span(data-i18n="title_24hs") 24 hours
25 | 						| &nbsp;from&nbsp;
26 | 						b: a.filter-24hs.text-info(href="javascript:;")
27 | 							span.txt 11-14 19:00
28 | 							i.ml-2.ion-arrow-down-b
29 | 					+totallyIndicator("counterCustom24Hs")
30 | 					.card-text
31 | 						+chartBlock250px("24hs")
32 | 	.row
33 | 		.col-12.col-lg-6
34 | 			.card.my-2
35 | 				.card-body
36 | 					h4.card-title
37 | 						i.ion-folder.mr-2
38 | 						span(data-i18n="title_projects") Projects
39 | 						| :
40 | 					.card-text
41 | 						+chartBlock("projects")
42 | 		.col-12.col-lg-6
43 | 			.card.my-2
44 | 				.card-body
45 | 					h4.card-title
46 | 						i.ion-document.mr-2
47 | 						span(data-i18n="title_files") Files
48 | 						| (
49 | 						span(data-i18n="word_top")
50 | 						| 10):
51 | 					.card-text
52 | 						+chartBlock("files")
53 | 


--------------------------------------------------------------------------------
/docs/TOKEN_FILE.md:
--------------------------------------------------------------------------------
 1 | # Token File Schema
 2 | 
 3 | ## Token types
 4 | 
 5 | 1. **uploadToken**: Token could be only used for **upload tracking data**.
 6 | 2. **viewReportToken**: Token could be only used for **view report**.
 7 | 3. **adminToken**: Token could be used for **upload, view report, modify server and everything**.
 8 | 	- The token you passed by command line arguments `--token` is an admin token.
 9 | 
10 | ## Schema
11 | 
12 | JSON schema file: `../lib/schema/TokenFile.json`
13 | 
14 | 
15 | 
16 | ## Example
17 | 
18 | Example 1
19 | 
20 | ``` json
21 | {
22 | 	"adminToken": [{
23 | 		"remark": "Admin token for leader",
24 | 		"token": "john-is-a-admin"
25 | 	}],
26 | 	"viewReportToken": [{
27 | 		"remark": "This is a token for view report",
28 | 		"token": "123456"
29 | 	}],
30 | 	"uploadToken": [{
31 | 		"remark": "Token for Mike",
32 | 		"token": "mike-has-a-cat",
33 | 		"computerId": "MikeComputer"
34 | 	}, {
35 | 		"remark": "Token for Nick with project A",
36 | 		"token": "nick-works-hard-in-project-A",
37 | 		"computerId": ["NickComputer", "NickLaptop"],
38 | 		"project": "projectA"
39 | 	}, {
40 | 		"remark": "Token for leader",
41 | 		"token": "a-token-can-upload-everything"
42 | 	}]
43 | }
44 | ```
45 | 
46 | Example 2 (`public`: everyone could view report without token)
47 | 
48 | ``` json
49 | {
50 | 	"adminToken": [{
51 | 		"remark": "Token for myself (upload, view report and everything)",
52 | 		"token": "a-lazy-fox-jumps-over-a-brown"
53 | 	}],
54 | 	"viewReportToken": "public"
55 | }
56 | ```
57 | 


--------------------------------------------------------------------------------
/lib/analyze/Constant.js:
--------------------------------------------------------------------------------
 1 | //a version list which analyze action in this class supported
 2 | const SUPPORT_VERSION = ['3.0', '4.0'];
 3 | 
 4 | //Split Regex to split columns and lines
 5 | const SPLIT_COLUMN = /\s+/;
 6 | const SPLIT_LINE = /[\r\n]+/;
 7 | 
 8 | /**
 9 |  * Analyze group by enum
10 |  * Your can using it like following:
11 |  *
12 |  * GroupBy.DAY
13 |  * GroupBy.DAY | GroupBy.FILE
14 |  */
15 | const GROUP_BY = {
16 | 	DAY: 1,
17 | 	HOUR: 2,
18 | 	LANGUAGE: 16,
19 | 	FILE: 32,
20 | 	PROJECT: 128,
21 | 	COMPUTER: 256,
22 | 	VCS: 512,
23 | 	ALL: 1024 - 1,
24 | 	NONE: 0
25 | };
26 | 
27 | /**
28 |  * A map from filter rules name to column
29 |  */
30 | const FILTER_RULE_MAP_TO_COL = {
31 | 	language: 3,
32 | 	file: 4,
33 | 	project: 5,
34 | 	computer: 6,
35 | 	vcs_repo: 7,
36 | 	vcs_branch: 7
37 | };
38 | 
39 | /**
40 |  * Echo column description
41 |  */
42 | const COLUMN_INFO_3 = {
43 | 	TYPE: 0,
44 | 	TIME: 1,
45 | 	LONE: 2,
46 | 	LANG: 3,
47 | 	FILE: 4,
48 | 	PROJ: 5,
49 | 	PCID: 6
50 | };
51 | const COLUMN_INFO_4_REQUIRED = {
52 | 	VCS: 7,
53 | 	LINE: 8,
54 | 	CHAR: 9
55 | };
56 | const COLUMN_INFO_4_OPTIONAL = {
57 | 	R1: 10,
58 | 	R2: 11
59 | };
60 | 
61 | const COLUMN_INFO_ALL =
62 | 	Object.assign({}, COLUMN_INFO_3, COLUMN_INFO_4_REQUIRED, COLUMN_INFO_4_OPTIONAL);
63 | 
64 | module.exports = {
65 | 	FILTER_RULE_MAP_TO_COL,
66 | 
67 | 	COLUMN_INFO_ALL,
68 | 	COLUMN_INFO_3,
69 | 	COLUMN_INFO_4_REQUIRED,
70 | 	COLUMN_INFO_4_OPTIONAL,
71 | 
72 | 	GROUP_BY,
73 | 
74 | 	SUPPORT_VERSION,
75 | 
76 | 	SPLIT_COLUMN,
77 | 	SPLIT_LINE
78 | };
79 | 


--------------------------------------------------------------------------------
/lib/StorageQueue.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /*
 3 | Example:
 4 | 
 5 | let q = createQueue(data => {
 6 | 	setTimeout(() => {
 7 | 		if(Math.random() > 0.5)
 8 | 			return q.retry();//failed
 9 | 		console.log('Success:', data);
10 | 		q.next();
11 | 	}, 1000);
12 | });
13 | 
14 | q.add({result: 'ok'});
15 | q.add("Your name");
16 | q.add([1, 2, 3]);
17 | 
18 | */
19 | 
20 | let log = require('./Log');
21 | 
22 | /**
23 |  * @param {(data: any) => any} handler
24 |  * @param {number} maxRetry max retry times for one task
25 |  */
26 | function createQueue(handler, maxRetry = 3) {
27 | 	let q = [], qLock = false, retryCount = 0;
28 | 
29 | 	let context = { add, next, retry };
30 | 	return context;
31 | 
32 | 	function add(data) {
33 | 		q.push(typeof data == 'object' ? Object.assign(Array.isArray(data) ? [] : {}, data) : data);
34 | 
35 | 		if (!qLock)
36 | 			handleFirstTaskInQueue();
37 | 	}
38 | 
39 | 	function next() {
40 | 		q.shift();
41 | 		retryCount = 0;
42 | 
43 | 		if (q.length)
44 | 			return handleFirstTaskInQueue();
45 | 
46 | 		qLock = false;
47 | 	}
48 | 
49 | 	function retry() {
50 | 		if (retryCount > maxRetry) {
51 | 			log.error(`Queue: task cancelled because too many retry (${maxRetry})`);
52 | 			return next();
53 | 		}
54 | 
55 | 		retryCount++;
56 | 		if (q.length)
57 | 			return handleFirstTaskInQueue();
58 | 	}
59 | 
60 | 	function handleFirstTaskInQueue() {
61 | 		qLock = true;
62 | 		process.nextTick(handler, q[0]);
63 | 
64 | 		//@ts-ignore
65 | 		global.DEBUG && log(`Queue: handle first task in next tick. total task: ${q.length}`);
66 | 	}
67 | }
68 | 
69 | 
70 | module.exports = createQueue;
71 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # ignore frontend source map files
 2 | frontend/dist/**/*.map
 3 | 
 4 | # ignore utilities binary output files
 5 | utilities/*.out
 6 | # c++ clang:
 7 | .usages_clang
 8 | 
 9 | # ignore local test database
10 | /database
11 | 
12 | # ignore unit test assets
13 | test/temp
14 | test/resources/data-simple
15 | # test/playground
16 | test/log
17 | 
18 | # ignore yarn.lock
19 | yarn.lock
20 | 
21 | # ignore log file included npm log
22 | *.log
23 | 
24 | # Logs
25 | logs
26 | *.log
27 | npm-debug.log*
28 | yarn-debug.log*
29 | yarn-error.log*
30 | 
31 | # Runtime data
32 | pids
33 | *.pid
34 | *.seed
35 | *.pid.lock
36 | 
37 | # Directory for instrumented libs generated by jscoverage/JSCover
38 | lib-cov
39 | 
40 | # Coverage directory used by tools like istanbul
41 | coverage
42 | 
43 | # nyc test coverage
44 | .nyc_output
45 | 
46 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
47 | .grunt
48 | 
49 | # Bower dependency directory (https://bower.io/)
50 | bower_components
51 | 
52 | # node-waf configuration
53 | .lock-wscript
54 | 
55 | # Compiled binary addons (http://nodejs.org/api/addons.html)
56 | build/Release
57 | 
58 | # Dependency directories
59 | node_modules/
60 | jspm_packages/
61 | 
62 | # Typescript v1 declaration files
63 | typings/
64 | 
65 | # Optional npm cache directory
66 | .npm
67 | 
68 | # Optional eslint cache
69 | .eslintcache
70 | 
71 | # Optional REPL history
72 | .node_repl_history
73 | 
74 | # Output of 'npm pack'
75 | *.tgz
76 | 
77 | # Yarn Integrity file
78 | .yarn-integrity
79 | 
80 | # dotenv environment variables file
81 | .env
82 | 
83 | 


--------------------------------------------------------------------------------
/frontend/src/modules/page/projects_sub.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id, height)
 2 | 	div(data-chart=id style="height: "+height)
 3 | 
 4 | mixin btn(_type, range)
 5 | 	button(type="button" data-range=range
 6 | 		class=_type style="margin: 0 2px;").btn.btn-sm: block
 7 | 
 8 | mixin filesRange()
 9 | 	.mt-n8px.range-block
10 | 		+btn("btn-default", 0): span(data-i18n="word_all") All
11 | 		+btn("btn-default", 5)
12 | 			span(data-i18n="word_top") Top
13 | 			| &nbsp;5
14 | 		+btn("btn-primary", 10)
15 | 			span(data-i18n="word_top") Top
16 | 			| &nbsp;10
17 | 		+btn("btn-default", 20)
18 | 			span(data-i18n="word_top") Top
19 | 			| &nbsp;20
20 | 
21 | div.page-projects-sub(style="display: none")
22 | 	.row
23 | 		.col-12
24 | 			.card.my-2
25 | 				.card-body
26 | 					.head.d-flex.justify-content-between
27 | 						h4.card-title
28 | 							span(name="projName")
29 | 							span.ml-2.text-muted(name="projNameComment")
30 | 						a#btnExportFiles.text-accent-color.link-share(href="javascript:;")
31 | 							span Export CSV
32 | 							span.ion-archive.ml-2
33 | 					h6.card-subtitle.text-muted.mb-2.ml-4(name="projPath")
34 | 					.card-text
35 | 						+chartBlock('project_summary', '250px')
36 | 					.card-text.mt-2.mb-1(data-i18n="title_files_in_proj")
37 | 						| Files in this project:
38 | 					.card-text.d-flex.justify-content-between
39 | 						+filesRange()
40 | 						//- TODO: add function: group by directory
41 | 						//- a#btnGroupByDir.btn.btn-sm.btn-info(href="javascript:;")
42 | 						//- 	span.ion-filing.mr-2
43 | 						//- 	span Group by directory
44 | 					.card-text
45 | 						+chartBlock('project_files', '500px')
46 | 


--------------------------------------------------------------------------------
/test/src/analyze/FilterFunctionTest.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let { Assert, Invoke } = require('@hangxingliu/assert'),
 4 | 	Utils = require('../../../lib/analyze/Utils');
 5 | 
 6 | describe('FilterFunction', () => {
 7 | 	describe('#generateFilterFunction', () => {
 8 | 		it('passing empty filter param should be return a alway returned true function', () => {
 9 | 
10 | 			let func1 = Utils.generateFilterFunction({});
11 | 			let func2 = Utils.generateFilterFunction();
12 | 
13 | 			Assert(func1()).isTrue();
14 | 			Assert(func2()).isTrue();
15 | 
16 | 			//@ts-ignore
17 | 			Assert(func1("ignore me")).isTrue();
18 | 			//@ts-ignore
19 | 			Assert(func2("ignore me")).isTrue();
20 | 
21 | 			Assert(func1([])).isTrue();
22 | 			Assert(func2([])).isTrue();
23 | 
24 | 		});
25 | 
26 | 		it('generate failed and throw a error', () => {
27 | 			Invoke(Utils.generateFilterFunction, this,
28 | 				{ unknownColumn: [] }).hasException('unknownColumn');
29 | 		});
30 | 
31 | 		it('enable filter', () => {
32 | 			let row = '0 1485281235871 8435 json a.json %2Fpath%2Fto%2FProject ubuntu'.split(' ');
33 | 
34 | 			let funcPassing1 = Utils.generateFilterFunction({
35 | 				project: ['%2Fpath%2Fto%2FProject']
36 | 			});
37 | 			let funcPassing2 = Utils.generateFilterFunction({
38 | 				language: ['javascript', 'json'],
39 | 				computer: ['ubuntu', 'windows10']
40 | 			});
41 | 
42 | 			let funcFailure1 = Utils.generateFilterFunction({
43 | 				project: ['%2Fpath%2Fto%2FProject'],
44 | 				file: ['b.json', 'c.json']
45 | 			});
46 | 
47 | 			Assert(funcPassing1(row)).isTrue();
48 | 			Assert(funcPassing2(row)).isTrue();
49 | 
50 | 			Assert(funcFailure1(row)).isFalse();
51 | 		});
52 | 	});
53 | });
54 | 


--------------------------------------------------------------------------------
/test/resources/data-test-better-project-merge/18614.db:
--------------------------------------------------------------------------------
 1 | 4.0
 2 | 
 3 | #
 4 | # Test AnalyzerCoreV2 merge project
 5 | #
 6 | # Projects:
 7 | #    /proj/A                     %2Fproj%2FA
 8 | #    /proj/B                     %2Fproj%2FB
 9 | # Files:
10 | #    /proj/A/package.json        %2Fproj%2FA%2Fpackage.json                 package.json
11 | #    /proj/A/src/index.js        %2Fproj%2FA%2Fsrc%2Findex.js               src%2Findex.js
12 | #    /proj/B/main.cc             %2Fproj%2FB%2Fmain.cc                      main.cc
13 | #    /proj/B/main.h              %2Fproj%2FB%2Fmain.h                       main.h
14 | #    /proj/single                %2Fproj%2Fsingle                           single
15 | #    /proj/C/README.md           %2Fproj%2FC%2FREADME.md                    README.md
16 | #
17 | #
18 | # One day in 2018-06-14 (14th June 2018) Thu Jun 14 2018 00:00:00 GMT+0800 (Hong Kong Standard Time)
19 | #
20 | # This day begins at 1528905600000 ends at (1528992000000 - 1)
21 | #
22 | 
23 | # 09:00    1528938000000
24 | 0 1528938000000 31990 cpp main.cc %2Fproj%2FB pc1 git::master 10 0 0 0
25 | 2 1528938002000 20000 cpp main.cc %2Fproj%2FB pc1 git::master 10 0 0 0
26 | 
27 | # 14:30    1528957800000
28 | 0 1528957800000 41990 javascript index.js %2Fproj%2FA pc1 git::master 80 0 0 0
29 | 2 1528957801500 25000 javascript index.js %2Fproj%2FA pc1 git::master 80 0 0 0
30 | 
31 | # 21:00    1528981200000
32 | 0 1528981200000 20500 cpp %2Fproj%2FB%2Fmain.h %2Fproj%2FA pc1 git::master 80 0 0 0
33 | 2 1528981200500 10000 cpp %2Fproj%2FB%2Fmain.h %2Fproj%2FA pc1 git::master 80 0 0 0
34 | 
35 | # 21:30    1528983000000
36 | 0 1528983000000 20500 plaintext %2Fproj%2Fsingle unknown pc1 git::master 80 0 0 0
37 | 2 1528983003000 10000 plaintext %2Fproj%2Fsingle unknown pc1 git::master 80 0 0 0
38 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/languages.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByWatchingTime,
 6 | 	object2array,
 7 | } = require('../utils/utils'),
 8 | 	echarts = require('../utils/echartsUtils'),
 9 | 	dateTime = require('../utils/datetime');
10 | 
11 | const COLORS = ['#a5d6a7', '#80cbc4', '#90caf9', '#80deea', '#ef9a9a', '#ffcc80', '#bcaaa4', '#b0bec5'];
12 | const COLORS_OTHER = ['#a5d6a7', '#80cbc4', '#90caf9', '#80deea', '#ef9a9a', '#d6d6d6'];
13 | 
14 | let otherLanguages = '';
15 | function tooltipFormatter(p, ticket, set) {
16 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
17 | 	return setText(`You spent<br/> <b>${p.percent}%</b> time` +
18 | 		`<br/>(<b>${dateTime.getReadableTime(p.value)}</b>)<br/> on ${p.name == 'other' ? otherLanguages : p.name} `);
19 | }
20 | 
21 | let base = require('./_base').createBaseChartClass();
22 | module.exports = { recommendedChartId: 'languages', init: base.init, update };
23 | 
24 | function update(dataGroupByLanguage) {
25 | 	let array = orderByWatchingTime(object2array(dataGroupByLanguage), true/*DESC*/);
26 | 
27 | 	let i0 = 5, i1 = array.length;
28 | 	for (let i = i0 + 1; i < i1; i++) {
29 | 		array[i0].watching += array[i].watching;
30 | 		array[i0].coding += array[i].coding;
31 | 	}
32 | 	if (i1 > i0) {
33 | 		otherLanguages = array.slice(i0, i0 + 5).map(it => it.name).join(', ') + '...';
34 | 		array[i0].name = 'other';
35 | 		array.length = i0 + 1;
36 | 	}
37 | 
38 | 	base.getCharts().setOption({
39 | 		color: i1 > i0 ? COLORS_OTHER : COLORS,
40 | 		grid: echarts.createPaddingGrid(20, 50, 0, 50),
41 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter },
42 | 		series: [
43 | 			echarts.createSeries('pie', 'watching')
44 | 				.setLabelBold()
45 | 				.setLabels(array.map(it => it.name))
46 | 				.setValues(array.map(it=>it.watching))
47 | 				.toObject()
48 | 		]
49 | 	});
50 | }
51 | 


--------------------------------------------------------------------------------
/test/src/TypescriptCheck.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="index.d.ts" />
 3 | 
 4 | /*
 5 |  	Because tsc will check jsDoc, and it could not recognize callback function in jsDoc,
 6 |  	Such as:
 7 |  		@returns {(value: number) => number}
 8 | */
 9 | // Code Review by tsc (Typescript Check)
10 | // No warning and error allow!
11 | 
12 | const TEMP_DIRECTORY = `${__dirname}/../temp`;
13 | const CWD = `${__dirname}/../../`;
14 | const COMMAND = `${__dirname}/../../node_modules/.bin/tsc`;
15 | 
16 | const TEST_SLOW_TIME = 60 * 1000;
17 | const TEST_TIMEOUT_TIME = 120 * 1000;
18 | 
19 | 
20 | let { exec } = require('child_process'),
21 | 	{ removeSync } = require('fs-extra'),
22 | 	logFile = require('./utils/LogFile').createLogFile('typescript-check');
23 | 
24 | if (process.argv.indexOf('--no-tsc') < 0) {
25 | 	describe('Typescript', function () {
26 | 		it('# type check', function (done) {
27 | 			this.slow(TEST_SLOW_TIME);
28 | 			this.timeout(TEST_TIMEOUT_TIME);
29 | 
30 | 			exec(COMMAND, { cwd: CWD, encoding: 'utf8' }, (error, stdout, stderr) => {
31 | 				let output = stdout + stderr;
32 | 				let matchedErrors = output.match(/error\s*\w+/g) || [];
33 | 
34 | 				/// @todo Dirty Fix for typescript 2.7.2
35 | 				/// because module `colors`:
36 | 				///   node_modules/@types/colors/index.d.ts(118,9):
37 | 				///     error TS2717: Subsequent property declarations must have the same type.
38 | 				///     Property 'bold' must be of type '() => string', but here has type 'string'.
39 | 				matchedErrors = matchedErrors.filter(e => e != 'error TS2717');
40 | 
41 | 				if (matchedErrors.length > 0) {
42 | 					console.log(output);
43 | 					error = new Error(`Check failed by tsc!`);
44 | 				} else {
45 | 					// dirty fix TS2717
46 | 					error = void 0;
47 | 				}
48 | 
49 | 				// clean temp path
50 | 				removeSync(TEMP_DIRECTORY);
51 | 
52 | 				logFile.appendLine(output);
53 | 				done(error);
54 | 			});
55 | 		});
56 | 	});
57 | }
58 | 


--------------------------------------------------------------------------------
/lib/GuessSimilarStrings.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /*
 4 | 	Reference from:
 5 | 	https://github.com/aceakash/string-similarity/blob/master/compare-strings.js
 6 | */
 7 | 
 8 | module.exports = { guess, compareTwoStrings };
 9 | 
10 | /**
11 |  * @param {string} input
12 |  * @param {string[]} dict
13 |  */
14 | function guess(input, dict) {
15 | 	let targetStr = null;
16 | 	let targetRate = 0;
17 | 	for (const str of dict) {
18 | 		const rate = compareTwoStrings(input, str);
19 | 		if (rate > targetRate) {
20 | 			targetStr = str;
21 | 			targetRate = rate;
22 | 		}
23 | 	}
24 | 	return { rate: targetRate, match: targetStr };
25 | }
26 | 
27 | 
28 | /**
29 |  * @param {string} str1
30 |  * @param {string} str2
31 |  */
32 | function compareTwoStrings(str1, str2) {
33 | 	str1 = str1.trim();
34 | 	str2 = str2.trim();
35 | 
36 | 	if (str1.length === 0 || str2.length === 0) return 0;
37 | 
38 | 	const upper1 = str1.toUpperCase();
39 | 	const upper2 = str2.toUpperCase();
40 | 
41 | 	// same ignore case
42 | 	if (upper1 === upper2)
43 | 		return 1;
44 | 
45 | 	// both single char
46 | 	if (str1.length === 1 && str2.length === 1)
47 | 		return 0;
48 | 
49 | 	const pairs1 = wordLetterPairs(upper1);
50 | 	const pairs2 = wordLetterPairs(upper2);
51 | 	const union = pairs1.length + pairs2.length;
52 | 	let intersection = 0;
53 | 
54 | 	for(const pair1 of pairs1) {
55 | 		for (let i = 0; i < pairs2.length; i++) {
56 | 			const pair2 = pairs2[i];
57 | 			if (pair1 === pair2) {
58 | 				intersection++;
59 | 				pairs2.splice(i, 1);
60 | 				break;
61 | 			}
62 | 		}
63 | 	}
64 | 	return (2.0 * intersection) / union;
65 | 
66 | 	function letterPairs(str) {
67 | 		const numPairs = str.length - 1;
68 | 		const pairs = Array(numPairs);
69 | 		for (let i = 0; i < numPairs; i++)
70 | 			pairs[i] = str.substring(i, i + 2);
71 | 		return pairs;
72 | 	}
73 | 
74 | 	/** @param {string} str */
75 | 	function wordLetterPairs(str) {
76 | 		return [].concat(...str.split(/\s/).map(letterPairs));
77 | 	}
78 | }
79 | 


--------------------------------------------------------------------------------
/test/playground/test-analyzer-v2.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /**
 4 |  * A test script for debug AnalyzerV2 and compare with AnalyzerV1.
 5 |  */
 6 | 
 7 | const fs = require('fs-extra');
 8 | 
 9 | const dataDir = `${process.env.HOME}/.coding-tracker`;
10 | const V1Result = `${__dirname}/v1-result.json`;
11 | const V2Result = `${__dirname}/v2-result.json`;
12 | 
13 | const V1 = require('../../lib/analyze/AnalyzeCore');
14 | const V2 = require('../../lib/analyze/AnalyzeCoreV2');
15 | const FileReader = require('../../lib/analyze/CachedDataFileReader');
16 | 
17 | 
18 | const to = new Date(); to.setDate(to.getDate() - 1);
19 | const from = new Date(to); from.setDate(from.getDate() - 8);
20 | console.log(`from: ${from.toJSON()} ~ to: ${to.toJSON()}`);
21 | 
22 | analyzeByV1(() =>
23 | 	analyzeByV2(() => {
24 | 		console.log("\n[+] all done!");
25 | 		console.log("    `code --diff v1-result.json v2-result.json`")
26 | 	}));
27 | 
28 | 
29 | function analyzeByV1(then) {
30 | 	console.log("====================================")
31 | 	console.log("Analyzer V1")
32 | 	const analyzer = new V1(dataDir);
33 | 	analyzer.setGroupBy(V1.GroupBy.ALL);
34 | 	if(analyzer.analyze(from, to, false)) {
35 | 		console.log('V1 Warnings:', analyzer.getWarning());
36 | 		const r = analyzer.getResult();
37 | 		// console.log(r);
38 | 		fs.writeJsonSync(V1Result, r, { spaces: 4 });
39 | 	} else {
40 | 		console.error(analyzer.getError());
41 | 	}
42 | 	then();
43 | }
44 | 
45 | function analyzeByV2(then) {
46 | 	console.log("====================================")
47 | 	console.log("Analyzer V2")
48 | 	const analyzer = new V2(FileReader.createCachedDataFileReader(dataDir));
49 | 	analyzer.setGroupBy(V2.GroupBy.ALL);
50 | 	analyzer.analyze(from, to).then(() => {
51 | 		console.log('V2 Warnings:', analyzer.getWarning());
52 | 		const r = analyzer.getResult();
53 | 		// console.log(r);
54 | 		fs.writeJsonSync(V2Result, r, { spaces: 4 });
55 | 	}).catch(err => {
56 | 		console.error(err)
57 | 	}).then(then);
58 | }
59 | 


--------------------------------------------------------------------------------
/lib/UpgradeDatabaseFiles.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | 	[Deprecated]
 3 | */
 4 | 
 5 | 
 6 | "use strict";
 7 | var fs = require('fs-extra'),
 8 | 	path = require('path');
 9 | 
10 | var pcid = 'unknown';
11 | 
12 | function upgrade(folder, defaultPCId) {
13 | 	var files = fs.readdirSync(folder).filter(name =>
14 | 		fs.statSync(path.join(folder, name)).isFile() && name.endsWith('.db'));
15 | 
16 | 	if (defaultPCId)
17 | 		pcid = defaultPCId;
18 | 
19 | 	var count = 0;
20 | 	files.forEach(file => {
21 | 		var absPath = path.join(folder, file);
22 | 		var content = fs.readFileSync(absPath, 'utf8');
23 | 		if (content.startsWith('1.0')) content = upgrade1to3(content);
24 | 		else if (content.startsWith('2.0')) content = upgrade2to3(content);
25 | 		else return;
26 | 		count++;
27 | 		fs.writeFileSync(absPath, content);
28 | 	})
29 | 
30 | 	return { count: count, all: files.length };
31 | }
32 | function upgrade1to3(content) {
33 | 	var lines = content.split(/[\r\n]+/), line, result = ['3.0'];
34 | 	lines.shift();
35 | 	while ((line = lines.shift())) {
36 | 		let parts = line.split(/\s+/);
37 | 		// Remove proj_name param
38 | 		parts[5] = parts[6];
39 | 		// Set default computer Id
40 | 		parts[6] = pcid;
41 | 		result.push(parts.join(' '));
42 | 	}
43 | 	return result.join('\n');
44 | }
45 | function upgrade2to3(content) {
46 | 	var lines = content.split(/[\r\n]+/), line, result = ['3.0'];
47 | 	var monthChar2Num = { A: 10, B: 11, C: 12 };
48 | 	lines.shift();
49 | 	while ((line = lines.shift())) {
50 | 		let parts = line.split(/\s+/);
51 | 		//change date time format to timestamp
52 | 		var times = parts[1].match(/(\d{2})(\w)(\d{2})(\d{2})(\d{2})(\d{2})/);
53 | 		times[2] = monthChar2Num[times[2]] || times[2];
54 | 		for (var i = 1; i <= 6; i++)times[i] = Number(times[i]);
55 | 		parts[1] = new Date(2000 + times[1], times[2] - 1, times[3], times[4], times[5], times[6]).getTime();
56 | 		// Set default computer Id
57 | 		parts[6] = pcid;
58 | 		result.push(parts.join(' '));
59 | 	}
60 | 	return result.join('\n');
61 | }
62 | 
63 | 
64 | module.exports = { upgrade: upgrade }
65 | 


--------------------------------------------------------------------------------
/frontend/src/modules/dialog/share.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id)
 2 | 	div(data-chart=id style="height: 300px")
 3 | 
 4 | mixin formTitle(text, i18n)
 5 | 	p.text-muted.text-uppercase.mt-2.mb-1(data-i18n=i18n)= text
 6 | 
 7 | mixin fontSizeInput(text, name)
 8 | 	.col-6.col-lg-12: .input-group.mt-1
 9 | 		.input-group-prepend
10 | 			span.input-group-text(style="min-width: 60px")= text
11 | 		input.form-control(type="number" name=name)
12 | 		.d-none.d-md-block.input-group-append.hidden-xs
13 | 			span.input-group-text px
14 | 
15 | mixin markLineButton(_type)
16 | 	button.text-capitalize.btn.btn-markline.btn-default.mx-1(type="button"
17 | 	data-type=_type data-i18n="share_mark_line_"+_type)= _type
18 | 
19 | #dlgShare.modal.fade
20 | 	.modal-dialog.modal-lg
21 | 		.modal-content
22 | 			.modal-header
23 | 				h4.modal-title(data-i18n="title_share") Share
24 | 				button.close(type="button" data-dismiss="modal" aria-label="Close")
25 | 					span(aria-hidden="true") &times;
26 | 			.modal-body
27 | 				.container-fluid
28 | 					.row.mb-2
29 | 						.col-lg-8
30 | 							+formTitle("SHARE CONTENT", "share_content")
31 | 							input.form-control(name="text" style="font-size: 24px")
32 | 							textarea.form-control.text-muted.mt-2(name="subtext"
33 | 							style="height: 98px; font-size: 18px; resize: none"
34 | 							onkeydown="app.share.delayUpdate()")
35 | 						.col-lg-4
36 | 							+formTitle("FONT SIZE", "share_font_size")
37 | 							.row
38 | 								+fontSizeInput("Main", "fontSizeMain")
39 | 								+fontSizeInput("Sub", "fontSizeSub")
40 | 							+formTitle("MARK LINE", "share_mark_line")
41 | 							+markLineButton("max")
42 | 							+markLineButton("average")
43 | 							+markLineButton("min")
44 | 					.row: hr/
45 | 					.row: .col-12
46 | 						+chartBlock('share_summary')
47 | 					.row: .col-xs-12
48 | 						i.pull-right.text-muted(
49 | 						data-i18n="share_tip") (Click item in the chart to add markpoint for share)
50 | 					.row: .col-xs-12
51 | 						button.btn-download.btn.btn-success.pull-right(
52 | 						data-i18n="share_btn") Save share image
53 | 


--------------------------------------------------------------------------------
/frontend/src/sass/_sidebar.scss:
--------------------------------------------------------------------------------
 1 | @import '_color.scss';
 2 | 
 3 | .layout-sidebar {
 4 | 	$sidebar-bg: #F9FAFC;
 5 | 	$sidebar-bg-active: #F4F4F5;
 6 | 	$sidebar-border: rgba(0,0,0,.1);
 7 | 	$sidebar-color: #777;
 8 | 	$sidebar-color-active: #000;
 9 | 
10 | 	background-color: $sidebar-bg;
11 | 	border-bottom: 2px solid $sidebar-border;
12 | 	padding: 0;
13 | 
14 | 	@media (min-width: 768px) {
15 | 		border-right: 1px solid $sidebar-border;
16 | 
17 | 		position: -webkit-sticky;
18 | 		position: sticky;
19 | 		top: 3rem;
20 | 		z-index: 1000;
21 | 		max-height: calc(100vh - 3rem);
22 | 
23 | 	}
24 | 
25 | 	#reportRangeDropdown {
26 | 		padding: 1rem 15px;
27 | 		border-bottom: 1px solid $sidebar-border;
28 | 		.dropdown-toggle {
29 | 			color: $sidebar-color;
30 | 			border-color: $sidebar-color;
31 | 			background-color: $sidebar-bg;
32 | 			&:hover, &:active {
33 | 				background-color: $sidebar-bg-active;
34 | 				box-shadow: none;
35 | 			}
36 | 		}
37 | 		&.show .dropdown-toggle {
38 | 			background-color: $sidebar-bg-active;
39 | 			box-shadow: none;
40 | 		}
41 | 
42 | 		.dropdown-item.active,
43 | 		.dropdown-item:active {
44 | 			background-color: $primary-color !important;
45 | 			color: $primary-color-text !important;
46 | 		}
47 | 	}
48 | 
49 | 	#sidebarNav {
50 | 		@media (min-width: 768px) {
51 | 			display: block!important;
52 | 		}
53 | 	}
54 | 
55 | 	.nav-sidebar {
56 | 		margin-top: 20px;
57 | 		margin-bottom: 20px;
58 | 
59 | 		.nav-link {
60 | 			border-radius: 0;
61 | 			color: $sidebar-color !important;
62 | 			&.active {
63 | 				background-color: $sidebar-bg-active !important;
64 | 				color: $sidebar-color-active !important;
65 | 				border-left: 5px solid $primary-color-dark;
66 | 			}
67 | 			&:hover {
68 | 				color: $sidebar-color-active !important;
69 | 			}
70 | 
71 | 			.ion { margin-right:  10px; }
72 | 
73 | 			&.btn-new-report-ui {
74 | 				color: $primary-color-dark !important;
75 | 				text-shadow: 0 0 8px $primary-color-light;
76 | 
77 | 				&:hover {
78 | 					color: $primary-color !important;
79 | 				}
80 | 			}
81 | 		}
82 | 
83 | 	}
84 | }
85 | 


--------------------------------------------------------------------------------
/frontend/src/js/i18n/index.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const STORAGE_NAME = 'coding-tracker-i18n';
 4 | const DEFAULT_LANG = 'en';
 5 | let englishDirectoryIsEmpty = true;
 6 | let languages = {
 7 | 	'zh-cn': require('./zh-cn'),
 8 | 	'zh-tw': require('./zh-tw'),
 9 | 	'ru': require('./ru'),
10 | 	'en': require('./en')
11 | }, language = '';
12 | 
13 | updateUI();
14 | // Init Language Selector
15 | let $items = $('#selectI18N').find('.dropdown-item');
16 | updateLanguageSelectorActive();
17 | $items.off('click').on('click', function() {
18 | 	setLanguage($(this).attr('data-lang'));
19 | 	updateLanguageSelectorActive()
20 | });
21 | 
22 | function updateLanguageSelectorActive() {
23 | 	$items.removeClass('active');
24 | 	$items.filter(`[data-lang="${language}"]`).addClass('active');
25 | }
26 | 
27 | function updateUI() {
28 | 	language = localStorage.getItem(STORAGE_NAME) || DEFAULT_LANG;
29 | 	if (!(language in languages))
30 | 		language = DEFAULT_LANG;
31 | 
32 | 	let data = languages[language];
33 | 	$('[data-i18n]').map((i, item) => {
34 | 		let $item = $(item), name = $item.data('i18n');
35 | 		if(englishDirectoryIsEmpty)
36 | 			languages.en[name] = $item.text();
37 | 		$item.text(data[name]);
38 | 	});
39 | 
40 | 	englishDirectoryIsEmpty = false;
41 | }
42 | 
43 | function setLanguage(lang) {
44 | 	if (!(lang in languages))
45 | 		lang = DEFAULT_LANG;
46 | 	localStorage.setItem(STORAGE_NAME, lang);
47 | 	updateUI();
48 | }
49 | 
50 | function get(key) {
51 | 	return languages[language][key];
52 | }
53 | 
54 | /** @returns {string} */
55 | function getReadableTimeString(h, m, s) {
56 | 	let func = languages[language].formatTime || languages['en'].formatTime;
57 | 	return func(h, m, s);
58 | }
59 | 
60 | /** @param {Date|number} date */
61 | function getAbbrOfDayOfTheWeek(date) {
62 | 	let index = typeof date == 'number' ? date : date.getDay();
63 | 	return (languages[language].daysOfTheWeek || languages['en'].daysOfTheWeek)[index] || '';
64 | }
65 | 
66 | module.exports = {
67 | 	update: updateUI,
68 | 	setLanguage,
69 | 	get,
70 | 	getReadableTimeString,
71 | 	getAbbrOfDayOfTheWeek,
72 | 	get language() { return language }
73 | };
74 | 


--------------------------------------------------------------------------------
/docs/FILES.md:
--------------------------------------------------------------------------------
 1 | # File List
 2 | 
 3 | ## Structure
 4 | 
 5 | - `frontend` front-end codes
 6 | 	- `dist` front-end target codes (after building, optimizing and combining by builder)
 7 | 	- `lib` third party libraries (bootstrap, echarts ...)
 8 | 	- `src` sources
 9 | 		- `js`
10 | 			- `charts` charts modules
11 | 			- `i18n` i18n strings and methods
12 | 			- `routes` each child report page routers
13 | 			- `ui` some module to controlling user interface
14 | 			- `utils` some toolkit modules
15 | 		- `modules` some pug/html fragments
16 | 		- `sass` sass style-sheet sources
17 | - `build` config and source of frontend builder
18 | 	- Reference: <https://github.com/hangxingliu/fe-build-scripts>
19 | - `lib` server side codes
20 | - `test` unit test codes
21 | - `docs` some documents about this project
22 | - `bash_scripts` some bash helper scripts
23 | 
24 | ## Files
25 | 
26 | - `app.js` this server program launch and entry script
27 | 
28 | - `lib/Handler404and500.js` add page not found and server error handler to express server
29 | - `lib/Launcher.js` a module to get server script launch arguments and echo help information by **commander** library
30 | - `lib/Log.js` log module
31 | - `lib/ParamsChecker.js` check upload data complete
32 | - `lib/Storage.js` module to storage tracking data
33 | - `lib/TokenMiddleware.js` a token middleware to check upload token
34 | - `lib/Version.js` version description and check module
35 | - `lib/Welcome.js` module to echo welcome and version information to express server
36 | - `lib/UpgradeDatabaseFiles.js` module to upgrade old version database files to current version
37 | - `lib/RandomToken.js` module to randomly generate token string
38 | 
39 | - `lib/analyze/AnalyzeCore.js` analyze tracking data core class module
40 | - `lib/analyze/ReportMiddleware.js` a report API middleware
41 | 
42 | - `lib/utils/cleanDatabaseFiles` a Node.js script to clean up a folder files
43 | - `lib/utils/upgradeDatabaseFiles` a Node.js script to upgrade old database files in a folder to current version
44 | - `lib/utils/analyzer` a Node.js utility for analyzing database files
45 | 
46 | - `database/*.*` data of your vscode using track
47 | 
48 | 


--------------------------------------------------------------------------------
/test/src/ESLint.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="index.d.ts" />
 3 | 
 4 | // Code Review by ESLint
 5 | // No warning and error allow!
 6 | 
 7 | const FILES = [
 8 | 	'lib/',
 9 | 	'frontend/src/',
10 | 	'test/src/',
11 | 	'app.js'
12 | ];
13 | const TEST_SLOW_TIME = 60 * 1000;
14 | const TEST_TIMEOUT_TIME = 120 * 1000;
15 | 
16 | let path = require('path'),
17 | 	logFile = require('./utils/LogFile').createLogFile('eslint');
18 | 
19 | // Check this unit test is running in project root folder
20 | function runningInProjectRoot() {
21 | 	try {
22 | 		if (require(path.join(process.cwd(), 'package.json')).name
23 | 			!= 'vscode-coding-tracker-server')
24 | 			throw new Error();
25 | 	} catch (ex) {
26 | 		throw new Error(`Please run "${__filename}" unit test in project root folder`);
27 | 	}
28 | }
29 | 
30 | //>>>>>>>>>>>>>>>>>>>> Main Function
31 | 
32 | function main(then) {
33 | 	this.slow(TEST_SLOW_TIME);
34 | 	this.timeout(TEST_TIMEOUT_TIME);
35 | 
36 | 	let ESLint = require('eslint');
37 | 	//@ts-ignore
38 | 	let eslint = new ESLint.CLIEngine({ useEslintrc: true });
39 | 
40 | 	/** @type {ESLintResultItem[]} */
41 | 	let results = eslint.executeOnFiles(FILES).results;
42 | 	// filter: get warning/error file
43 | 	results = results.filter(item => item.messages.length);
44 | 
45 | 	let message = '';
46 | 	if (results.length) {
47 | 		let problemCount = 0, location = "";
48 | 		message = 'ESLint Error:\n';
49 | 		results.forEach(result => {
50 | 			result.messages.forEach(problem => {
51 | 				problemCount++;
52 | 				location = `${result.filePath}:${problem.line}:${problem.column}`;
53 | 				message += `  ${problem.ruleId}: ${location}\n`;
54 | 			});
55 | 		});
56 | 		logFile.appendLine(message);
57 | 		console.error(message);
58 | 
59 | 		return then(new Error(`There has ${problemCount} problems in ${results.length} files. ` +
60 | 			`You can get detailed information by running eslint.`));
61 | 	}
62 | 	logFile.appendLine(message);
63 | 	then();
64 | }
65 | 
66 | if (process.argv.indexOf('--no-eslint') < 0) {
67 | 	describe('ESLint', () => {
68 | 		it('# running in project root directory', runningInProjectRoot);
69 | 		it('# no warning and error', main);
70 | 	});
71 | }
72 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/languages_detailed.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByWatchingTime,
 6 | 	object2array,
 7 | } = require('../utils/utils'),
 8 | 	echarts = require('../utils/echartsUtils'),
 9 | 	dateTime = require('../utils/datetime');
10 | 
11 | const COLORS = ['#a5d6a7', '#80cbc4', '#90caf9', '#80deea', '#ef9a9a', '#ffcc80', '#bcaaa4'];
12 | const COLOR_OTHER = '#b0bec5';
13 | 
14 | function getColors(range) {
15 | 	if (!range) return COLORS;
16 | 	let result = [];
17 | 	for (let i = 0; i < range; i++) result.push(COLORS[i % COLORS.length]);
18 | 	result.push(COLOR_OTHER);
19 | 	return result;
20 | }
21 | 
22 | function tooltipFormatter(p, ticket, set) {
23 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
24 | 	return setText(`You spent<br/> <b>${p.percent}%</b> time` +
25 | 		`<br/>(<b>${dateTime.getReadableTime(p.value)}</b>)<br/> on ${p.name} `);
26 | }
27 | 
28 | let dataCache = null;
29 | 
30 | let base = require('./_base').createBaseChartClass();
31 | module.exports = { recommendedChartId: 'languages', init: base.init, update };
32 | 
33 | /**
34 |  * @param {{top?: number, data?: any}} attr
35 |  */
36 | function update(attr) {
37 | 	let { top = 0, data = null } = attr;
38 | 
39 | 	if (data) dataCache = data;
40 | 	else data = dataCache;
41 | 
42 | 	let array = orderByWatchingTime(object2array(data), true/*DESC*/);
43 | 
44 | 	if (top > 0) {
45 | 		let i0 = top, i1 = array.length;
46 | 		for (let i = i0 + 1; i < i1; i++) {
47 | 			array[i0].watching += array[i].watching;
48 | 			array[i0].coding += array[i].coding;
49 | 		}
50 | 		if (i1 > i0) {
51 | 			array[i0].name = 'other';
52 | 			array.length = i0 + 1;
53 | 		}
54 | 	}
55 | 	let langNames = array.map(it => it.name);
56 | 	base.getCharts().setOption({
57 | 		legend: { orient: 'vertical', x: 'right', data: langNames },
58 | 		color: getColors(array.length),
59 | 		grid: echarts.createPaddingGrid(0, 0, 0, 0),
60 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter },
61 | 		series: [
62 | 			echarts.createSeries('pie', 'watching')
63 | 				.setLabelBold()
64 | 				.setLabels(langNames)
65 | 				.setValues(array.map(it=>it.watching))
66 | 				.toObject()
67 | 		]
68 | 	});
69 | }
70 | 


--------------------------------------------------------------------------------
/frontend/src/js/index.d.ts:
--------------------------------------------------------------------------------
 1 | /// <reference path="echarts.d.ts" />
 2 | 
 3 | declare var echarts: EChartsStatic;
 4 | 
 5 | type CodingWatchingObject = {
 6 | 	watching: number;
 7 | 	coding: number;
 8 | 	[key: string]: any;
 9 | };
10 | 
11 | type EChartsSeriesCreator = {
12 | 	toObject(): EChartSeriesItem;
13 | 	showMaxMarkPoint(name: string): EChartsSeriesCreator;
14 | 	showAverageLine(name: string): EChartsSeriesCreator;
15 | 	setLineSmooth(): EChartsSeriesCreator;
16 | 
17 | 	setTooltip(formatter: string | Function): EChartsSeriesCreator;
18 | 	setLabelBold(): EChartsSeriesCreator;
19 | 
20 | 	setLineColor(color: any): EChartsSeriesCreator;
21 | 	setItemColor(color: any): EChartsSeriesCreator;
22 | 	setAreaColor(color: any): EChartsSeriesCreator;
23 | 
24 | 	setLabels(labels: string[]): EChartsSeriesCreator;
25 | 	setValues(values: string[]|number[]): EChartsSeriesCreator;
26 | 
27 | 	add(...options: any[]): EChartsSeriesCreator;
28 | }
29 | 
30 | type APIResponse = {
31 | 	total: CodingWatchingObject;
32 | 	groupBy: {
33 | 		computer: CodingWatchingMap;
34 | 		day: CodingWatchingMap;
35 | 		file: CodingWatchingMap;
36 | 		hour: CodingWatchingMap;
37 | 		language: CodingWatchingMap;
38 | 		project: CodingWatchingMap;
39 | 		vcs: CodingWatchingMap;
40 | 	}
41 | }
42 | type CodingWatchingMap = {
43 | 	[name: string]: CodingWatchingObject;
44 | };
45 | type CodingWatchingArray = CodingWatchingObject[];
46 | 
47 | 
48 | type IRoute = {
49 | 	name: string;
50 | 	start: (param: string) => void;
51 | 	stop: () => void;
52 | 	update?: (param: string) => void;
53 | 	[x: string]: any;
54 | };
55 | type IRoutesMap = { [x: name]: IRoute };
56 | 
57 | type ReportFilter = {
58 | 	from?: Date;
59 | 	to?: Date;
60 | 	project?: string;
61 | 	vcsRepo?: string;
62 | };
63 | type ReportFilterSubscriber = (filter: ReportFilter) => void;
64 | 
65 | type ChartModule = {
66 | 	recommendedName: string;
67 | 	init: (dom: HTMLElement) => EChartsInstance;
68 | 	update: (option: EChartOption) => void;
69 | };
70 | 
71 | type AdvancedVCSInfo = {
72 | 	type: string;
73 | 	short: string;
74 | 	path: string;
75 | 	branch: string;
76 | 	watching: number;
77 | 	coding: number;
78 | 	selected: boolean;
79 | };
80 | 
81 | type Association = {
82 | 	name: string;
83 | 	projects: string[];
84 | };
85 | 


--------------------------------------------------------------------------------
/frontend/src/js/ui/exportCSVDialog.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let utils = require('../utils/utils'),
 4 | 	csv = require('../utils/csv'),
 5 | 	download = require('downloadjs');
 6 | 
 7 | let $dialog = $('#dlgExportCSV'),
 8 | 	$fileName = $('#txtExportCSVName'),
 9 | 	$count = $('#txtExportRowNum'),
10 | 	$table = $('#tableExportPreview'),
11 | 	$btnOK = $('#btnExportDownload');
12 | 
13 | module.exports = { showExportDialog, getFileNameFromFilter };
14 | 
15 | /**
16 |  * @param {string} defaultFileName
17 |  * @param {string[]} headers
18 |  * @param {string[][]} body
19 |  */
20 | function showExportDialog(defaultFileName, headers, body) {
21 | 	const html = utils.escapeHtml;
22 | 	const PREVIEW_ROWS = 5;
23 | 
24 | 	let rowCount = body.length;
25 | 	let previewBody = body.slice(0, PREVIEW_ROWS);
26 | 
27 | 	let tableHTML = `
28 | 		<thead>
29 | 			<tr>${headers.map((header,i) =>
30 | 				`<th>
31 | 					<input class="check-column" type="checkbox" id="exportColSel${i}" checked data-col="${i}">
32 | 					<label for="exportColSel${i}" class="mb-0">${header}</label>
33 | 				</th>`).join('')}</tr>
34 | 		</thead>
35 | 		<tbody>
36 | 			${previewBody.map(row => `<tr>${row.map(col => `<td>${html(col)}</td>`).join('')}</tr>`).join('')}
37 | 			${rowCount > PREVIEW_ROWS
38 | 				? ('<tr>' + headers.map(() => '<td class="text-muted">...</td>').join('') + '</tr>')
39 | 				: ''}
40 | 		</tbody>`;
41 | 
42 | 	$fileName.val(defaultFileName);
43 | 	$count.text(rowCount);
44 | 	$table.html(tableHTML);
45 | 	$dialog.modal();
46 | 
47 | 	$btnOK.off('click').on('click', () => {
48 | 		let checkedColumns = $dialog.find('.check-column:checked');
49 | 
50 | 		let columns = {};
51 | 		checkedColumns.each((i, e) => { columns[$(e).data('col')] = true });
52 | 		if (Object.keys(columns).length == 0) return;
53 | 
54 | 		let targetHeaders = headers.filter((h, i) => i in columns),
55 | 			targetBody = body.map(row => row.filter((col, i) => i in columns));
56 | 
57 | 		let csvContent = csv.csvFromArray(targetHeaders, targetBody);
58 | 		download(csvContent, String($fileName.val()) + '.csv');
59 | 
60 | 		$dialog.modal('hide');
61 | 	});
62 | }
63 | 
64 | function getFileNameFromFilter() {
65 | 	let text = String($('.current-range').eq(0).text());
66 | 	return text.replace(/\W/g, '-').toLowerCase();
67 | }
68 | 


--------------------------------------------------------------------------------
/frontend/src/modules/top_navbar.pug:
--------------------------------------------------------------------------------
 1 | include _report_range_dropdown_menu.pug
 2 | 
 3 | mixin language(lang, text)
 4 |     a.dropdown-item(href='javascript:;', data-lang=lang)= text
 5 | 
 6 | header(class=['navbar', 'navbar-expand', 'navbar-dark'],
 7 |     class=['flex-column', 'flex-md-row', 'align-items-center'],
 8 |     class=['bg-primary-color-dark', 'layout-navbar'])
 9 |     a.navbar-brand.mr-0.mr-md-2(href='#', aria-label='VSCode Coding Tracker Report')
10 |         | VSCode Coding Tracker Report
11 |         sub Beta
12 |     ul.navbar-nav-scroll.navbar-nav.ml-auto
13 |         li#reportRangeDropdown4Mobile.nav-item.dropdown.mr-auto.d-md-none
14 |             a.nav-item.nav-link.dropdown-toggle.text-primary-color-text(
15 |                 href='javascript:;', data-toggle='dropdown',
16 |                 aria-haspopup='true', aria-expanded='false')
17 |                 i.ion.ion-calendar.mr-1.d-none.d-sm-inline
18 |                 span.d-none.d-sm-inline Range: &nbsp;
19 |                 b.current-range Recent 7 Days
20 |             +reportRangeDropdownMenu
21 |         li#selectI18N.nav-item.dropdown
22 |             a.nav-item.nav-link.dropdown-toggle.text-primary-color-text(
23 |                 href='javascript:;', data-toggle='dropdown',
24 |                 aria-haspopup='true', aria-expanded='false')
25 |                 i.ion.ion-earth.d-none.d-sm-inline
26 |                 | &nbsp;&nbsp;Languages
27 |             .dropdown-menu.dropdown-menu-right
28 |                +language("en", "English")
29 |                +language("zh-cn", "简体中文")
30 |                +language("zh-tw", "繁體中文")
31 |                +language("ru", "русский")
32 |         button#toggleSidebarNav.btn.btn-link.d-md-none.p-0.ml-3(
33 |             type="button",
34 |             data-toggle="collapse",data-target="#sidebarNav",
35 |             aria-controls="sidebarNav",aria-expanded="false",
36 |             aria-label="Toggle sidebar")
37 |             i.ion.ion-navicon
38 | 
39 | //-          +select('selectReportDateRange', 'glyphicon-calendar')
40 | //-              option(data-i18n="option_7_days", value='7', selected='') 7 days
41 | //-              option(data-i18n="option_30_days", value='30') 30 days
42 | //-              option(data-i18n="option_365_days", value='365') 365 days
43 | 


--------------------------------------------------------------------------------
/frontend/src/modules/bottom_info.html:
--------------------------------------------------------------------------------
 1 | <div id="bottomContainer" class="container-fluid mt-5"
 2 | 	style="padding-top: 30px; padding-bottom: 50px;background: #e0e0e0">
 3 | 	<div class="row justify-content-around">
 4 | 		<div class="col-10 col-sm-3">
 5 | 			<h2 data-i18n="title_author">Author</h2>
 6 | 			<p class="mb-0">LiuYue(hangxingliu)</p>
 7 | 			<p><a href="https://github.com/hangxingliu" target="_blank">Github</a></p>
 8 | 
 9 | 			<h2 data-i18n="title_version">Version</h2>
10 | 			<dl id="version">
11 | 				<dt data-i18n="title_server_version" >Server Version:</dt>
12 | 				<dd name="serverVersion"></dd>
13 | 				<br/>
14 | 				<dt data-i18n="title_storage_version" >Storage Version:</dt>
15 | 				<dd name="storageVersion"></dd>
16 | 			</dl>
17 | 			<h2 data-i18n="title_help">Help</h2>
18 | 			<p><a href="javascript:;" class="btn-show-welcome" data-i18n="show_welcome">welcome info</a></p>
19 | 		</div>
20 | 		<div class="col-10 col-sm-3">
21 | 			<h2 data-i18n="title_license">License</h2>
22 | 			<a href="https://github.com/hangxingliu/vscode-coding-tracker-server/blob/master/LICENSE" target="_blank">GPL-3.0</a>
23 | 
24 | 			<h2 data-i18n="title_components">Components</h2>
25 | 			<a href="https://ecomfe.github.io/echarts-doc/public/en/index.html" target="_blank">echarts3</a><br>
26 | 			<a href="https://jquery.com/" target="_blank">jquery</a><br>
27 | 			<a href="https://getbootstrap.com/" target="_blank">bootstrap</a><br>
28 | 			<a href="https://github.com/uxsolutions/bootstrap-datepicker" target="_blank">bootstrap-datepicker</a><br>
29 | 			<a href="http://ionicons.com/" target="_blank">ionicons</a><br>
30 | 		</div>
31 | 		<div class="col-10 col-sm-3">
32 | 			<h2 data-i18n="title_connect">Connect</h2>
33 | 			<p>
34 | 				<!-- npm badge -->
35 | 				<a href="https://www.npmjs.com/package/vscode-coding-tracker-server" target="_blank">
36 | 					<img src="https://img.shields.io/npm/v/vscode-coding-tracker-server.svg"/>
37 | 				</a>
38 | 				<!-- /npm badge -->
39 | 			</p>
40 | 			<p>
41 | 				<!-- github star -->
42 | 				<a class="github-button"
43 | 					href="https://github.com/hangxingliu/vscode-coding-tracker-server"
44 | 					data-size="large"
45 | 					data-show-count="true"
46 | 					aria-label="Star hangxingliu/vscode-coding-tracker-server on GitHub">
47 | 					Star
48 | 				</a>
49 | 				<!-- /github star -->
50 | 			</p>
51 | 			<%- include("bottom_info_links.pug") %>
52 | 		</div>
53 | 	</div>
54 | </div>
55 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/project_files.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByWatchingTime,
 6 | 	object2array
 7 | } = require('../utils/utils'),
 8 | 	echarts = require('../utils/echartsUtils'),
 9 | 	dateTime = require('../utils/datetime'),
10 | 	{ ONE_HOUR, getReadableTime } = dateTime;
11 | 
12 | function tooltipFormatter(p, ticket, set) {
13 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
14 | 	let i = p.dataIndex;
15 | 	if (i >= fileNames.length) return setText(null);
16 | 	return setText(`You spent<br/> (<b>${getReadableTime(p.value)}</b>)<br/> on <u>${fileNames[i]}</u>`);
17 | }
18 | 
19 | /**
20 | * @type {APIResponse}
21 | */
22 | let dataCache = null;
23 | let fileNames = [];
24 | 
25 | let base = require('./_base').createBaseChartClass();
26 | module.exports = { recommendedChartId: 'project_files', init: base.init, update };
27 | 
28 | /**
29 |  * @param {{top?: number, data?: any}} attr
30 |  */
31 | function update(attr) {
32 | 	let { top = 10, data = null } = attr;
33 | 
34 | 	if (data == null)
35 | 		data = dataCache; //Read from cache
36 | 	else
37 | 		dataCache = data; //Write to cache
38 | 
39 | 	let array = orderByWatchingTime(object2array(data)),
40 | 		displayFileNames = [];
41 | 	if (top > 0) array = array.slice(-top);
42 | 
43 | 	let chart = base.getCharts();
44 | 	let height = array.length * 50;
45 | 	$(base.getDOM()).height(height);
46 | 	chart.resize({ height });
47 | 
48 | 	fileNames = array.map(it => decodeURIComponent(it.name));
49 | 	displayFileNames = fileNames.map((name, i) =>
50 | 		name + ` (${getReadableTime(array[i].watching)})`);
51 | 
52 | 	let maxDuration = array.length ? array[array.length - 1].watching : ONE_HOUR;
53 | 	chart.setOption({
54 | 		legend: { data: [''] },
55 | 		xAxis: echarts.createTotalDurationXAxisForBar(maxDuration),
56 | 		yAxis: {
57 | 			type: 'category', nameLocation: 'start',
58 | 			// interval: 0 for force display all label
59 | 			axisTick: { show: false }, axisLabel: { inside: true, interval: 0 }, z: 2048,
60 | 			data: displayFileNames },
61 | 		grid: echarts.createPaddingGrid(15, 20, 0, 0),
62 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter},
63 | 		series: [
64 | 			echarts.createSeries('bar', 'watching')
65 | 				.setItemColor('#E4F6FE')
66 | 				.setValues(array.map(it=>it.watching))
67 | 				.add({ itemStyle: { normal: {borderColor: '#CAEDFD'}}})
68 | 				.toObject()
69 | 		]
70 | 	});
71 | }
72 | 


--------------------------------------------------------------------------------
/test/src/analyze/AnalyzeExpandToWholeDayTest.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let Analyzer = require('../../../lib/analyze/AnalyzeCore'),
 4 | 	{ Assert } = require('@hangxingliu/assert'),
 5 | 	{ GroupBy } = Analyzer;
 6 | 
 7 | // 1520568000000: 2018-03-09 12:00:00 (GMT+0800 CST)
 8 | // 1520611200000: 2018-03-10 00:00:00 (GMT+0800 CST)
 9 | const NOON = new Date(1520568000000);
10 | const NEXT_DAY = new Date(1520611200000);
11 | 
12 | // reference ../../resources/data-simulate-one-day/18309.db
13 | const FROM_NOON_WATCHING = 41990 + 20500;
14 | const FROM_NOON_CODING = 25000 + 10000;
15 | 
16 | // reference ../../resources/data-simulate-one-day/18309.db
17 | const WHOLE_DAY_WATCHING = 31990 + 41990 + 20500;
18 | const WHOLE_DAY_CODING = 20000 + 25000 + 10000;
19 | 
20 | 
21 | const DB_DIR = require('path').join(__dirname, '../../resources/data-simulate-one-day');
22 | const createAnalyzer = () => { let a = new Analyzer(DB_DIR); a.setGroupBy(GroupBy.ALL); return a; };
23 | 
24 | describe('New parameter `expandToWholeDay` in AnalyzeCore.analyze ', () => {
25 | 
26 | 	it('# ignore this parameter (same as `true`)', () => {
27 | 		let analyzer1 = createAnalyzer();
28 | 		Assert(analyzer1.analyze(NOON, NEXT_DAY)).isTrue();
29 | 
30 | 		let analyzer2 = createAnalyzer();
31 | 		Assert(analyzer2.analyze(NOON, NEXT_DAY, true)).isTrue();
32 | 
33 | 		Assert(analyzer1.getResult()).equalsInJSON(analyzer2.getResult());
34 | 
35 | 		// has working record about TODO.md in the morning although analyze from noon (expandToWholeDay)
36 | 		Assert(analyzer1.getResult())
37 | 			.field('groupBy').field('file').allKeys().sort()
38 | 			.equalsInJSON(['TODO.md', 'index.js', 'README.md',].sort());
39 | 
40 | 		Assert(analyzer1.getResult()).field('total').fieldsEqual({
41 | 			coding: WHOLE_DAY_CODING,
42 | 			watching: WHOLE_DAY_WATCHING
43 | 		});
44 | 
45 | 	});
46 | 
47 | 	it('# set this parameter as false', () => {
48 | 		let analyzerFromNoon = createAnalyzer();
49 | 		Assert(analyzerFromNoon.analyze(NOON, NEXT_DAY, false)).isTrue();
50 | 
51 | 		Assert(analyzerFromNoon.getResult()).field('total').fieldsEqual({
52 | 			coding: FROM_NOON_CODING,
53 | 			watching: FROM_NOON_WATCHING
54 | 		});
55 | 
56 | 		// has working record about TODO.md in the morning although analyze from noon (expandToWholeDay)
57 | 		Assert(analyzerFromNoon.getResult())
58 | 			.field('groupBy').field('file').allKeys().sort()
59 | 			.equalsInJSON(['index.js', 'README.md',].sort());
60 | 	});
61 | });
62 | 


--------------------------------------------------------------------------------
/frontend/src/js/router.js:
--------------------------------------------------------------------------------
 1 | /// <reference path="./index.d.ts" />
 2 | 
 3 | /** @type {IRoutesMap} */
 4 | let routesMap = {};
 5 | /** @type {IRoute} */
 6 | let activeRoute = null
 7 | 
 8 | let Router = {
 9 | 	init,
10 | 	isRouteExist,
11 | 	to,
12 | 	parseRoutePath,
13 | 	installRouteLinks,
14 | 	followRouterInURL
15 | };
16 | module.exports = Router;
17 | 
18 | /**
19 |  * @param {IRoute[]} routes
20 |  */
21 | function init(routes) {
22 | 	routesMap = {};
23 | 	routes.forEach(route => routesMap[route.name] = route);
24 | 
25 | 	installRouteLinks();
26 | 	return Router;
27 | }
28 | 
29 | function isRouteExist(name) { return name in routesMap; }
30 | 
31 | function installRouteLinks() {
32 | 	$('[data-route]').off('click').on('click', function () {
33 | 		let $this = $(this),
34 | 			path = $this.attr('data-route');
35 | 		let [route, params] = parseRoutePath(path);
36 | 		to(route, params);
37 | 	}).attr('href', 'javascript:;');
38 | }
39 | 
40 | /**
41 |  * @param {string} path
42 |  * @returns {[string, string]} 0: name; 1: params
43 |  */
44 | function parseRoutePath(path) {
45 | 	path = path.trim();
46 | 
47 | 	let index = path.indexOf('/');
48 | 	if (index < 0) return [path, ''];
49 | 	return [path.slice(0, index), path.slice(index + 1)];
50 | }
51 | 
52 | function followRouterInURL(defaultRoute) {
53 | 	let [defaultName, defaultParams] = parseRoutePath(defaultRoute);
54 | 	let hash = location.hash;
55 | 	if (!hash)
56 | 		return to(defaultName, defaultParams);
57 | 	let [name, params] = parseRoutePath(hash.slice(1));
58 | 	if (!isRouteExist(name))
59 | 		return to(defaultName, defaultParams);
60 | 	return to(name, params);
61 | }
62 | 
63 | /**
64 |  * @param {string} name
65 |  * @param {string} params
66 |  */
67 | function to(name, params) {
68 | 	if (!isRouteExist(name))
69 | 		return console.error(`Route ${name} is not existed!`);
70 | 
71 | 	location.hash = params ? `#${name}/${params}` : `#${name}`;
72 | 
73 | 	if (activeRoute) {
74 | 		if (activeRoute.name == name) {
75 | 			console.log(`Updating route ${name}`);
76 | 			return activeRoute.update && activeRoute.update(params);
77 | 		}
78 | 		console.log(`Route from ${activeRoute.name} to ${name}`);
79 | 		activeRoute.stop && activeRoute.stop();
80 | 	} else {
81 | 		console.log(`Route ${name}`);
82 | 	}
83 | 
84 | 	$('[data-route]').removeClass('active')
85 | 		.filter(`[data-route="${name}"]`).addClass('active');
86 | 	activeRoute = routesMap[name];
87 | 	activeRoute.start(params);
88 | }
89 | 
90 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/files.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByWatchingTime,
 6 | 	object2array
 7 | } = require('../utils/utils'),
 8 | 	echarts = require('../utils/echartsUtils'),
 9 | 	dateTime = require('../utils/datetime'),
10 | 	{ ONE_HOUR, getReadableTime } = dateTime;
11 | 
12 | const EACH_HEIGH = 50;
13 | 
14 | const SIZE = 5;
15 | let limit = SIZE, autoSize = false;
16 | 
17 | /** @type {string[]} */
18 | let fileNames = [];
19 | 
20 | function tooltipFormatter(p, ticket, set) {
21 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
22 | 	let i = p.dataIndex;
23 | 	if (i >= fileNames.length) return setText(null);
24 | 	return setText(`You spent <b>${getReadableTime(p.value)}</b><br/> on <u>${fileNames[i]}</u>`);
25 | }
26 | 
27 | let base = require('./_base').createBaseChartClass();
28 | module.exports = { recommendedChartId: 'files', init, update };
29 | 
30 | function init(dom, _limit = SIZE, _autoSize = false) {
31 | 	limit = _limit;
32 | 	autoSize = _autoSize;
33 | 	return base.init(dom);
34 | }
35 | 
36 | function update(dataGroupByFile) {
37 | 	let array = orderByWatchingTime(object2array(dataGroupByFile)),
38 | 		displayFileNames = [],
39 | 		charts = base.getCharts(),
40 | 		//interval: 0 for force display all label
41 | 		interval = undefined;
42 | 
43 | 	if (limit > 0) {
44 | 		array = array.slice(-limit);
45 | 	}
46 | 	if (limit <= 0 || autoSize) {
47 | 		let height = (array.length + 1) * EACH_HEIGH;
48 | 		$(base.getDOM()).height(height);
49 | 		charts.resize({ height });
50 | 		interval = 0;
51 | 	}
52 | 
53 | 	fileNames = array.map(it => decodeURIComponent(it.name));
54 | 	displayFileNames = fileNames.map((name, i) =>
55 | 		name + `(${getReadableTime(array[i].watching)})`);
56 | 
57 | 	let maxDuration = array.length ? array[array.length - 1].watching : ONE_HOUR;
58 | 	base.getCharts().setOption({
59 | 		legend: { data: [''] },
60 | 		xAxis: echarts.createTotalDurationXAxisForBar(maxDuration),
61 | 		yAxis: {
62 | 			type: 'category', nameLocation: 'start',
63 | 			axisTick: { show: false }, axisLabel: { inside: true, interval }, z: 1024,
64 | 			data: displayFileNames },
65 | 		grid: echarts.createPaddingGrid(15, 20, 0, 0),
66 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter},
67 | 		series: [
68 | 			echarts.createSeries('bar', 'watching')
69 | 				.setItemColor('#ce93d8')
70 | 				.setValues(array.map(it=>it.watching))
71 | 				.toObject()
72 | 		]
73 | 	});
74 | }
75 | 


--------------------------------------------------------------------------------
/frontend/src/modules/page/overview.pug:
--------------------------------------------------------------------------------
 1 | mixin chartBlock(id)
 2 | 	div(data-chart=id style="height: 250px")
 3 | 
 4 | mixin totallyIndicator(id)
 5 | 	h6.card-subtitle.text-muted.mb-3.mt-1(id=id)
 6 | 		span(data-i18n="title_totally_1") Totally: watching for
 7 | 		span.mx-1(name="watching") ----
 8 | 		span.ml-2(data-i18n="title_totally_2") coding for
 9 | 		span.mx-1(name="coding") ----
10 | 
11 | 
12 | //====mixin==========
13 | //===========HTML====
14 | 
15 | div.page-overview(style="display: none")
16 | 	.row
17 | 		.col-12
18 | 			.card.my-2
19 | 				.card-body
20 | 					h4.card-title
21 | 						span(data-i18n="title_summary") Coding activity
22 | 						a#btnShareSummary.text-accent-color.ml-2.link-share(href="javascript:;")
23 | 							span.ion-share
24 | 					+totallyIndicator("counterSummary")
25 | 					.card-text
26 | 						+chartBlock("summary")
27 | 	.row
28 | 		.col-12
29 | 			.card.my-2(style="height: 400px")
30 | 				.card-body
31 | 					h4.card-title(data-i18n="title_24hs") Recent 24 hours
32 | 					+totallyIndicator("counterLast24Hs")
33 | 					.card-text
34 | 						+chartBlock("24hs")
35 | 					a.card-link.float-right.link-full-report(href="javascript:;"
36 | 						data-route="24hours")
37 | 						span More 24 hours report
38 | 						span.ion-more.ml-2
39 | 	.row
40 | 		.col-md-8
41 | 			.card.my-2(style="height: 400px")
42 | 				.card-body
43 | 					h4.card-title(data-i18n="title_projects") Projects
44 | 					h6.card-subtitle.text-muted.mb-2.mt-1(data-i18n="title_projects_tip")
45 | 						| (click item in chart for details)
46 | 					.card-text
47 | 						+chartBlock("projects")
48 | 					a.card-link.float-right.link-full-report(href="javascript:;"
49 | 						data-route="projects")
50 | 						span Full report
51 | 						span.ion-connection-bars.ml-2
52 | 		.col-md-4
53 | 			.card.my-2(style="height: 400px")
54 | 				.card-body
55 | 					h4.card-title(data-i18n="title_languages") Languages
56 | 					.card-text
57 | 						+chartBlock("languages")
58 | 					a.card-link.float-right.link-full-report(href="javascript:;"
59 | 						data-route="languages")
60 | 						span Full report
61 | 						span.ion-connection-bars.ml-2
62 | 	.row
63 | 		.col-md-8
64 | 			.card.my-2
65 | 				.card-body
66 | 					h4.card-title(data-i18n="title_files") Files
67 | 					.card-text
68 | 						+chartBlock("files")
69 | 		.col-md-4
70 | 			.card.my-2
71 | 				.card-body
72 | 					h4.card-title(data-i18n="title_computers") Computers
73 | 					.card-text
74 | 						+chartBlock("computers")
75 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/share_summary.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByName,
 6 | 	object2array,
 7 | 	maxInArray
 8 | } = require('../utils/utils'),
 9 | 	echarts = require('../utils/echartsUtils'),
10 | 	dateTime = require('../utils/datetime'),
11 | 	{ ONE_HOUR, getReadableTime } = dateTime;
12 | 
13 | const DEFAULT_POINTS = [];
14 | 
15 | /** @type {CodingWatchingArray} */
16 | let data = [];
17 | /** @type {string[]} */
18 | let dateLabels = [];
19 | 
20 | /** @type {EChartOption} */
21 | let chartOptions = null;
22 | 
23 | 
24 | let base = require('./_base').createBaseChartClass();
25 | module.exports = { recommendedChartId: 'share_summary', init, update };
26 | 
27 | function init(dom, onClick) {
28 | 	let charts = base.init(dom);
29 | 	charts.on('click', onClick);
30 | 	return charts;
31 | }
32 | 
33 | function update(dataGroupByDate,
34 | 	{ text, subtext, fontSizeMain = '24', fontSizeSub = '18', lines = [], points = [] }) {
35 | 	data = orderByName(object2array(dataGroupByDate));
36 | 	dateLabels = data.map(it => it.name);
37 | 
38 | 	let maxDurationItem = maxInArray(data, (a, b) => a.watching > b.watching ? a : b),
39 | 		maxDuration = (maxDurationItem || { watching: ONE_HOUR }).watching;
40 | 
41 | 	let markLines = lines.map(type => ({
42 | 		type, label: { normal: { position: 'middle', formatter: markFormatter } }
43 | 	}));
44 | 	let fontSize1 = parseFloat(fontSizeMain), fontSize2 = parseFloat(fontSizeSub),
45 | 		fontSizeTotal = fontSize1 + fontSize2;
46 | 
47 | 	chartOptions = {
48 | 		title: {
49 | 			text, subtext,
50 | 			textStyle: { fontSize: fontSize1 },
51 | 			subtextStyle: { fontSize: fontSize2 }
52 | 		},
53 | 		xAxis: { data: dateLabels, axisPointer: { type: 'shadow' } },
54 | 		yAxis: echarts.createEachDurationAxis(maxDuration, false),
55 | 		grid: echarts.createPaddingGrid(fontSizeTotal * 1.8, 30, 20, 10),
56 | 		series: [
57 | 			echarts.createSeries('line', 'watching')
58 | 				.setMarkPointAsWideRect()
59 | 				.setLineSmooth()
60 | 				.setLineColor('#66bb6a')
61 | 				.setItemColor('#66bb6a')
62 | 				.setAreaColor('#c8e6c9')
63 | 				.setValues(data.map(it => it.watching))
64 | 				.add({ markLine: { data: markLines } })
65 | 				.add({ markPoint: { data: DEFAULT_POINTS } })
66 | 				.toObject()
67 | 		]
68 | 	};
69 | 	chartOptions.series[0].markPoint.data = points;
70 | 	base.getCharts().setOption(chartOptions);
71 | }
72 | 
73 | function markFormatter(p) { return getReadableTime(p.data.value); }
74 | 


--------------------------------------------------------------------------------
/frontend/src/js/i18n/zh-tw.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	formatTime: (hours = 0, minutes = 0, seconds = 0) => {
 3 | 		let result = [];
 4 | 		if (hours > 0) result.push(`${hours}小時`);
 5 | 		if (minutes > 0) result.push(`${minutes}分鐘`);
 6 | 		if (seconds > 0) result.push(`${seconds}秒`);
 7 | 		if (result.length == 0)
 8 | 			return `0`;
 9 | 		return result.join(' ');
10 | 	},
11 | 	daysOfTheWeek: ['日', '一', '二', '三', '四', '五', '六'],
12 | 
13 | 	title_summary: '編程時間總結',
14 | 	title_24hs: '24小時總結',
15 | 	title_projects: '項目耗時',
16 | 	title_projects_tip: '(點擊圖表項目查看詳細)',
17 | 	title_languages: '按語言分類',
18 | 	title_files: '文件耗時',
19 | 	title_computers: '按計算機分類',
20 | 	title_welcome: '歡迎來到報告頁面',
21 | 	title_vcs: '按版本控制系統分類(git)',
22 | 
23 | 	title_share: '分享',
24 | 
25 | 	title_author: '作者',
26 | 	title_version: '版本',
27 | 	title_help: '幫助',
28 | 	title_license: '開源協議',
29 | 	title_components: '相關組件',
30 | 	title_connect: '鏈接',
31 | 
32 | 	title_server_version: '服務器版本:',
33 | 	title_storage_version: '存儲文件版本:',
34 | 
35 | 	title_files_in_proj: '項目中的文件:',
36 | 	title_last_xx_days: '最近',
37 | 
38 | 	title_totally_1: '合計:',
39 | 	title_totally_2: '專注時間:',
40 | 
41 | 	full_report: '完整報告',
42 | 
43 | 	option_7_days: '7天',
44 | 	option_30_days: '30天',
45 | 	option_365_days: '365天',
46 | 
47 | 	word_top: '前',
48 | 	word_all: '全部',
49 | 	word_day: '天',
50 | 
51 | 	show_welcome: '歡迎/幫助信息',
52 | 
53 | 	// link in the bottom
54 | 	link_github_repo_server: 'Github倉庫(服務器端代碼)',
55 | 	link_github_repo_extension: 'Github倉庫(VSCode插件端代碼)',
56 | 	link_vscode_marketplace: 'VSCode插件市場',
57 | 
58 | 	// welcome Info
59 | 	welcome_subtitle: '這是VSCode Coding Tracker的編程情況報告頁面, 你能在這兒看到你日常的編程情況統計',
60 | 	welcome_intro: '簡介:',
61 | 	welcome_watching_time: '你使用(查看)VSCode的時長 (包括Coding time)',
62 | 	welcome_coding_time: '你在VSCode中寫代碼(敲鍵盤)的時長',
63 | 	welcome_tips: '提示:',
64 | 	welcome_tips_click_hover_title: '將鼠標放到或點擊圖表項',
65 | 	welcome_tips_click_hover: '將鼠標放到圖表項上以獲得詳細信息. 點擊項目圖表項可以查看針對某個項目的詳細報告',
66 | 	welcome_tips_language_title: '更換頁面語言',
67 | 	welcome_tips_language: '在頁面上方可更換語言, 在這個圖標旁:',
68 | 	welcome_contribution: '幫助改進:',
69 | 	welcome_contribution_1: '如果你有什麼好的點子 或 發現了一些bug/缺陷. 歡迎給這個項目提交',
70 | 	welcome_contribution_2: '或',
71 | 	welcome_btn_close: 'OK. 隱藏這個歡迎信息',
72 | 	welcome_reopen: '你可以點擊頁面底部的"歡迎/幫助信息"以重新顯示這個信息',
73 | 
74 | 	// share
75 | 	share_content: '分享文本',
76 | 	share_font_size: '字號',
77 | 	share_mark_line: '標記線',
78 | 	share_mark_line_max: '最大值',
79 | 	share_mark_line_average: '平均值',
80 | 	share_mark_line_min: '最小值',
81 | 	share_tip: '點擊圖表上的項目可 添加/刪除 標記點',
82 | 	share_btn: '保存為圖片分享'
83 | };
84 | 


--------------------------------------------------------------------------------
/frontend/src/js/i18n/zh-cn.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	formatTime: (hours = 0, minutes = 0, seconds = 0) => {
 3 | 		let result = [];
 4 | 		if (hours > 0) result.push(`${hours}小时`);
 5 | 		if (minutes > 0) result.push(`${minutes}分钟`);
 6 | 		if (seconds > 0) result.push(`${seconds}秒`);
 7 | 		if (result.length == 0)
 8 | 			return `0`;
 9 | 		return result.join(' ');
10 | 	},
11 | 	daysOfTheWeek: ['日', '一', '二', '三', '四', '五', '六'],
12 | 
13 | 	title_summary: '编程时间总结',
14 | 	title_24hs: '24小时总结',
15 | 	title_projects: '项目耗时',
16 | 	title_projects_tip: '(点击图表项目查看详细)',
17 | 	title_languages: '按语言分类',
18 | 	title_files: '文件耗时',
19 | 	title_computers: '按计算机分类',
20 | 	title_welcome: '欢迎来到报告页面',
21 | 	title_vcs: '按版本控制系统分类(git)',
22 | 
23 | 	title_share: '分享',
24 | 
25 | 	title_author: '作者',
26 | 	title_version: '版本',
27 | 	title_help: '帮助',
28 | 	title_license: '开源协议',
29 | 	title_components: '相关组件',
30 | 	title_connect: '链接',
31 | 
32 | 	title_server_version: '服务器版本:',
33 | 	title_storage_version: '存储文件版本:',
34 | 
35 | 	title_files_in_proj: '项目中的文件:',
36 | 	title_last_xx_days: '最近',
37 | 
38 | 	title_totally_1: '合计: ',
39 | 	title_totally_2: '专注时间:',
40 | 
41 | 	full_report: '完整报告',
42 | 
43 | 	option_7_days: '7天',
44 | 	option_30_days: '30天',
45 | 	option_365_days: '365天',
46 | 
47 | 	word_top: '前',
48 | 	word_all: '全部',
49 | 	word_day: '天',
50 | 
51 | 	show_welcome: '欢迎/帮助信息',
52 | 
53 | 	// link in the bottom
54 | 	link_github_repo_server: 'Github仓库(服务器端代码)',
55 | 	link_github_repo_extension: 'Github仓库(VSCode插件端代码)',
56 | 	link_vscode_marketplace: 'VSCode插件市场',
57 | 
58 | 	// welcome Info
59 | 	welcome_subtitle: '这是VSCode Coding Tracker的编程情况报告页面, 你能在这儿看到你日常的编程情况统计',
60 | 	welcome_intro: '简介:',
61 | 	welcome_watching_time: '你使用(查看)VSCode的时长 (包括Coding time)',
62 | 	welcome_coding_time: '你在VSCode中写代码(敲键盘)的时长',
63 | 	welcome_tips: '提示:',
64 | 	welcome_tips_click_hover_title: '将鼠标放到或点击图表项',
65 | 	welcome_tips_click_hover: '将鼠标放到图表项上以获得详细信息. 点击项目图表项可以查看针对某个项目的详细报告',
66 | 	welcome_tips_language_title: '更换页面语言',
67 | 	welcome_tips_language: '在页面上方可更换语言, 在这个图标旁:',
68 | 	welcome_contribution: '帮助改进:',
69 | 	welcome_contribution_1: '如果你有什么好的点子 或 发现了一些bug/缺陷. 欢迎给这个项目提交 ',
70 | 	welcome_contribution_2: ' 或 ',
71 | 	welcome_btn_close: 'OK. 隐藏这个欢迎信息',
72 | 	welcome_reopen: '你可以点击页面底部的"欢迎/帮助信息"以重新显示这个信息',
73 | 
74 | 	// share
75 | 	share_content: '分享文本',
76 | 	share_font_size: '字号',
77 | 	share_mark_line: '标记线',
78 | 	share_mark_line_max: '最大值',
79 | 	share_mark_line_average: '平均值',
80 | 	share_mark_line_min: '最小值',
81 | 	share_tip: '点击图表上的项目可 添加/删除 标记点',
82 | 	share_btn: '保存为图片分享'
83 | };
84 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/project_summary.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByName,
 6 | 	object2array,
 7 | 	maxInArray
 8 | } = require('../utils/utils'),
 9 | 	echarts = require('../utils/echartsUtils'),
10 | 	dateTime = require('../utils/datetime'),
11 | 	{ ONE_HOUR, getReadableTime } = dateTime;
12 | 
13 | function tooltipFormatter(p, ticket, set){
14 | 	let setText = text => (setTimeout(set, 1, ticket, text), text),
15 | 		getDurationText = ms => getReadableTime(ms);
16 | 	if (p.componentType == 'markLine') //average
17 | 		return setText(`Average ${p.seriesName} for <b>${getDurationText(p.value)}</b>`);
18 | 	else if (p.componentType == 'markPoint')
19 | 		return setText(`Longest ${p.seriesName} for <b>${getDurationText(p.value)}</b>` +
20 | 			`<br/>in ${dateLabels[p.data.coord[0]]}`)
21 | 	else if (Array.isArray(p) && p.length == 2)
22 | 		return setText(`In ${p[0].name}:<br/>` +
23 | 			p.map(it => `${it.seriesName} for <b>${getDurationText(it.value)}</b>`).join('<br/>'));
24 | 	return setText(null);
25 | }
26 | 
27 | function markFormatter(p) {
28 | 	return getReadableTime(p.data.value);
29 | }
30 | 
31 | let dateLabels = [];
32 | 
33 | let base = require('./_base').createBaseChartClass();
34 | module.exports = { recommendedChartId: 'project_summary', init: base.init, update };
35 | 
36 | function update(data) {
37 | 	let array = orderByName(object2array(data));
38 | 
39 | 	dateLabels = dateTime.getReadableDateDependentOnSize(array.map(it => it.name));
40 | 
41 | 	let maxDurationItem = maxInArray(array, (a, b) => a.watching > b.watching ? a : b),
42 | 		maxDuration = (maxDurationItem || { watching: ONE_HOUR }).watching;
43 | 
44 | 	let chart = base.getCharts();
45 | 	chart.resize({ height: 250 });
46 | 
47 | 	chart.setOption({
48 | 		xAxis: { data: dateLabels },
49 | 		yAxis: echarts.createEachDurationAxis(maxDuration),
50 | 		grid: echarts.createPaddingGrid(10, 50, 0, 0),
51 | 		tooltip: { trigger: 'axis', formatter: tooltipFormatter },
52 | 		series: [
53 | 			echarts.createSeries('line', 'watching')
54 | 				.showMaxMarkPoint('max time', markFormatter)
55 | 				.setMarkPointAsWideRect()
56 | 				.showAverageLine('average time', markFormatter)
57 | 				.setLineSmooth()
58 | 				.setLineColor('#66bb6a')
59 | 				.setItemColor('#66bb6a')
60 | 				.setAreaColor('#c8e6c9')
61 | 				.setValues(array.map(it=>it.watching))
62 | 				.toObject(),
63 | 			echarts.createSeries('line', 'coding')
64 | 				.setLineSmooth()
65 | 				.setLineColor('#1b5e20')
66 | 				.setItemColor('#1b5e20')
67 | 				.setAreaColor('#388e3c')
68 | 				.setValues(array.map(it=>it.coding))
69 | 				.toObject()
70 | 		]
71 | 	});
72 | }
73 | 
74 | 


--------------------------------------------------------------------------------
/frontend/src/js/i18n/ru.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 | 	title_summary: 'Итоговый отчет',
 3 | 	title_24hs: 'Отчет за последние 24 часа',
 4 | 	title_projects: 'Группировка по проектам',
 5 | 	title_projects_tip: ' (нажмите на элемент в диаграмме для деталей)',
 6 | 	title_languages: 'Языки',
 7 | 	title_files: 'Группировка по файлам',
 8 | 	title_computers: 'Компьютеры',
 9 | 	title_welcome: 'VSCode Coding Tracker отчет',
10 | 
11 | 	title_share: 'Поделиться',
12 | 
13 | 	title_author: 'Автор',
14 | 	title_version: 'Версия',
15 | 	title_help: 'Помощь',
16 | 	title_license: 'Лицензия',
17 | 	title_components: 'Компоненты',
18 | 	title_connect: 'Ссылки',
19 | 
20 | 	title_server_version: 'Версия сервера:',
21 | 	title_storage_version: 'Версия хранилища:',
22 | 
23 | 	title_files_in_proj: 'Файлы проекта:',
24 | 	title_last_xx_days: 'Последние',
25 | 
26 | 	title_totally_1: 'Всего: ',
27 | 	title_totally_2: 'просмотра; ',
28 | 
29 | 	full_report: 'Полный отчет',
30 | 
31 | 	option_7_days: '7 дней',
32 | 	option_30_days: '30 дней',
33 | 	option_365_days: '365 дней',
34 | 
35 | 	word_top: 'Популярные',
36 | 	word_all: 'Все',
37 | 	word_day: 'дней',
38 | 
39 | 	show_welcome: 'welcome info',
40 | 
41 | 	// link in the bottom
42 | 	link_github_repo_server: 'репозиторий сервера',
43 | 	link_github_repo_extension: 'репозиторий расширения',
44 | 	link_vscode_marketplace: 'VSCode расширения',
45 | 
46 | 	// welcome Info
47 | 	welcome_subtitle: '',
48 | 	welcome_intro: 'Введение:',
49 | 	welcome_watching_time: 'Время просмотра(включая время печатания)',
50 | 	welcome_coding_time: 'Время, потраченное на печатание',
51 | 	welcome_tips: 'Подсказки:',
52 | 	welcome_tips_click_hover_title: 'Нажмите или наведите мышь на диаграмму',
53 | 	welcome_tips_click_hover: 'Наведите для детальной информации. Кликните по столбцу с проектом для получения детального отчета по проекту.',
54 | 	welcome_tips_language_title: 'Изменение языка',
55 | 	welcome_tips_language: 'Выбор языка находится вверху страницы возле иконки:',
56 | 	welcome_contribution: 'Сотрудничество:',
57 | 	welcome_contribution_1: 'Если у вас есть идея или вы нашли ошибку, пожалуйста создайте ',
58 | 	welcome_contribution_2: ' или ',
59 | 	welcome_btn_close: 'OK. Спрятать эту информацию',
60 | 	welcome_reopen: 'Вы можете открыть это окно снова кликнув по кнопке "welcome info"',
61 | 
62 | 	// share
63 | 	share_content: 'Текст',
64 | 	share_font_size: 'Размер текста',
65 | 	share_mark_line: 'Добавить линию',
66 | 	share_mark_line_max: 'Максимум',
67 | 	share_mark_line_average: 'Средний',
68 | 	share_mark_line_min: 'Минимальный',
69 | 	share_tip: '(Нажмите на точку в диаграмме, чтоб добавить маркер со временем)',
70 | 	share_btn: 'Сохранить'
71 | };
72 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vscode-coding-tracker-server",
 3 |   "version": "0.7.0-dev",
 4 |   "description": "Visual Studio Code Coding Tracker Server Script",
 5 |   "main": "app.js",
 6 |   "scripts": {
 7 |     "test": "mocha --recursive test/src",
 8 |     "test-without-eslint-tsc": "npm test -- --no-eslint --no-tsc",
 9 |     "build": "node ./build/build.js",
10 |     "dev": "node ./build/build.js -w",
11 |     "watch": "node ./build/build.js -w",
12 |     "build-live": "node ./build/build.js -w",
13 |     "start": "node ./app",
14 |     "server": "node ./app",
15 |     "install-git-hooks": "cp ./utilities/git-pre-commit-hook.sh ./.git/hooks/pre-commit -vf",
16 |     "new-version": "bash ./utilities/new-version-tag.sh"
17 |   },
18 |   "bin": {
19 |     "coding-tracker-server": "app.js"
20 |   },
21 |   "repository": {
22 |     "type": "git",
23 |     "url": "https://github.com/hangxingliu/vscode-coding-tracker-server"
24 |   },
25 |   "keywords": [
26 |     "vscode",
27 |     "server",
28 |     "express",
29 |     "analyzer"
30 |   ],
31 |   "dependencies": {
32 |     "body-parser": "^1.18.3",
33 |     "colors": "^1.2.5",
34 |     "commander": "^2.15.1",
35 |     "express": "^4.16.3",
36 |     "fs-extra": "^4.0.3",
37 |     "morgan": "^1.9.1",
38 |     "serve-favicon": "^2.5.0"
39 |   },
40 |   "devDependencies": {
41 |     "@hangxingliu/assert": "^0.1.1",
42 |     "@types/body-parser": "^1.16.8",
43 |     "@types/bootstrap": "^4.0.1",
44 |     "@types/colors": "^1.1.3",
45 |     "@types/downloadjs": "^1.4.0",
46 |     "@types/express": "^4.0.39",
47 |     "@types/fs-extra": "^4.0.4",
48 |     "@types/jquery": "^3.3.1",
49 |     "@types/mocha": "^2.2.44",
50 |     "@types/morgan": "^1.7.35",
51 |     "@types/node": "^8.0.51",
52 |     "@types/popper.js": "^1.11.0",
53 |     "async": "^2.6.0",
54 |     "autoprefixer": "^8.4.1",
55 |     "babel-core": "^6.26.3",
56 |     "babel-eslint": "^8.0.2",
57 |     "babel-plugin-minify-mangle-names": "^0.4.0",
58 |     "babel-plugin-transform-merge-sibling-variables": "^6.9.1",
59 |     "babel-preset-es2015": "^6.24.1",
60 |     "babel-preset-es2017": "^6.24.1",
61 |     "browser-sync": "^2.26.3",
62 |     "browserify": "^16.2.3",
63 |     "cheerio": "^1.0.0-rc.2",
64 |     "core-js": "^2.5.3",
65 |     "downloadjs": "^1.4.7",
66 |     "ejs": "^2.5.9",
67 |     "eslint": "^4.18.2",
68 |     "hoek": "^5.0.3",
69 |     "html-minifier": "^3.5.15",
70 |     "lodash": "^4.17.11",
71 |     "mocha": "^4.0.1",
72 |     "node-sass": "^4.9.4",
73 |     "postcss": "^6.0.22",
74 |     "pug": "^2.0.3",
75 |     "request": "^2.87.0",
76 |     "tree-kill": "^1.2.0",
77 |     "typescript": "^2.7.2",
78 |     "watch": "^1.0.2",
79 |     "watchify": "^3.11.0"
80 |   },
81 |   "author": "hangxingliu",
82 |   "license": "GPL-3.0"
83 | }
84 | 


--------------------------------------------------------------------------------
/frontend/src/modules/startup_welcome.pug:
--------------------------------------------------------------------------------
 1 | mixin link2(link)
 2 | 	a(target="_blank" href=link)
 3 | 		block
 4 | 
 5 | #welcomeInfo.jumbotron(style="display: none")
 6 | 	h1(data-i18n="title_welcome") 
 7 | 		| Welcome to report page
 8 | 	p.text-muted(data-i18n="welcome_subtitle") 
 9 | 		| This is report page of vscode coding tracker,
10 | 		| you can get your coding activity report in this page.
11 | 
12 | 	p.mb-0
13 | 		span.ion-information-circled.mr-1
14 | 		span(data-i18n="welcome_intro") Intro:
15 | 	dl.ml-3
16 | 		dt Watching time
17 | 		dd.ml-1(data-i18n="welcome_watching_time") 
18 | 			| The time you watching in the VS Code (include coding time)
19 | 		dt Coding time
20 | 		dd.ml-1(data-i18n="welcome_coding_time") 
21 | 			| The time you typing in the VS Code (On the other hand, it reflects how long you focus coding)
22 | 
23 | 	p.mb-0
24 | 		span.ion-star.mr-1
25 | 		span(data-i18n="welcome_tips") Tips:
26 | 	dl.ml-3
27 | 		dt(data-i18n="welcome_tips_click_hover_title") Click or hover on the chart
28 | 		dd.ml-1(data-i18n="welcome_tips_click_hover") 
29 | 			| Hover for detailed info. Click project bar for detailed report of a project
30 | 		dt(data-i18n="welcome_tips_language_title") Change languages
31 | 		dd.ml-1 
32 | 			span(data-i18n="welcome_tips_language") 
33 | 				| Select languages in the top of page nearby icon: 
34 | 			span.ion-earth.mr-1
35 | 			| Include: Russian, 中文(简/繁) 
36 | 
37 | 	p.mb-0
38 | 		span.ion-edit.mr-1
39 | 		span(data-i18n="welcome_contribution") 
40 | 			| Contribution:
41 | 	span.ml-3.mb-3.d-inline-block
42 | 		span(data-i18n="welcome_contribution_1")
43 | 			| If you have any proposal or found any bug in this project. Please commit 
44 | 		+link2("https://github.com/hangxingliu/vscode-coding-tracker-server/issues") issues 
45 | 		span(data-i18n="welcome_contribution_2")
46 | 			| or give me 
47 | 		+link2("https://github.com/hangxingliu/vscode-coding-tracker-server/pulls") pull request 
48 | 		br/ 
49 | 		| I welcome translations to this page into other languages. 
50 | 		| And solve the language expression fault in the page.
51 | 		br/
52 | 		i 
53 | 			| (About contributing included translation, you can referer  
54 | 			a(href="https://github.com/hangxingliu/vscode-coding-tracker-server/blob/master/CONTRIBUTING.md" target="_blank") 
55 | 				| CONTRIBUTING.md 
56 | 			| )
57 | 	br/
58 | 	div.clearfix
59 | 		button.btn.btn-success.btn-hide-welcome.btn-lg.float-left(
60 | 		style="margin: 20px 10px -46px 0")
61 | 			span.ion-checkmark.mr-1
62 | 			span(data-i18n="welcome_btn_close")
63 | 				| OK. Hide this information
64 | 		span.text-muted.float-left(style="margin-top: 46px")
65 | 			span(data-i18n="welcome_reopen")
66 | 				| You can reopen this welcome information by clicking "<u>welcome info</u>" in the bottom of page.
67 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/24hours.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByName,
 6 | 	object2array,
 7 | 	maxInArray
 8 | } = require('../utils/utils'),
 9 | 	echarts = require('../utils/echartsUtils'),
10 | 	dateTime = require('../utils/datetime'),
11 | 	{ ONE_HOUR, getReadableTime } = dateTime;
12 | 
13 | let timeLabels = [];
14 | 
15 | 
16 | let base = require('./_base').createBaseChartClass();
17 | module.exports = { recommendedChartId: '24hs', init: base.init, update };
18 | 
19 | function update(dataGroupByDate) {
20 | 	let array = orderByName(object2array(dataGroupByDate));
21 | 	timeLabels = array.map(it => it.name);
22 | 
23 | 	let maxDurationItem = maxInArray(array, (a, b) => a.watching > b.watching ? a : b),
24 | 		maxDuration = (maxDurationItem || { watching: ONE_HOUR }).watching;
25 | 
26 | 	let series = [
27 | 		echarts.createSeries('line', 'watching')
28 | 			.showMaxMarkPoint('max time', markFormatter)
29 | 			.setMarkPointAsWideRect()
30 | 			.showAverageLine('average time', markFormatter)
31 | 			.setLineSmooth()
32 | 			.setLineColor('#29b6f6')
33 | 			.setItemColor('#29b6f6')
34 | 			.setAreaColor('#b3e5fc')
35 | 			.setValues(array.map(it => it.watching))
36 | 			.toObject(),
37 | 
38 | 		echarts.createSeries('line', 'coding')
39 | 			.setLineSmooth()
40 | 			.setLineColor('#01579b')
41 | 			.setItemColor('#01579b')
42 | 			.setAreaColor('#0288d1')
43 | 			.setValues(array.map(it => it.coding))
44 | 			.toObject()
45 | 	];
46 | 	//Remove max point and average line if no any data
47 | 	if (maxDuration <= 0) {
48 | 		series[0].markPoint.data = [];
49 | 		series[0].markLine.data = [];
50 | 	}
51 | 
52 | 	base.getCharts().setOption({
53 | 		xAxis: { data: array.map(it => it.name.slice(11)) },//slice(11) remove yyyy-mm-dd
54 | 		yAxis: echarts.createEachDurationAxis(maxDuration, true),
55 | 		grid: echarts.createPaddingGrid(25, 25, 0, 15),
56 | 		tooltip: { trigger: 'axis', formatter: tooltipFormatter},
57 | 		series
58 | 	});
59 | }
60 | 
61 | function markFormatter(p) {
62 | 	return getReadableTime(p.data.value);
63 | }
64 | function tooltipFormatter(p, ticket, set){
65 | 	let setText = text => (setTimeout(set, 1, ticket, text), text),
66 | 		getDurationText = ms => getReadableTime(ms);
67 | 	if (p.componentType == 'markLine') //average
68 | 		return setText(`Average ${p.seriesName} for <b>${getDurationText(p.value)}</b>`);
69 | 	else if (p.componentType == 'markPoint')
70 | 		return setText(`Longest ${p.seriesName} for <b>${getDurationText(p.value)}</b>` +
71 | 			`<br/>in ${timeLabels[p.data.coord[0]]}`)
72 | 	else if (Array.isArray(p) && p.length == 2)
73 | 		return setText(`In ${p[0].name}:<br/>` +
74 | 			p.map(it => `${it.seriesName} for <b>${getDurationText(it.value)}</b>`).join('<br/>'));
75 | 	return setText(null);
76 | }
77 | 
78 | 


--------------------------------------------------------------------------------
/frontend/src/js/routes/vcs.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const click = 'click';
 4 | 
 5 | let utils = require('../utils/utils'),
 6 | 	resizer = require('../utils/resizer'),
 7 | 	dateTime = require('../utils/datetime'),
 8 | 	csvDialog = require('../ui/exportCSVDialog'),
 9 | 	reportFilter = require('../reportFilter'),
10 | 	API = require('../api'),
11 | 	{ URL } = API;
12 | 
13 | let $page = $('.page-vcs');
14 | 
15 | let chartVCS = require('../charts/vcs');
16 | /** @type {EChartsInstance[]} */
17 | let charts = [];
18 | 
19 | /** @type {CodingWatchingMap} */
20 | let VCSData = {};
21 | 
22 | let $btnExportVCS = $('#btnExportGit');
23 | 
24 | module.exports = { name: utils.basename(__filename, '.js'), start, stop };
25 | 
26 | function stop() {
27 | 	charts.map(chart => chart.dispose());
28 | 	$page.hide();
29 | }
30 | 
31 | function start() {
32 | 	$page.show();
33 | 
34 | 	charts = [
35 | 		chartVCS.init(utils.getChartDom(chartVCS.recommendedChartId, $page)[0], item => void item)
36 | 	];
37 | 
38 | 	resizer.removeSubscriber();
39 | 	resizer.subscribe(charts);
40 | 
41 | 	reportFilter.removeSubscribers();
42 | 	reportFilter.subscribe(request);
43 | 
44 | 	$btnExportVCS.off(click).on(click, exportCSVGit);
45 | 
46 | 	request(reportFilter.getFilter());
47 | }
48 | 
49 | /** @param {ReportFilter} filter */
50 | function request(filter) {
51 | 	void filter; // keep this variable in here
52 | 	API.requestSilent(URL.vcs(), data =>
53 | 		chartVCS.update(getAdvancedVCSInfoArray(VCSData = data.groupBy.vcs)));
54 | }
55 | 
56 | /**
57 |  * @param {CodingWatchingMap} data
58 |  * @returns {AdvancedVCSInfo[]}
59 |  */
60 | function getAdvancedVCSInfoArray(data) {
61 | 	/** @type {AdvancedVCSInfo[]} */
62 | 	let result = [];
63 | 	Object.keys(data).forEach(vcsString => {
64 | 		let vcs = vcsString.split(':');
65 | 		vcs = vcs.map(it => decodeURIComponent(it || ''));
66 | 
67 | 		let [type, path, branch] = vcs;
68 | 
69 | 		result.push(Object.assign({
70 | 			type, path, branch, short: utils.getShortProjectName(path),
71 | 			selected: false
72 | 		}, data[vcsString]));
73 | 	});
74 | 	return result;
75 | }
76 | 
77 | function exportCSVGit() {
78 | 	const headers = ['Project', 'Path', 'Branch', 'Cost'];
79 | 	let rows = utils.orderByWatchingTime(utils.object2array(VCSData), true);
80 | 	console.log(rows);
81 | 
82 | 	let data = rows.map(row => {
83 | 		let time = VCSData[row.name].watching;
84 | 		let cost = dateTime.getReadableTime(time);
85 | 
86 | 		let vcs = row.name.split(':').map(it => decodeURIComponent(it || ''));
87 | 		let [, path, branch] = vcs;
88 | 		return [
89 | 			path ? utils.getShortProjectName(path) : 'others',
90 | 			path || 'without VCS',
91 | 			branch || '',
92 | 			cost
93 | 		];
94 | 	});
95 | 	let defaultFile = 'vcs_' + csvDialog.getFileNameFromFilter();
96 | 	csvDialog.showExportDialog(defaultFile, headers, data);
97 | }
98 | 


--------------------------------------------------------------------------------
/frontend/src/js/routes/languages.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const click = 'click';
 4 | 
 5 | let utils = require('../utils/utils'),
 6 | 	dateTime = require('../utils/datetime'),
 7 | 	resizer = require('../utils/resizer'),
 8 | 	csvDialog = require('../ui/exportCSVDialog'),
 9 | 	reportFilter = require('../reportFilter'),
10 | 	API = require('../api'),
11 | 	{ URL } = API;
12 | 
13 | let $page = $('.page-languages');
14 | let $rangeButtons = $page.find('.range-block [data-range]'),
15 | 	$btnExportLangauges = $('#btnExportLangauges');
16 | 
17 | let chartLanguages = require('../charts/languages_detailed');
18 | /** @type {EChartsInstance[]} */
19 | let charts = [];
20 | 
21 | /** @type {CodingWatchingMap} */
22 | let langaugesData = {};
23 | let totalWatchingTime = 0;
24 | 
25 | module.exports = { name: utils.basename(__filename, '.js'), start, stop };
26 | 
27 | function stop() {
28 | 	charts.map(chart => chart.dispose());
29 | 	$rangeButtons.off(click);
30 | 	$btnExportLangauges.off(click);
31 | 	$page.hide();
32 | }
33 | 
34 | function start() {
35 | 	$page.show();
36 | 
37 | 	charts = [
38 | 		chartLanguages.init(utils.getChartDom(chartLanguages.recommendedChartId, $page)[0])
39 | 	];
40 | 
41 | 	resizer.removeSubscriber();
42 | 	resizer.subscribe(charts);
43 | 
44 | 	reportFilter.removeSubscribers();
45 | 	reportFilter.subscribe(request);
46 | 
47 | 	$rangeButtons.on(click, updateRange);
48 | 	$btnExportLangauges.on(click, exportCSVLangauges);
49 | 
50 | 	request(reportFilter.getFilter());
51 | }
52 | 
53 | /** @param {ReportFilter} filter */
54 | function request(filter) {
55 | 	void filter; // keep this variable in here
56 | 	API.requestSilent(URL.languages(), data => {
57 | 		totalWatchingTime = data.total.watching;
58 | 		langaugesData = data.groupBy.language;
59 | 
60 | 		chartLanguages.update({ data: langaugesData })
61 | 	});
62 | }
63 | 
64 | const CLASS_RANGE_DEFAULT = 'btn-default';
65 | const CLASS_RANGE_SELECTED = 'btn-success';
66 | function updateRange() {
67 | 	let top = parseInt($(this).attr('data-range'));$rangeButtons.removeClass(CLASS_RANGE_SELECTED).addClass(CLASS_RANGE_DEFAULT);
68 | 	$rangeButtons.filter(`[data-range=${top}]`)
69 | 		.addClass(CLASS_RANGE_SELECTED).removeClass(CLASS_RANGE_DEFAULT);
70 | 	chartLanguages.update({ top });
71 | }
72 | 
73 | function exportCSVLangauges() {
74 | 	const headers = ['Language', 'Percent', 'Cost'];
75 | 	let rows = utils.orderByWatchingTime(utils.object2array(langaugesData), true);
76 | 	let data = rows.map(row => {
77 | 		let time = langaugesData[row.name].watching;
78 | 		let cost = dateTime.getReadableTime(time);
79 | 		return [
80 | 			decodeURIComponent(row.name),
81 | 			(time * 100 / totalWatchingTime).toFixed(2) + '%',
82 | 			cost];
83 | 	});
84 | 	let defaultFile = 'languages_' + csvDialog.getFileNameFromFilter();
85 | 	csvDialog.showExportDialog(defaultFile, headers, data);
86 | }
87 | 


--------------------------------------------------------------------------------
/test/src/utils/LoadFakeParseCliArguments.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const generateRandomToken = require('../../../lib/GenerateRandomToken');
 4 | const { Assert } = require('@hangxingliu/assert');
 5 | 
 6 | const modulePath = '../../../lib/ParseCliArguments.js';
 7 | 
 8 | let originalExports = null;
 9 | 
10 | let defaultAdminTokenString = null;
11 | let defaultTokenFile = null;
12 | let cliArgs = {};
13 | 
14 | module.exports = {
15 | 	selfTest,
16 | 	setup, unload,
17 | 	setCliArgs,
18 | 	setDefaultAdminToken,
19 | 	setDefaultTokenFile
20 | };
21 | 
22 | function selfTest() {
23 | 	setup();
24 | 	const replacedModule = require('../../../lib/ParseCliArguments');
25 | 
26 | 	setCliArgs({}, null, true);
27 | 	Assert(replacedModule.get().disableTokenFile).isTrue();
28 | 
29 | 	setCliArgs({ randomToken: true }, 'test-token.json');
30 | 	Assert(replacedModule.get()).fieldsEqual({
31 | 		disableTokenFile: false,
32 | 		noTokenFile: false,
33 | 		tokenFile: 'test-token.json'
34 | 	}).child('token').isString();
35 | 
36 | 	unload();
37 | }
38 | 
39 | /** @param {string} tokenString */
40 | function setDefaultAdminToken(tokenString) { defaultAdminTokenString = tokenString;}
41 | 
42 | /** @param {string} tokenFile */
43 | function setDefaultTokenFile(tokenFile) { defaultTokenFile = tokenFile;}
44 | 
45 | /**
46 |  * @param {any} [baseArgs]
47 |  * @param {string} [tokenFile]
48 |  * @param {boolean} [noTokenFile]
49 |  */
50 | function setCliArgs(baseArgs = {}, tokenFile = undefined, noTokenFile = false) {
51 | 	if (baseArgs.randomToken)
52 | 		baseArgs.token = generateRandomToken.gen();
53 | 	cliArgs = Object.assign({}, baseArgs, {
54 | 		noTokenFile,
55 | 		disableTokenFile: noTokenFile,
56 | 		tokenFile: noTokenFile || typeof tokenFile != 'string' ? null : tokenFile,
57 | 	});
58 | 	return cliArgs;
59 | }
60 | 
61 | function getFakeExport() {
62 | 	return {
63 | 		get, parse: get,
64 | 		getDefaultTokenFile: () => defaultTokenFile,
65 | 		getDefaultAdminToken: () => defaultAdminTokenString,
66 | 	};
67 | 
68 | 	function get() {
69 | 		// console.log(`call FakeParseCliArguments#get`);
70 | 		return cliArgs;
71 | 	}
72 | }
73 | 
74 | function setup() {
75 | 	if (originalExports) return;
76 | 
77 | 	require(modulePath);
78 | 	const cache = require.cache[require.resolve(modulePath)];
79 | 	if (!cache)
80 | 		throw new Error(`Could not load original module: ${modulePath} (\`cache\` is falsy)`);
81 | 	if (!cache.exports)
82 | 		throw new Error(`Could not load original module: ${modulePath} (\`cache.exports\` is falsy)`);
83 | 
84 | 	originalExports = cache.exports;
85 | 	cache.exports = getFakeExport();
86 | }
87 | 
88 | function unload() {
89 | 	if (!originalExports) return;
90 | 
91 | 	const cache = require.cache[require.resolve(modulePath)];
92 | 	if (!cache || !cache.exports) return;
93 | 
94 | 	cache.exports = originalExports;
95 | 	originalExports = null;
96 | }
97 | 


--------------------------------------------------------------------------------
/frontend/src/js/routes/24hours.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let utils = require('../utils/utils'),
 4 | 	dateTime = require('../utils/datetime'),
 5 | 	resizer = require('../utils/resizer'),
 6 | 	reportFilter = require('../reportFilter'),
 7 | 	API = require('../api'),
 8 | 	{ URL } = API,
 9 | 	filterDialog = require('../ui/24hsFromDialog');
10 | 
11 | // components in this sub-page
12 | let $page = $('.page-24hours'),
13 | 	$filterFrom = $page.find('.filter-24hs'),
14 | 	$txtFrom = $filterFrom.find('.txt');
15 | 
16 | // 3 charts in this sub-page
17 | let chart24hs = require('../charts/24hours');
18 | let chartProjects = require('../charts/projects');
19 | let chartFiles = require('../charts/files');
20 | 
21 | /** @type {EChartsInstance[]} */
22 | let charts = [];
23 | 
24 | /** @type {Date} */
25 | let startDate = null, endDate = null;
26 | 
27 | module.exports = { name: utils.basename(__filename, '.js'), start, stop };
28 | 
29 | function stop() {
30 | 	charts.map(chart => chart.dispose());
31 | 	$page.hide();
32 | }
33 | 
34 | function start() {
35 | 	$page.show();
36 | 	$filterFrom.off('click').on('click', () => filterDialog.show(onDateFilterChange));
37 | 
38 | 	charts = [
39 | 		[chartProjects],
40 | 		[chartFiles, 10, true],
41 | 		[chart24hs]
42 | 	//@ts-ignore
43 | 	].map(([c, ...p]) => c.init(utils.getChartDom(c.recommendedChartId, $page)[0], ...p));
44 | 
45 | 	resizer.removeSubscriber();
46 | 	resizer.subscribe(charts);
47 | 
48 | 	reportFilter.removeSubscribers();
49 | 	reportFilter.subscribe(request);
50 | 
51 | 	startDate = dateTime.getStartOfHour();
52 | 	startDate.setHours(startDate.getHours() - 23);
53 | 	onDateFilterChange(startDate);
54 | }
55 | 
56 | function request() {
57 | 	API.requestSilent(URL.hoursDetailed(startDate, endDate), on24HoursResponse);
58 | }
59 | 
60 | /** @param {Date} _startDate */
61 | function onDateFilterChange(_startDate) {
62 | 	startDate = _startDate;
63 | 
64 | 	endDate = new Date(startDate);
65 | 	endDate.setHours(endDate.getHours() + 23);
66 | 	endDate = dateTime.getEndOfHour(endDate);
67 | 
68 | 	$txtFrom.text(dateTime.getMMDD(startDate) + ' ' +dateTime.getHH00(startDate));
69 | 	request();
70 | }
71 | 
72 | /** @param {APIResponse} data */
73 | function on24HoursResponse(data) {
74 | 	chart24hs.update(utils.expandAndShortGroupByHoursObject(data.groupBy.hour, endDate));
75 | 	showTotalTimes(data.total, $('#counterCustom24Hs'));
76 | 
77 | 	chartProjects.update(data.groupBy.project);
78 | 	chartFiles.update(data.groupBy.file);
79 | }
80 | 
81 | /**
82 |  * @param {CodingWatchingObject} totalObject
83 |  * @param {JQuery} $dom
84 |  */
85 | function showTotalTimes(totalObject, $dom) {
86 | 	let data = {
87 | 		watching: dateTime.getReadableTime(totalObject.watching),
88 | 		coding: dateTime.getReadableTime(totalObject.coding),
89 | 	};
90 | 	$dom.find('[name]').each((i, e) => { $(e).text(data[$(e).attr('name')]) });
91 | }
92 | 


--------------------------------------------------------------------------------
/frontend/src/js/api.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | let StatusDialog = require('./ui/statusDialog');
 4 | let { getFilter } = require('./reportFilter');
 5 | 
 6 | const BASE = '/ajax/report-v2';
 7 | 
 8 | let APIToken = '';
 9 | let URL = {
10 | 	overview: () => getBaseURL('overview', getFilter()),
11 | 	languages: () => getBaseURL('languages', getFilter()),
12 | 	vcs: () => getBaseURL('vcs', getFilter()),
13 | 	project: proj => getBaseURL('project', getFilter()) + '&project=' + encodeURIComponent(proj),
14 | 
15 | 	hours: (startDate, endDate) => getGroupByHoursURL('hours', startDate, endDate),
16 | 	hoursDetailed: (startDate, endDate) => getGroupByHoursURL('hours-detailed', startDate, endDate),
17 | };
18 | 
19 | let API = {
20 | 	URL,
21 | 	init: () => {
22 | 		APIToken = (location.href.match(/[?&]token=(.+?)(&|$)/) || ['', ''])[1];
23 | 		return API;
24 | 	},
25 | 
26 | 	/**
27 | 	 * @param {string} url
28 | 	 * @param {(data: APIResponse) => void} callback
29 | 	 * @param {boolean} [silentWithoutDialog]
30 | 	 */
31 | 	request: (url, callback, silentWithoutDialog) => {
32 | 		silentWithoutDialog || StatusDialog.loading();
33 | 		$.ajax({
34 | 			method: 'GET', url,
35 | 			success: data => { StatusDialog.hide(), callback(data) },
36 | 			error: displayError
37 | 		});
38 | 	},
39 | 
40 | 	/**
41 | 	 * @param {string} url
42 | 	 * @param {(data: APIResponse) => void} callback
43 | 	 */
44 | 	requestSilent: (url, callback) => API.request(url, callback, true)
45 | 
46 | };
47 | module.exports = API;
48 | 
49 | /**
50 |  * @param {string} name
51 |  * @param {ReportFilter} filter
52 |  */
53 | function getBaseURL(name, filter) {
54 | 	return `${BASE}/${name}?token=${APIToken}&from=${filter.from.getTime()}&to=${filter.to.getTime()}`;
55 | }
56 | 
57 | /**
58 |  * @param {string} name
59 |  * @param {Date} [endDate]
60 |  */
61 | function getGroupByHoursURL(name, startDate, endDate) {
62 | 	return `${BASE}/${name}?token=${APIToken}&from=${startDate.getTime()}&to=${endDate.getTime()}`;
63 | }
64 | 
65 | 
66 | function displayError(error) {
67 | 	let info = '',
68 | 		getXHRInfo = () => `\n  readyState: ${error.readyState}\n  status: ${error.status}\n  statusText: ${error.statusText}`;
69 | 	if (error) {
70 | 		if (('readyState' in error && error.readyState < 4) ||
71 | 			('status' in error && error.status != 200))
72 | 			info = `Network exception!` + getXHRInfo();
73 | 		let response = json(error.responseText, {});
74 | 		if (response.error)
75 | 			info += `\nError:\n${obj2str(response.error, '  ')}`;
76 | 		else
77 | 			info += `\nResponse:\n${obj2str(response, '  ')}`;
78 | 	}
79 | 	if (!info)
80 | 		info = error;
81 | 	StatusDialog.failed(info);
82 | }
83 | function json(str, defaultValue = {}) {
84 | 	try { return JSON.parse(str); }
85 | 	catch (ex) { return defaultValue; }
86 | }
87 | function obj2str(obj, indent = '') {
88 | 	return JSON.stringify(obj, null, 2).split('\n').map(line => indent + line).join('\n');
89 | }
90 | 


--------------------------------------------------------------------------------
/lib/Handler404and500.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const JSON_HEADER = { "Content-Type": "application/json; charset=utf-8" };
 4 | const HTML_HEADER = { "Content-Type": "text/html; charset=utf-8" };
 5 | 
 6 | const TITLE_500 = `Server inner error`;
 7 | 
 8 | const log = require('./Log');
 9 | 
10 | module.exports = { setup, on404, on500 };
11 | 
12 | function setup(expressApp) {
13 | 	//fake 500
14 | 	//@ts-ignore
15 | 	if (global.DEBUG)
16 | 		expressApp.get('/fake-500', () => { throw new Error(`Fake 500`); })
17 | 
18 | 	//404
19 | 	expressApp.use(on404);
20 | 
21 | 	//500
22 | 	expressApp.use(on500);
23 | }
24 | 
25 | function on404(req, res) {
26 | 	const uri = req.originalUrl;
27 | 	if (req.xhr) {
28 | 		res.writeHead(404, JSON_HEADER);
29 | 		res.write(JSON.stringify({ error: `"${uri}" could not be found` }));
30 | 	} else {
31 | 		res.writeHead(404, HTML_HEADER);
32 | 		res.write(getHTML(404, `"${uri}" could not be found`));
33 | 	}
34 | 	res.end();
35 | }
36 | 
37 | //eslint-disable-next-line no-unused-vars
38 | function on500(err, req, res, next) {
39 | 	//@ts-ignore
40 | 	const debug = global.DEBUG;
41 | 
42 | 	if (!err) err = new Error(`Unknown Error!`);
43 | 	log.error(err.stack || err.message || String(err));
44 | 	if (req.xhr) {
45 | 		res.writeHead(500, JSON_HEADER);
46 | 		res.write(JSON.stringify(debug
47 | 			? { error: err.message || TITLE_500, stack: err.stack }
48 | 			: { error: TITLE_500 }));
49 | 	} else {
50 | 		res.writeHead(500, HTML_HEADER);
51 | 		res.write(debug
52 | 			? getHTML(500, err.message || TITLE_500, err.stack)
53 | 			: getHTML(500, TITLE_500));
54 | 	}
55 | 	res.end();
56 | }
57 | 
58 | /**
59 |  * @param {any} title
60 |  * @param {string} description
61 |  * @param {string} extraCode
62 |  */
63 | function getHTML(title, description, extraCode = null) {
64 | 	return `<!doctype html>
65 | <html lang="en">
66 | <head>
67 | 	<meta charset="utf-8">
68 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
69 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
70 | 	<title>${title}</title>
71 | 	<style>
72 | 		* { line-height: 1.2; margin: 0; }
73 | 		html { color: #888; display: table; font-family: sans-serif; height: 100%; text-align: center; width: 100%; }
74 | 		body { display: table-cell; vertical-align: middle; margin: 2em auto; }
75 | 		h1 { color: #555; font-size: 2em; font-weight: 400; }
76 | 		.error { max-width: 80%; background: #f8f8f8; border-radius: 20px; margin: 20px auto 0 auto; padding: 20px; }
77 | 		pre { text-align: left; padding: 0 0 20px 0; overflow-x: auto; }
78 | 		p { margin: 0 auto; width: 280px; }
79 | 		@media only screen and (max-width: 576px) {
80 | 			html, body { display: inherit; }
81 | 			.error { max-width: 100%; }
82 | 		}
83 | 	</style>
84 | </head>
85 | <body>
86 | 	<h1>${title}</h1>
87 | 	<p>${description}</p>
88 | 	${extraCode ? (`<div class="error"><pre><code>${extraCode}</code></pre></div>`) : ''}
89 | </body>
90 | </html>`;
91 | }
92 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/summary.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../index.d.ts" />
 3 | 
 4 | let {
 5 | 	orderByName,
 6 | 	object2array,
 7 | 	maxInArray
 8 | } = require('../utils/utils'),
 9 | 	echarts = require('../utils/echartsUtils'),
10 | 	dateTime = require('../utils/datetime'),
11 | 	{ ONE_HOUR, getReadableTime } = dateTime;
12 | 
13 | /** @type {string[]} */
14 | let dateLabels = [];
15 | 
16 | let base = require('./_base').createBaseChartClass();
17 | module.exports = { recommendedChartId: 'summary', init: base.init, update };
18 | 
19 | /** @param {CodingWatchingMap} dataGroupByDate */
20 | function update(dataGroupByDate) {
21 | 	/** @type {CodingWatchingArray} */
22 | 	let array = orderByName(object2array(dataGroupByDate));
23 | 
24 | 	let maxDurationItem = maxInArray(array, (a, b) => a.watching > b.watching ? a : b),
25 | 		maxDuration = (maxDurationItem || { watching: ONE_HOUR }).watching;
26 | 
27 | 	dateLabels = dateTime.getReadableDateDependentOnSize(array.map(it => it.name));
28 | 
29 | 	let series = [
30 | 		echarts.createSeries('line', 'watching')
31 | 			.showMaxMarkPoint('max time', markFormatter)
32 | 			.setMarkPointAsWideRect()
33 | 			.showAverageLine('average time', markFormatter)
34 | 			.setLineSmooth()
35 | 			.setLineColor('#66bb6a')
36 | 			.setItemColor('#66bb6a')
37 | 			.setAreaColor('#c8e6c9')
38 | 			.setValues(array.map(it => it.watching))
39 | 			.toObject(),
40 | 
41 | 		echarts.createSeries('line', 'coding')
42 | 			.setLineSmooth()
43 | 			.setLineColor('#1b5e20')
44 | 			.setItemColor('#1b5e20')
45 | 			.setAreaColor('#388e3c')
46 | 			.setValues(array.map(it => it.coding))
47 | 			.toObject()
48 | 	];
49 | 	//Remove max point and average line if no any data
50 | 	if (maxDuration <= 0) {
51 | 		series[0].markPoint.data = [];
52 | 		series[0].markLine.data = [];
53 | 	}
54 | 
55 | 	base.getCharts().setOption({
56 | 		xAxis: { data: dateLabels, axisPointer: { type: 'shadow' } },
57 | 		yAxis: echarts.createEachDurationAxis(maxDuration, false),
58 | 		grid: echarts.createPaddingGrid(10, 25, 0, 0),
59 | 		tooltip: { trigger: 'axis', formatter: tooltipFormatter },
60 | 		series
61 | 	});
62 | }
63 | 
64 | function markFormatter(p) {
65 | 	return getReadableTime(p.data.value);
66 | }
67 | function tooltipFormatter(p, ticket, set){
68 | 	let setText = text => (setTimeout(set, 1, ticket, text), text),
69 | 		getDurationText = ms => getReadableTime(ms);
70 | 	if (p.componentType == 'markLine') //average
71 | 		return setText(`Average ${p.seriesName} for <b>${getDurationText(p.value)}</b>`);
72 | 	else if (p.componentType == 'markPoint')
73 | 		return setText(`Longest ${p.seriesName} for <b>${getDurationText(p.value)}</b>` +
74 | 			`<br/>in ${dateLabels[p.data.coord[0]]}`)
75 | 	else if (Array.isArray(p) && p.length == 2)
76 | 		return setText(`In ${p[0].name}:<br/>` +
77 | 			p.map(it => `${it.seriesName} for <b>${getDurationText(it.value)}</b>`).join('<br/>'));
78 | 	return setText(null);
79 | }
80 | 


--------------------------------------------------------------------------------
/lib/ParseCliArguments.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | const version = require('./Version');
 4 | const generateRandomToken = require('./GenerateRandomToken');
 5 | 
 6 | // @ts-ignore
 7 | const cliArgs = require('commander');
 8 | 
 9 | const defaultTokenFile = '$HOME/.coding-tracker-token.json';
10 | const defaultAdminToken = '123456';
11 | 
12 | cliArgs
13 | 	.version(version.server)
14 | 	.usage('[option]')
15 | 	.description('Launch Visual Studio Code Coding Tracker Data Storage And Analyze Server')
16 | 	.option('-d, --debug', 'turn on the debug mode\n')
17 | 	.option('-t, --token <adminToken>', `an admin token could be used for upload and everything ("${defaultAdminToken}" by default if no token file could be used)`)
18 | 	.option('    --token-file <tokenFilePath>', `set token file path ("${defaultTokenFile}" by default)`)
19 | 	.option('    --disable-token-file', `disable "${defaultTokenFile}" and user given token file`)
20 | 	.option('    --no-token-file', `\n`)
21 | 	.option('-T, --random-token', 'set admin token as a random string (admin token could be used for upload and everything)')
22 | 	.option('    --public-report', 'set report API and page public (everyone could visit report page without token)\n')
23 | 	.option('-p, --port <serverPort>', 'server listen port', 10345)
24 | 	.option('-l, --local', 'turn on the local mode (bind on address 127.0.0.1). and could be kill by uri /ajax/kill\n')
25 | 	.option('-o, --output <dataOutputFolder>', 'upload data storage folder', './database');
26 | 	// @todo set output dir to "$HOME/.coding-tracker" by default.
27 | cliArgs._name = 'coding-tracker-server';
28 | 
29 | /** @param {string[]} argv */
30 | function parse(argv) {
31 | 	cliArgs.parse(argv);
32 | 
33 | 	//@ts-ignore
34 | 	global.DEBUG = cliArgs.debug;
35 | 
36 | 	if (cliArgs.randomToken)
37 | 		cliArgs.token = generateRandomToken.gen();
38 | 
39 | 	/*
40 | 		Normalize command line arguments
41 | 			(commander.js handle --token-file and --token-file incorrect)
42 | 	*/
43 | 	if (cliArgs.disableTokenFile || cliArgs.tokenFile === false) {
44 | 		cliArgs.disableTokenFile = true;
45 | 		cliArgs.noTokenFile = true;
46 | 		cliArgs.tokenFile = null;
47 | 
48 | 	} else if (cliArgs.tokenFile === true) { // without ant options in --token-file, --no-token-file and --disable-token-file
49 | 		cliArgs.disableTokenFile = false;
50 | 		cliArgs.noTokenFile = false;
51 | 		cliArgs.tokenFile = null;
52 | 
53 | 	} else {
54 | 		if (typeof cliArgs.tokenFile !== 'string') {
55 | 			console.error(`fatal: expected type of "--token-file" is boolean or string, but actual is ${typeof cliArgs.tokenFile}\n`);
56 | 			process.exit(1);
57 | 		}
58 | 		cliArgs.disableTokenFile = false;
59 | 		cliArgs.noTokenFile = false;
60 | 	}
61 | 
62 | 	return cliArgs;
63 | }
64 | 
65 | module.exports = {
66 | 	parse,
67 | 	getDefaultTokenFile: () => defaultTokenFile.replace('$HOME', process.env.USERPROFILE || process.env.HOME),
68 | 	getDefaultAdminToken: () => defaultAdminToken,
69 | 	get: () => cliArgs,
70 | };
71 | 


--------------------------------------------------------------------------------
/test/src/analyze/TestAnalyzeV2MergeProject.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | 
 3 | /* TODO:  MORE CHECK POINTS */
 4 | 
 5 | const AnalyzerV1 = require('../../../lib/analyze/AnalyzeCore');
 6 | const AnalyzerV2 = require('../../../lib/analyze/AnalyzeCoreV2');
 7 | const FileReader = require('../../../lib/analyze/CachedDataFileReader');
 8 | const { Assert } = require('@hangxingliu/assert');
 9 | 
10 | // 1528905600000: 2018-06-14 12:00:00 (GMT+0800 CST)
11 | // 1528992000000: 2018-06-15 00:00:00 (GMT+0800 CST)
12 | const TODAY = new Date(1528905600000);
13 | const NEXT_DAY = new Date(1528992000000);
14 | 
15 | // ==================================================================
16 | // reference ../../resources/data-test-better-project-merge/18614.db
17 | const WHOLE_DAY_WATCHING = 31990 + 41990 + 20500 + 20500;
18 | const WHOLE_DAY_CODING = 20000 + 25000 + 10000 + 10000;
19 | 
20 | const PROJ_A = '%2Fproj%2FA';
21 | const V1_WATCHING_IN_PROJ_A = 41990 + 20500;
22 | const V2_WATCHING_IN_PROJ_A = 41990;
23 | 
24 | const PROJ_B = '%2Fproj%2FB';
25 | const V1_WATCHING_IN_PROJ_B = 31990;
26 | const V2_WATCHING_IN_PROJ_B = 31990 + 20500;
27 | 
28 | const V1_FILES = ['main.cc', 'index.js', '%2Fproj%2FB%2Fmain.h', '%2Fproj%2Fsingle'].sort();
29 | const V2_FILES = ['main.cc', 'index.js', 'main.h', '%2Fproj%2Fsingle'].sort();
30 | 
31 | // ==================================================================
32 | 
33 | const DB_DIR = require('path').join(__dirname, '../../resources/data-test-better-project-merge');
34 | const fileReader = FileReader.createCachedDataFileReader(DB_DIR);
35 | 
36 | describe('Test better project merge behavior in AnalyzeCoreV2', () => {
37 | 	it('# shallow merge in V1', () => {
38 | 		let analyzer = new AnalyzerV1(DB_DIR);
39 | 		analyzer.setGroupBy(AnalyzerV1.GroupBy.ALL);
40 | 		Assert(analyzer.analyze(TODAY, NEXT_DAY)).isTrue();
41 | 
42 | 		Assert(analyzer.getWarning()).isArray().isEmpty();
43 | 
44 | 		const result = analyzer.getResult();
45 | 		Assert(result.total).fieldsEqual({ coding: WHOLE_DAY_CODING, watching: WHOLE_DAY_WATCHING });
46 | 		Assert(Object.keys(result.groupBy.file).sort()).equalsInJSON(V1_FILES);
47 | 
48 | 		Assert(result.groupBy.project).child(PROJ_A).fieldsEqual({ watching: V1_WATCHING_IN_PROJ_A });
49 | 		Assert(result.groupBy.project).child(PROJ_B).fieldsEqual({ watching: V1_WATCHING_IN_PROJ_B });
50 | 
51 | 		// console.log(result);
52 | 	});
53 | 
54 | 	it('# better merge in V2', (then) => {
55 | 		let analyzer = new AnalyzerV2(fileReader);
56 | 		analyzer.setGroupBy(AnalyzerV2.GroupBy.ALL);
57 | 		analyzer.analyze(TODAY, NEXT_DAY).then(() => {
58 | 			Assert(analyzer.getWarning()).isArray().isEmpty();
59 | 
60 | 			const result = analyzer.getResult();
61 | 			Assert(result.total).fieldsEqual({ coding: WHOLE_DAY_CODING, watching: WHOLE_DAY_WATCHING });
62 | 			Assert(Object.keys(result.groupBy.file).sort()).equalsInJSON(V2_FILES);
63 | 
64 | 			Assert(result.groupBy.project).child(PROJ_A).fieldsEqual({ watching: V2_WATCHING_IN_PROJ_A });
65 | 			Assert(result.groupBy.project).child(PROJ_B).fieldsEqual({ watching: V2_WATCHING_IN_PROJ_B });
66 | 
67 | 			// console.log(result);
68 | 
69 | 			process.nextTick(() => then());
70 | 		}).catch(err => then(err));
71 | 	});
72 | });
73 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # CHANGELOG
 2 | 
 3 | ### 0.6.1 (2018/xx/xx) **Developing on**
 4 | 
 5 | 1. add group by directory for files in project (**Working...**)
 6 | 
 7 | ### 0.6.0 (2018/03/23)
 8 | 
 9 | 0. Support exporting/downloading report data as CSV format.
10 | 1. Support adding association for projects (So you can merge report from different projects).
11 | 2. Fix incorrect 24 hours report.
12 | 3. Fix some wrong i18n on the UI.
13 | 4. More compatible with old browsers and mobile browsers.
14 | 
15 | ### 0.5.0 (2017/11/26)
16 | 
17 | 0. Support collect and report version control system(Git) activities.
18 | 1. More report charts. Better i18n, date format and time format.
19 | 2. Custom report date range. Custom start time for 24hours report.
20 | 3. New report page using Bootstrap4 with multiple child report pages.
21 | 4. Upgrade upload and storage protocol to 4.0. Improve storage action.
22 | 5. Breaking change in frontend structure (charts, i18n, routes, ui, utils ...).
23 | 
24 | ### 0.4.1 (2017/07/19)
25 | 
26 | 0. add Russian translation (Thank [Dolgishev Viktor (@vdolgishev)][vdolgishev])
27 | 1. fix a fatal bug (Storing data file without version in first line)
28 | 2. fix a small bug about default language item. and some wrong spelling in codes.
29 | 
30 | ### 0.4.0
31 | 
32 | 0. full projects and languages report
33 | 1. detailed report of specified project (each day coding times and echo file coding times)
34 | 2. i18n support (English, 简体中文, 繁體中文)(And waiting for your translation)
35 | 3. add startup welcome/help info
36 | 4. support share now (you can share your coding activities as chart image with your friend)
37 | 5. optimized loading dialog, chart, tooltip of chart and frontend codes (include new builder scripts) display
38 | 
39 | ### 0.3.1
40 | 
41 | 1. Added total time display in report page
42 | 2. Fixed mark point (maximum time) could not fully show. (add more padding to chart)
43 | 
44 | ### 0.3.0
45 | 
46 | 1. Added two API(`ajax/kill` and `ajax/test`)
47 | 2. Added unit test (And automatic test before commit) and eslint support
48 | 	- Install git client test before commit hook by using `npm install-git-hooks`
49 | 3. Supported 403, 404 and 500 HTTP status code to special response
50 | 4. Removed low version upload data support.
51 | 	- although there are not support for low version upload data anytime. 
52 | 	- but uploading an old version data will get a error JSON object in this version. 
53 | 5. Show is this server run under local mode in welcome JSON information.
54 | 
55 | ### 0.2.0
56 | 
57 | 1. **Added beta version report web page** and analyze cli tools
58 | 2. Added local mode, random token and public report options
59 | 2. Allowed api/upload token passing by query string, such as `/ajax/report/last24hs?token=${YOUR_TOKEN}`
60 | 3. Added more debug output in debug mode
61 | 
62 | ### 0.1.3
63 | 
64 | 1. Upgraded storage database file version from 2.0 to 3.0
65 | 2. Added two useful utilities (cleaner and updater)
66 | 3. Supported 3.0 upload format included upload computer ID
67 | 4. Fixed some bug
68 | 
69 | ### Older version
70 | 
71 | Because this repository be separated from
72 |  [original extension repository](https://github.com/hangxingliu/vscode-coding-tracker),
73 |  so older version information you could find in that repository CHANGELOG or commit information.
74 | 
75 |  [vdolgishev]: https://github.com/vdolgishev
76 | 


--------------------------------------------------------------------------------
/frontend/src/js/routes/overview.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | 
  3 | let utils = require('../utils/utils'),
  4 | 	dateTime = require('../utils/datetime'),
  5 | 	resizer = require('../utils/resizer'),
  6 | 	router = require('../router'),
  7 | 	reportFilter = require('../reportFilter'),
  8 | 	API = require('../api'),
  9 | 	{ URL } = API;
 10 | 
 11 | let $page = $('.page-overview');
 12 | let $btnShare = $('#btnShareSummary');
 13 | 
 14 | let chartSummary = require('../charts/summary');
 15 | let chart24hs = require('../charts/24hours');
 16 | let chartProjects = require('../charts/projects');
 17 | let chartFiles = require('../charts/files');
 18 | let chartComputers = require('../charts/computer');
 19 | let chartLanguages = require('../charts/languages');
 20 | /** @type {EChartsInstance[]} */
 21 | let charts = [];
 22 | 
 23 | /** @type {ReportFilter} */
 24 | let requestFilter = null;
 25 | 
 26 | module.exports = { name: utils.basename(__filename, '.js'), start, stop };
 27 | 
 28 | function stop() { charts.map(chart => chart.dispose()); $page.hide(); }
 29 | function start() {
 30 | 	$page.show();
 31 | 
 32 | 	charts = [
 33 | 		chartProjects.init(utils.getChartDom(chartProjects.recommendedChartId, $page)[0],
 34 | 			project => router.to('projects', project), 5)
 35 | 	].concat([
 36 | 		chartSummary,
 37 | 		chart24hs,
 38 | 		chartFiles,
 39 | 		chartComputers,
 40 | 		chartLanguages
 41 | 	].map(c => c.init(utils.getChartDom(c.recommendedChartId, $page)[0])));
 42 | 
 43 | 	resizer.removeSubscriber();
 44 | 	resizer.subscribe(charts);
 45 | 
 46 | 	reportFilter.removeSubscribers();
 47 | 	reportFilter.subscribe(request);
 48 | 
 49 | 	request(reportFilter.getFilter());
 50 | }
 51 | 
 52 | /** @param {ReportFilter} filter */
 53 | function request(filter) {
 54 | 	requestFilter = Object.assign({}, filter);
 55 | 	API.requestSilent(URL.overview(), onOverviewResponse);
 56 | 
 57 | 	let now = dateTime.now(),
 58 | 		endDate = dateTime.getEndOfHour(now),
 59 | 		startDate = dateTime.getStartOfHour(now);
 60 | 	startDate.setHours(startDate.getHours() - 23);
 61 | 	API.requestSilent(URL.hours(startDate, endDate), on24HoursResponse);
 62 | }
 63 | 
 64 | /** @param {APIResponse} data */
 65 | function on24HoursResponse(data) {
 66 | 	chart24hs.update(utils.expandAndShortGroupByHoursObject(data.groupBy.hour, Date.now()));
 67 | 	showTotalTimes(data.total, $('#counterLast24Hs'));
 68 | }
 69 | 
 70 | /** @param {APIResponse} data */
 71 | function onOverviewResponse(data) {
 72 | 	chartSummary.update(getSummaryDataFromResponse(data))
 73 | 	showTotalTimes(data.total, $('#counterSummary'));
 74 | 
 75 | 	chartProjects.update(data.groupBy.project);
 76 | 	chartFiles.update(data.groupBy.file);
 77 | 	chartComputers.update(data.groupBy.computer);
 78 | 	chartLanguages.update(data.groupBy.language);
 79 | }
 80 | 
 81 | 
 82 | /** @param {APIResponse} data */
 83 | function getSummaryDataFromResponse(data) {
 84 | 	let groupByDayData = $.extend(true, {}, data.groupBy.day),
 85 | 		summaryData = utils.expandGroupByDaysObject(groupByDayData, requestFilter.from, requestFilter.to);
 86 | 
 87 | 	$btnShare.off('click').on('click', () => require('../ui/share').shareSummary(summaryData, data.total));
 88 | 	return summaryData;
 89 | }
 90 | /**
 91 |  * @param {CodingWatchingObject} totalObject
 92 |  * @param {JQuery} $dom
 93 |  */
 94 | function showTotalTimes(totalObject, $dom) {
 95 | 	let data = {
 96 | 		watching: dateTime.getReadableTime(totalObject.watching),
 97 | 		coding: dateTime.getReadableTime(totalObject.coding),
 98 | 	};
 99 | 	$dom.find('[name]').each((i, e) => { $(e).text(data[$(e).attr('name')]) });
100 | }
101 | 


--------------------------------------------------------------------------------
/frontend/src/js/charts/vcs.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="../index.d.ts" />
  3 | 
  4 | let {
  5 | 	orderByWatchingTime
  6 | } = require('../utils/utils'),
  7 | 	echarts = require('../utils/echartsUtils'),
  8 | 	dateTime = require('../utils/datetime'),
  9 | 	{ ONE_HOUR, getReadableTime } = dateTime;
 10 | 
 11 | 
 12 | const EACH_HEIGH = 75;
 13 | // https://www.materialui.co/colors
 14 | // level 200, 900, 500(shadow)
 15 | const COLOR_MASTER = ['#C8E6C9', '#1B5E20', '#4CAF50']; // green
 16 | const COLOR_HEAD = ['#F0F4C3', '#827717', '#CDDC39']; // lime
 17 | const COLOR_NONE = ['#F5F5F5', '#212121', '#9E9E9E']; // grey
 18 | const COLOR = ['#BBDEFB', '#0D47A1', '#2196F3']; // blue
 19 | 
 20 | /** @type {AdvancedVCSInfo[]} */
 21 | let items = [];
 22 | /** @type {HTMLElement} */
 23 | let dom = null;
 24 | let onClick = null;
 25 | 
 26 | function tooltipFormatter(p, ticket, set) {
 27 | 	let setText = text => (setTimeout(set, 1, ticket, text), text);
 28 | 	let i = p.dataIndex;
 29 | 	if (i >= items.length) return setText(null);
 30 | 	let item = items[i];
 31 | 	let text = `You spent <b>${getReadableTime(p.value)}</b> on <br/>`;
 32 | 	if (!item.type)
 33 | 		return setText(text + 'Project without VCS');
 34 | 	return setText(text += `branch <b> ${item.branch}</b> of<br/> project <b>${item.path}</b> `)
 35 | }
 36 | 
 37 | let base = require('./_base').createBaseChartClass(charts => {
 38 | 	charts.on('click', params =>
 39 | 		typeof params.dataIndex == 'number' &&
 40 | 		onClick && onClick(items[params.dataIndex]));
 41 | });
 42 | module.exports = { recommendedChartId: 'vcs', update, init };
 43 | 
 44 | /**
 45 |  * @param {HTMLElement} _dom
 46 |  * @param {(item: AdvancedVCSInfo) => any} _onClick
 47 |  */
 48 | function init(_dom, _onClick) {
 49 | 	onClick = _onClick;
 50 | 	return base.init(dom = _dom);
 51 | }
 52 | 
 53 | /** @param {AdvancedVCSInfo[]} vcsArray */
 54 | function update(vcsArray) {
 55 | 	items = orderByWatchingTime(vcsArray);
 56 | 
 57 | 	let colors = items.map(it => {
 58 | 		if (!it.type) return COLOR_NONE;
 59 | 		if (it.branch == 'master')
 60 | 			return COLOR_MASTER;
 61 | 		if (it.branch == 'HEAD')
 62 | 			return COLOR_HEAD;
 63 | 		return COLOR;
 64 | 	})
 65 | 
 66 | 	let charts = base.getCharts();
 67 | 	let height = (items.length + 1) * EACH_HEIGH;
 68 | 	$(dom).height(height);
 69 | 	charts.resize({ height });
 70 | 
 71 | 	let maxDuration = items.length ? items[items.length - 1].watching : ONE_HOUR;
 72 | 	charts.setOption({
 73 | 		legend: { data: [''] },
 74 | 		xAxis: echarts.createTotalDurationXAxisForBar(maxDuration),
 75 | 		yAxis: [{
 76 | 			type: 'category', nameLocation: 'start',
 77 | 			axisTick: { show: false },
 78 | 			axisLabel: {
 79 | 				inside: true, interval: 0,
 80 | 				fontSize: 16,
 81 | 				color: (d, i) => colors[i][1],
 82 | 				rich: { b: {fontWeight: 'bold', fontSize: 18}}
 83 | 			},
 84 | 			z: 1024,
 85 | 			data: items.map(it => it.type ? `${it.short} ({b|${it.branch}})` : 'Project without VCS')
 86 | 		}, {
 87 | 			type: 'category', nameLocation: 'start',
 88 | 			axisTick: { show: false },
 89 | 			axisLabel: {
 90 | 				inside: true, interval: 0,
 91 | 				fontSize: 12,
 92 | 				padding: [30, 0, 0, 0]
 93 | 			},
 94 | 			z: 1024,
 95 | 			data: items.map(it => getReadableTime(it.watching))
 96 | 		}],
 97 | 		grid: echarts.createPaddingGrid(15, 20, 0, 0),
 98 | 		tooltip: { trigger: 'item', formatter: tooltipFormatter},
 99 | 		series: [
100 | 			echarts.createSeries('bar', 'watching')
101 | 				.setItemColor(data => colors[data.dataIndex][0])
102 | 				.setValues(items.map(it=>it.watching))
103 | 				.toObject()
104 | 		]
105 | 	});
106 | }
107 | 


--------------------------------------------------------------------------------
/test/resources/data-mock/18305.db:
--------------------------------------------------------------------------------
 1 | 4.0
 2 | 0 1520186758494 60000 cpp utilities%2Fdata-masking.cc %2Fprojects%2Fvscode-coding-tracker-server ubuntuLaptop git:/projects/vscode-coding-tracker-server:master 78 0 0 0
 3 | 2 1520186693742 5000 cpp utilities%2Fdata-masking.cc %2Fprojects%2Fvscode-coding-tracker-server ubuntuLaptop git:/projects/vscode-coding-tracker-server:master 78 0 0 0
 4 | 0 1520218061015 23077 json git %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop :: 67 0 0 0
 5 | 0 1520218087039 6801 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 1 0 0 0
 6 | 2 1520218088712 5000 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 1 0 0 0
 7 | 0 1520218125234 16686 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
 8 | 0 1520218141920 33292 javascript utils%2Fhint_data_getter.js %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
 9 | 2 1520218148578 10000 javascript utils%2Fhint_data_getter.js %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
10 | 2 1520218176031 5000 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
11 | 0 1520218176489 60489 javascript utils%2Fhint_data_getter.js %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 302 0 0 0
12 | 0 1520218304781 17281 json hint_data%2Fdirectives.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 10589 0 0 0
13 | 0 1520218327169 70025 json hint_data%2Fvariables.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 778 0 0 0
14 | 0 1520218397194 9901 json hint_data%2Fdirectives.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 10589 0 0 0
15 | 0 1520218419022 42953 gitignore .gitignore %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 72 0 0 0
16 | 2 1520218425023 30000 gitignore .gitignore %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 72 0 0 0
17 | 0 1520218476965 50410 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
18 | 2 1520218478506 20000 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
19 | 0 1520218535068 7750 html extension%2Fdocument_templates%2Fvariables.html %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 22 0 0 0
20 | 2 1520218545140 5000 NGINX nginx.conf %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 3 0 0 0
21 | 0 1520218552456 35004 gitignore .gitignore %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 72 0 0 0
22 | 2 1520218557273 10000 gitignore .gitignore %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 72 0 0 0
23 | 0 1520218595189 29034 json package.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 81 0 0 0
24 | 0 1520218629165 22673 json package.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 82 0 0 0
25 | 2 1520218638043 5000 json package.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 82 0 0 0
26 | 0 1520218663731 51480 json hint_data%2Fdirectives.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 10589 0 0 0
27 | 0 1520218723222 11378 json hint_data%2Fdirectives_document.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 4707 0 0 0
28 | 0 1520218734600 6199 json hint_data%2Fvariables.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 778 0 0 0
29 | 0 1520218740799 9083 json hint_data%2Fvariables_document.json %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 296 0 0 0
30 | 0 1520218889797 69555 markdown TODO.md %2Fprojects%2Fvscode-nginx-conf-hint ubuntuLaptop git::master 13 0 0 0
31 | 


--------------------------------------------------------------------------------
/test/src/analyze/DefinedStringTest.js:
--------------------------------------------------------------------------------
  1 | // Test Syntax v4
  2 | 
  3 | //@ts-check
  4 | let assert = require('assert'),
  5 | 	DefinedString = require('../../../lib/analyze/DefinedString');
  6 | 
  7 | describe('DefinedString', () => {
  8 | 	describe('#add', () => {
  9 | 		it('pure add method', () => {
 10 | 			let container = DefinedString.create();
 11 | 			let results = [
 12 | 				container.add(10, 'HelloWorld'),
 13 | 				container.add(0, '')
 14 | 			];
 15 | 			allValueIn(results, 'result').is(true);
 16 | 
 17 | 			let innerMap = container.getInnerMap();
 18 | 			assert.equal(Object.keys(innerMap).length, 2);
 19 | 
 20 | 			for (let key in innerMap)
 21 | 				assert.equal(typeof innerMap[key], 'string');
 22 | 		});
 23 | 
 24 | 		it('add invalid defining line', () => {
 25 | 			let container = DefinedString.create();
 26 | 			let results = [
 27 | 				'0 javascript',
 28 | 				'1 java script',
 29 | 				'd 0 ',
 30 | 				'd 0 java script',
 31 | 				'd nan java',
 32 | 			].map(line => container.addDefiningLine(line));
 33 | 			allValueIn(results, 'result').is(false);
 34 | 
 35 | 			assert.deepStrictEqual(Object.keys(container.getInnerMap()).length, 0);
 36 | 		});
 37 | 
 38 | 		it('add defining line success', () => {
 39 | 			let container = DefinedString.create();
 40 | 			let results = [
 41 | 				'd 0 javascript',
 42 | 				'd 1000000 java%20script'
 43 | 			].map(line => container.addDefiningLine(line));
 44 | 			allValueIn(results, 'result').is(true);
 45 | 
 46 | 			let innerMap = container.getInnerMap();
 47 | 			assert.deepStrictEqual(innerMap, {
 48 | 				0: 'javascript',
 49 | 				1000000: 'java%20script'
 50 | 			});
 51 | 		});
 52 | 	});
 53 | 
 54 | 	describe('#replace', () => {
 55 | 		it('no defined string in container', () => {
 56 | 			let container = DefinedString.create();
 57 | 			let strings = [
 58 | 				'test $1 helloWorld$2',
 59 | 				'helloWorld',
 60 | 				'',
 61 | 				'$$$$111$2',
 62 | 				'   '
 63 | 			];
 64 | 			assert.deepStrictEqual(
 65 | 				strings.map(str => container.replace(str)),
 66 | 				strings);
 67 | 		});
 68 | 
 69 | 		it('no defined string in test string', () => {
 70 | 			let container = DefinedString.create();
 71 | 			let strings = [
 72 | 				'test  helloWorld',
 73 | 				'helloWorld',
 74 | 				'',
 75 | 				'$$$ $',
 76 | 				'    '
 77 | 			];
 78 | 			assert.deepStrictEqual(
 79 | 				strings.map(str => container.replace(str)),
 80 | 				strings);
 81 | 
 82 | 			container.add(0, 'hello');
 83 | 			container.add(1, 'bomb');
 84 | 			assert.deepStrictEqual(
 85 | 				strings.map(str => container.replace(str)),
 86 | 				strings);
 87 | 		});
 88 | 
 89 | 		it('replace variable success', () => {
 90 | 			let container = DefinedString.create();
 91 | 			let strings = [
 92 | 				'test  $1helloWorld',
 93 | 				'helloWorld $1',
 94 | 				'$2',
 95 | 				'$$$$3$$$',
 96 | 				'  $5   '
 97 | 			];
 98 | 
 99 | 			assert.deepStrictEqual(
100 | 				strings.map(str => container.replace(str)),
101 | 				strings);
102 | 
103 | 			container.add(1, '$1');
104 | 			container.add(2, 'hello');
105 | 			container.add(3, ' ');
106 | 			container.add(5, 'nice to meet you');
107 | 
108 | 			let expect = [
109 | 				'test  $1helloWorld',
110 | 				'helloWorld $1',
111 | 				'hello',
112 | 				'$$$ $$$',
113 | 				'  nice to meet you   '
114 | 			];
115 | 			assert.deepStrictEqual(
116 | 				strings.map(str => container.replace(str)),
117 | 				expect);
118 | 		});
119 | 	});
120 | });
121 | 
122 | function allValueIn(array = [], name = '') {
123 | 	return { is };
124 | 
125 | 	function is(value) {
126 | 		array.forEach((val, i) =>
127 | 			assert.deepStrictEqual(val, value, `${name}[${i}] == ${value}`))
128 | 	}
129 | }
130 | 


--------------------------------------------------------------------------------
/frontend/src/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 8 | 	<meta name="description" content="<%= description %>">
 9 | 	<meta name="author" content="<%= author %>">
10 | 	<title><%= title.index %></title>
11 | 
12 | 	<link rel="stylesheet" href="../lib/bootstrap/bootstrap.min.css"
13 | 		integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" />
14 | 	<link rel="stylesheet" href="../lib/bootstrap-datepicker/bootstrap-datepicker3.standalone.min.css"
15 | 		integrity="sha384-IrYQ1tcN+l/QXghelUH14hl/3fhLb5R5zi/2yYd1+rPduPtz9Fno8Vk+KDAlYouL"/>
16 | 	<link rel="stylesheet" href="../lib/ionicons/css/ionicons.min.css"
17 | 		integrity="sha384-4r9SMzlCiUSd92w9v1wROFY7DlBc5sDYaEBhcCJR7Pm2nuzIIGKVRtYWlf6w+GG4"/>
18 | 	<link href="sass/index.css" rel="stylesheet" />
19 | 
20 | </head>
21 | <body>
22 | 
23 | 	<%- include("modules/top_navbar.pug") %>
24 | 	<div class="container-fluid">
25 | 		<div class="row">
26 | 			<div class="col-12 col-md-3 col-xl-2 layout-sidebar">
27 | 				<%- include("modules/sidebar.pug") %>
28 | 			</div>
29 | 			<main class="col-12 col-md-9 col-xl-10 mt-2 layout-content" role="main">
30 | 				<div class="body-include-welcome">
31 | 					<%- include("modules/startup_welcome.pug") %>
32 | 					<div id="bodyContainer">
33 | 						<%- include("modules/page/overview.pug") %>
34 | 						<%- include("modules/page/24hours.pug") %>
35 | 						<%- include("modules/page/projects_index.pug") %>
36 | 						<%- include("modules/page/projects_sub.pug") %>
37 | 						<%- include("modules/page/languages.pug") %>
38 | 						<%- include("modules/page/vcs.pug") %>
39 | 					</div>
40 | 				</div>
41 | 				<div class="row">
42 | 					<%- include("modules/bottom_info.html") %>
43 | 				</div>
44 | 			</main>
45 | 		</div>
46 | 	</div>
47 | 
48 | 	<!-- dialogues -->
49 | 	<div class="modal-container">
50 | 		<%- include("modules/dialog/status.pug") %>
51 | 		<%- include("modules/dialog/share.pug") %>
52 | 		<%- include("modules/dialog/associate_projects.pug") %>
53 | 		<%- include("modules/dialog/export_csv.pug") %>
54 | 		<%- include("modules/dialog/custom_date_range.pug") %>
55 | 		<%- include("modules/dialog/24_hours_from.pug") %>
56 | 	</div>
57 | 
58 | 	<!-- javascripts -->
59 | 	<script src="../lib/jquery/jquery.min.js"
60 | 		integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"></script>
61 | 	<script src="../lib/bootstrap/popper.min.js"
62 | 		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"></script>
63 | 	<script src="../lib/bootstrap/bootstrap.min.js"
64 | 		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"></script>
65 | 	<script src="../lib/bootstrap-datepicker/bootstrap-datepicker.min.js"
66 | 		integrity="sha384-w48xMCwgWQu0zb3PvQI/rK5lfN6G+lSWu+qI4ukKZg3I5Xx3/VWA8IiaQ8O7tZur"></script>
67 | 	<script src="../lib/echarts/dist/echarts.min.js"></script>
68 | 
69 | <script>
70 | (function(){
71 | 	var d=document,l=console.log;var s=d.createElement('script');s.src='js/index.js';
72 | 	function m(){setTimeout(function(){l("loading main script file ...");d.head.appendChild(s);},15);}
73 | 	if(typeof $ == "undefined") {alert("Oops, Your browser is too outdated to support!\n  (Becuase it can't even load jQuery)");}
74 | 	else if(!String.prototype.endsWith){l("loading core-js polyfille ...");$.getScript('js/polyfill.js', m);}
75 | 	else{m();}
76 | })();
77 | </script>
78 | 	<script async defer src="https://buttons.github.io/buttons.js"></script>
79 | 
80 | </body>
81 | 
82 | </html>
83 | 


--------------------------------------------------------------------------------
/lib/analyze/ReportMiddlewareV2.js:
--------------------------------------------------------------------------------
 1 | //@ts-check
 2 | /// <reference path="../types/AnalyzeCore.d.ts" />
 3 | 
 4 | "use strict";
 5 | const Analyzer = require('./AnalyzeCore'),
 6 | 	{ GroupBy } = Analyzer;
 7 | 
 8 | const GROUP_BY_OVERVIEW = GroupBy.DAY | GroupBy.LANGUAGE | GroupBy.FILE | GroupBy.PROJECT | GroupBy.COMPUTER;
 9 | const GROUP_BY_HOURS = GroupBy.HOUR;
10 | const GROUP_BY_HOURS_DETAILED = GroupBy.HOUR | GroupBy.PROJECT | GroupBy.FILE;
11 | const GROUP_BY_PROJECTS = GroupBy.DAY | GroupBy.FILE | GroupBy.LANGUAGE | GroupBy.COMPUTER;
12 | const GROUP_BY_LANGUAGES = GroupBy.LANGUAGE;
13 | 
14 | const HEADER_JSON = { "Content-Type": "application/json; charset=utf-8" };
15 | const ROUTER_MAP = {
16 | 	//Required parameters:
17 | 	//	week-cfg: {0: sunday; 1: monday}
18 | 	//  tz-offset: (timezone offset UTC)
19 | 	'GET /overview': [overview, 'from', 'to'],
20 | 	'GET /hours': [hours, 'from', 'to'],
21 | 	'GET /hours-detailed': [hoursDetailed, 'from', 'to'],
22 | 	'GET /project': [project, 'from', 'to', 'project'],
23 | 	'GET /languages': [languages, 'from', 'to'],
24 | 	'GET /vcs': [vcs, 'from', 'to'],
25 | };
26 | 
27 | let dbPath = 'this value will be set in init(databasePath) method';
28 | module.exports = { init: databaseFolder => (dbPath = databaseFolder, middleware) };
29 | 
30 | 
31 | function overview(from, to, req, res) { return analyze(res, from, to, GROUP_BY_OVERVIEW); }
32 | function hours(from, to, req, res) { return analyze(res, from, to, GROUP_BY_HOURS); }
33 | function hoursDetailed(from, to, req, res) { return analyze(res, from, to, GROUP_BY_HOURS_DETAILED); }
34 | function languages(from, to, req, res) { return analyze(res, from, to, GROUP_BY_LANGUAGES); }
35 | function vcs(from, to, req, res) { return analyze(res, from, to, GroupBy.VCS); }
36 | function project(from, to, project, req, res) {
37 | 	if (!project)
38 | 		return responseError(res, 400, 'param project is invalid!');
39 | 	let projects = project.split(':');
40 | 	return analyze(res, from, to, GROUP_BY_PROJECTS, { project: projects });
41 | }
42 | 
43 | /**
44 |  * @param {any} res
45 |  * @param {string} _from
46 |  * @param {string} _to
47 |  * @param {number} groupBy
48 |  * @param {any} [filter]
49 |  */
50 | function analyze(res, _from, _to, groupBy, filter) {
51 | 	let from = parseInt(_from), to = parseInt(_to);
52 | 	if (!from) return responseError(res, 400, 'param from is invalid!');
53 | 	if (!to) return responseError(res, 400, 'param to is invalid!');
54 | 
55 | 	let analyze = new Analyzer(dbPath);
56 | 	analyze.setGroupBy(groupBy);
57 | 	filter && analyze.setFilter(filter);
58 | 
59 | 	let success = analyze.analyze(new Date(from), new Date(to), false);
60 | 	if (!success)
61 | 		return responseError(res, 500, analyze.getError());
62 | 	res.json(analyze.getResult());
63 | }
64 | 
65 | //-------------- Core middleware ---------------------
66 | function middleware(req, res, next) { //eslint-disable-line no-unused-vars
67 | 	let routerName = getRouterName(),
68 | 		match = ROUTER_MAP[routerName];
69 | 	if (!match)
70 | 		return responseError(res, 404, `${routerName} not found!`);
71 | 
72 | 	let params = [];
73 | 	for (let i = 1; i < match.length; i++) {
74 | 		let name = match[i];
75 | 		params.push(req.query[name] || (req.body && req.body[name]) || void 0);
76 | 	}
77 | 	params.push(req);
78 | 	params.push(res);
79 | 
80 | 	match[0].apply(this, params);
81 | 
82 | 	function getRouterName() {
83 | 		let { method, url } = req, index = url.indexOf('?');
84 | 		if (index != -1) url = url.slice(0, index);
85 | 		return `${method} ${url}`;
86 | 	}
87 | }
88 | function responseError(res, code, message) {
89 | 	res.writeHead(code, HEADER_JSON);
90 | 	res.write(JSON.stringify({ error: message }));
91 | 	res.end();
92 | }
93 | 
94 | 


--------------------------------------------------------------------------------
/lib/analyze/CachedDataFileReader.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | 	@TODO: wait for test
  3 | 
  4 | 	validity of cache:
  5 | 
  6 | 	mtime > 1 week:  1  day
  7 | 	mtime > 1 day:   1  hour
  8 | 	else:            30 seconds
  9 | */
 10 | //@ts-check
 11 | /// <reference path="../types/CachedDataFileReader.d.ts" />
 12 | 
 13 | const DEBUG_LOG = true;
 14 | 
 15 | const fs = require('fs-extra');
 16 | const path = require('path');
 17 | 
 18 | const ONE_MINUTE = 1000 * 60;
 19 | const ONE_HOUR = 1000 * 3600;
 20 | const ONE_DAY = ONE_HOUR * 24;
 21 | const ONE_WEEK = ONE_DAY * 7;
 22 | 
 23 | module.exports = {
 24 | 	createCachedDataFileReader,
 25 | };
 26 | 
 27 | /**
 28 |  * @param {string} dataFileDir
 29 |  * @returns {CachedDataFileReader}
 30 |  */
 31 | function createCachedDataFileReader(dataFileDir) {
 32 | 	/** @type {{[fileName: string]: {to: number; content: string}}} */
 33 | 	let caches = {};
 34 | 
 35 | 	return { getDataFileDir, clearAllCache, clearCache, prepareFiles, readFile };
 36 | 
 37 | 	function getDataFileDir() {
 38 | 		return dataFileDir;
 39 | 	}
 40 | 
 41 | 	function clearAllCache() {
 42 | 		for (let key in caches)
 43 | 			delete caches[key];
 44 | 		caches = {};
 45 | 
 46 | 		if (DEBUG_LOG)
 47 | 			console.log('CachedDataFileReader: clearCache');
 48 | 	}
 49 | 
 50 | 	/**
 51 | 	 * @param {string} fileName
 52 | 	 */
 53 | 	function clearCache(fileName) {
 54 | 		if (fileName in caches)
 55 | 			delete caches[fileName];
 56 | 
 57 | 		if (DEBUG_LOG)
 58 | 			console.log(`CachedDataFileReader: clearCache ${fileName}`);
 59 | 	}
 60 | 
 61 | 	/**
 62 | 	 * @param {string[]} fileList
 63 | 	 */
 64 | 	function prepareFiles(fileList) {
 65 | 		const length = fileList.length;
 66 | 		const absPath = fileList.map(file => path.join(dataFileDir, file));
 67 | 		const prepare = []
 68 | 			.concat(absPath.map(abs => fs.readFile(abs, 'utf8')))
 69 | 			.concat(absPath.map(abs => fs.stat(abs)));
 70 | 
 71 | 		return Promise.all(prepare)
 72 | 			.then(array => {
 73 | 				const now = Date.now();
 74 | 				let count = 0;
 75 | 				for (let i = 0; i < length; i++) {
 76 | 					const stat = array[length + i];
 77 | 					if (!stat || !(stat.mtime instanceof Date))
 78 | 						continue;
 79 | 					count++;
 80 | 					caches[fileList[i]] = { to: getCacheTo(stat.mtime.getTime(), now), content: array[i] };
 81 | 				}
 82 | 				return count;
 83 | 			});
 84 | 	}
 85 | 
 86 | 	/**
 87 | 	 * @param {string} fileName
 88 | 	 */
 89 | 	function readFile(fileName) {
 90 | 		const cache = caches[fileName];
 91 | 		const now = Date.now();
 92 | 		if (cache) {
 93 | 			if (cache.to > now) {
 94 | 				if (DEBUG_LOG) {
 95 | 					const SEC = ((cache.to - now) / 1000).toFixed(0);
 96 | 					console.log(`CachedDataFileReader: readFile ${fileName} from cache (life: ${SEC}s)`);
 97 | 				}
 98 | 
 99 | 				return Promise.resolve(cache.content);
100 | 			}
101 | 			delete caches[fileName];
102 | 		}
103 | 
104 | 		const absPath = path.join(dataFileDir, fileName);
105 | 		return Promise.all([
106 | 			fs.readFile(absPath, 'utf8'),
107 | 			fs.stat(absPath),
108 | 		]).then(([content, stat]) => {
109 | 			let to = 0;
110 | 			if (stat && (stat.mtime instanceof Date)) {
111 | 				to = getCacheTo(stat.mtime.getTime(), now);
112 | 				caches[fileName] = { to , content };
113 | 			}
114 | 
115 | 			if (DEBUG_LOG) {
116 | 				const SEC = to ? `${((to - now) / 1000).toFixed(0)}s` : '--';
117 | 				console.log(`CachedDataFileReader: readFile ${fileName} (add cache: ${SEC})`);
118 | 			}
119 | 
120 | 			return content;
121 | 		})
122 | 	}
123 | }
124 | 
125 | 
126 | /**
127 |  * @param {number} mtime
128 |  * @param {number} now
129 |  */
130 | function getCacheTo(mtime, now) {
131 | 	const sub = now - mtime;
132 | 	if (sub > ONE_WEEK)
133 | 		return now + ONE_DAY;
134 | 	if (sub > ONE_DAY)
135 | 		return now + ONE_HOUR;
136 | 	return now + ONE_MINUTE;
137 | }
138 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing 
 2 | 
 3 | **Please** to read this document before **contributing code, translations or building**
 4 | 
 5 | vscode-coding-tracker<sup>1</sup> is a open-sources project licensed under [GPL-3.0](LICENSE).
 6 | 
 7 | > [1]: included two repository [vscode-coding-tracker](https://github.com/hangxingliu/vscode-coding-tracker) and [vscode-coding-tracker-server](https://github.com/hangxingliu/vscode-coding-tracker-server)
 8 | 
 9 | ## Commit Issue/Pull Request
10 | 
11 | Submitting an issue to this project is a easy way to contribute. 
12 | If you find a bug in this project or have of an improvement, you can create an [issue](https://github.com/hangxingliu/vscode-coding-tracker-server/issues).
13 | Of course, Pull Requests are welcomed for bug fixes and improvements.
14 | 
15 | ### Before Submitting an Issue
16 | 
17 | 1. Ensure you are in the correct repository between `vscode-coding-tracker` and `vscode-coding-tracker-server`
18 | 	- `vscode-coding-tracker-server` if you met trouble in report page (included charts, report result, translations ...)
19 | 	- otherwise, commit to `vscode-coding-tracker` repository.
20 | 2. Search for issues or feature requests that may have already been filed.
21 | 3. Please include information the following in your issue:
22 | 	- **VS Code version**
23 | 	- **extension version**
24 | 	- **your operation system**
25 | 	- **server version** (in the end of report page)
26 | 	- **Detailed reproduction ways or error tracking information**
27 | 
28 | ### Pull Request Requirements
29 | 
30 | 1. Passed test suites. [Travis-CI](https://travis-ci.org/hangxingliu/vscode-coding-tracker-server)
31 | 2. The target of pull request must be develop branch if there has any develop branch looks like `x.y.z-develop` in repository.
32 | 3. Included any one description followed in your pull request content
33 | 	- What bugs your pull request fixes
34 | 	- What improvements your pull request includes
35 | 
36 | ## Internationalize (Translation)
37 | 
38 | 1. Create a translation js file in `frontend/src/js/i18n/`
39 | 2. Add a line likes `'language_code': require('./language_code')` into `frontend/src/js/i18n/index.js`
40 | 3. Add a item likes `option(value='language_code') Language Name` into `frontend/src/modules/top_navbar.pug`
41 | 4. You can build frontend code and have a look.
42 | 
43 | ## Editing, Building, Running and Testing
44 | 
45 | ### Locating files
46 | 
47 | 1. Server side code (Node.js) is in folder `lib` and file `app.js`
48 | 2. Frontend code (report page code) is in folder `frontend/src`
49 | 	- distribution frontend files (after building) in folder `frontend/dist`
50 | 3. Libraries used in frontend in folder `frontend/lib`
51 | 
52 | Detailed files manifest: [FILES.md](docs/FILES.md)
53 | 
54 | ### Before editing code
55 | 
56 | 1. Make sure `node` and `npm` environments have been installed in your system. 
57 | 2. Executing `npm install` for Node.js tradition
58 | 3. If you want to edit frontend code (for example: HTML, style-sheet, scripts). Please install dependencies of builder by:
59 | 	- Linux/macOS, Executing script`./build/install-dependencies`
60 | 	- Windows, You should install dependencies manually by referring `./build/install-dependencies` file
61 | 4. Recommended IDE: `Visual Studio Code`
62 | 
63 | ### Building frontend code
64 | 
65 | `npm run build` or `npm run build-live`(building automatically after file be modified)
66 | 
67 | - Build configuration file location: `build/build.config.yaml`
68 | - Build scripts from repository: [fe-build-scripts](https://github.com/hangxingliu/fe-build-scripts)
69 | 
70 | ### Launching server
71 | 
72 | `npm start` or `npm run server`
73 | 
74 | - To pass parameters to server script, execute like this: `npm start -- --port=23333`
75 | - **Tips:** To debug server scripts with tracking data in local computer:
76 | 	- `npm start -- --public-report --port=9000 --output="$HOME/.coding-tracker"`
77 | 
78 | ### Test suites
79 | 
80 | `npm test` or `npm run test-no-eslint-tsc`
81 | 


--------------------------------------------------------------------------------
/test/src/utils/StartServerInstance.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | 
  3 | const net = require('net');
  4 | const path = require('path');
  5 | const { fork } = require('child_process');
  6 | const { Assert } = require('@hangxingliu/assert');
  7 | const killAll = require('tree-kill');
  8 | 
  9 | const { httpGetResponse200JSON, httpGetNotResponse } = require('./Http');
 10 | const Log = require('./LogFile');
 11 | 
 12 | const SERVER_CWD = path.join(__dirname, '..', '..', '..');
 13 | const SERVER_APP = path.join(SERVER_CWD, 'app.js');
 14 | 
 15 | module.exports = { selfTest, prepareServerInstance };
 16 | 
 17 | function selfTest() {
 18 | 	const server = prepareServerInstance('self-test', []);
 19 | 	let testURL = '';
 20 | 	return server.start()
 21 | 		.then(port => {
 22 | 			testURL = `http://127.0.0.1:${port}`;
 23 | 			Assert(port).isNumber().greaterThan(0);
 24 | 			return httpGetResponse200JSON(testURL).promise;
 25 | 		})
 26 | 		.then(() => server.kill())
 27 | 		.then(() => httpGetNotResponse(testURL).promise)
 28 | 		.catch(ex => {
 29 | 			server.kill(); // no then promise: finnally kill for ensure server be killed!
 30 | 			throw ex;
 31 | 		});
 32 | }
 33 | 
 34 | /**
 35 |  * @param {string} serverId
 36 |  * @param {string[]} serverOptions
 37 |  */
 38 | function prepareServerInstance(serverId, serverOptions) {
 39 | 	const log = Log.createLogFile(`server-${serverId}`);
 40 | 	let instance = null;
 41 | 
 42 | 	return { start, kill };
 43 | 
 44 | 	/** @returns {Promise<number>} server port */
 45 | 	function start() {
 46 | 		return new Promise((resolve, reject) => {
 47 | 			let callbacked = false;
 48 | 			const callback = (fn, ...param) => {
 49 | 				if (callbacked) return;
 50 | 				callbacked = true;
 51 | 				fn(...param);
 52 | 			};
 53 | 
 54 | 			getPort().then(port => {
 55 | 				const getPortMsg = `Server ${serverId} getPort: ${port}`;
 56 | 				log.appendLine(getPortMsg);
 57 | 				// console.log(getPortMsg);
 58 | 
 59 | 				instance = fork(SERVER_APP,
 60 | 					[...serverOptions, '--port', String(port)],
 61 | 					//@ts-ignore
 62 | 					{ cwd: SERVER_CWD, silent: true }); // silent: pipe stdout, stderr, stdin into parent(event listener).
 63 | 				instance.stdout.setEncoding('utf8');
 64 | 				instance.stderr.setEncoding('utf8');
 65 | 				instance.on('error', error => {
 66 | 					const msg = `Server ${serverId} onError: ${error.stack}`;
 67 | 					console.error(msg);
 68 | 					log.appendLine(msg);
 69 | 					callback(reject, error);
 70 | 				});
 71 | 				instance.on('exit', (code, signal) => {
 72 | 					const msg = `Server ${serverId} exit with ${signal||''}(${code})`;
 73 | 					log.appendLine(msg);
 74 | 					// console.log(msg);
 75 | 
 76 | 					if(code != 0)
 77 | 						callback(reject, new Error(msg));
 78 | 				});
 79 | 				instance.stderr.on('data', data => {
 80 | 					log.appendLine(String(data));
 81 | 				});
 82 | 				instance.stdout.on('data', data => {
 83 | 					const str = String(data);
 84 | 					log.appendLine(str);
 85 | 					if (str.indexOf('Server started!') >= 0)
 86 | 						return callback(resolve, port);
 87 | 				});
 88 | 			}).catch(ex => callback(reject, ex));
 89 | 		});
 90 | 	}
 91 | 
 92 | 	function kill() {
 93 | 		return new Promise((resolve, reject) => {
 94 | 			if (!instance)
 95 | 				return resolve();
 96 | 			killAll(instance.pid, 'SIGTERM', error => {
 97 | 				if (!error) return resolve();
 98 | 
 99 | 				const msg = `Kill Server ${serverId} onError: ${error.stack}`;
100 | 				console.error(msg);
101 | 				log.appendLine(msg);
102 | 				return reject(error);
103 | 			});
104 | 		});
105 | 	}
106 | }
107 | 
108 | 
109 | /** @returns {Promise<number>} */
110 | function getPort() {
111 | 	return new Promise((resolve, reject) => {
112 | 		const server = net.createServer();
113 | 		server.unref();
114 | 		server.on('error', reject);
115 | 		server.listen(() => {
116 | 			const port = server.address().port;
117 | 			server.close(() => {
118 | 				resolve(port);
119 | 			});
120 | 		});
121 | 	})
122 | }
123 | 


--------------------------------------------------------------------------------
/frontend/src/js/reportFilter.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="./index.d.ts" />
  3 | 
  4 | let dateTime = require('./utils/datetime');
  5 | let customRangeDlg = require('./ui/customDateRangeDialog');
  6 | 
  7 | const CUSTOM = '20';
  8 | const DROPDOWN_IDS = ['#reportRangeDropdown','#reportRangeDropdown4Mobile'];
  9 | const RECENT_DAYS = [0, 7, 14, 30, 365];
 10 | 
 11 | /** @type {ReportFilter} */
 12 | let filter = {};
 13 | let subscribers = [];
 14 | 
 15 | installReportRangeComponent();
 16 | 
 17 | function installReportRangeComponent() {
 18 | 	let $rangeDropdown = $(DROPDOWN_IDS.join());
 19 | 	let $currentRange = $rangeDropdown.find('.current-range');
 20 | 	let $rangeDropdownItem = $rangeDropdown.find('.dropdown-item');
 21 | 	$rangeDropdownItem.off('click').on('click', onClick);
 22 | 	onClick.call($rangeDropdownItem[0]);
 23 | 
 24 | 	function onClick() {
 25 | 		let rangeId = $(this).attr('data-range');
 26 | 		if (rangeId == CUSTOM)
 27 | 			return customRangeDlg.show((from, to) => {
 28 | 				from = dateTime.getStartOfDay(from);
 29 | 				to = dateTime.getEndOfDay(to);
 30 | 
 31 | 				$currentRange.text(dateTime.getMMDD(from) + ' ~ ' + dateTime.getMMDD(to));
 32 | 				setCustomRange(from, to);
 33 | 			});
 34 | 
 35 | 		$currentRange.text($(this).text());
 36 | 		setRange(rangeId);
 37 | 	}
 38 | }
 39 | function getRangeDescription() {
 40 | 	return String($(DROPDOWN_IDS[0]).find('.current-range').text());
 41 | }
 42 | 
 43 | /** @param {string} _rangeId */
 44 | function setRange(_rangeId) {
 45 | 	let rangeId = parseInt(_rangeId);
 46 | 	if (isNaN(rangeId)) return;
 47 | 
 48 | 	// from and to are start of today and end of today by default
 49 | 	let from = dateTime.getStartOfDay();
 50 | 	let to = dateTime.getEndOfDay(from);
 51 | 
 52 | 	if (rangeId < 10) {
 53 | 		// Recent xx days
 54 | 		if (!(rangeId in RECENT_DAYS))
 55 | 			return console.error(`FATAL: ${rangeId} is not a valid RECENT_DAYS`);
 56 | 		from = dateTime.subtractDays(from, RECENT_DAYS[rangeId] - 1);
 57 | 
 58 | 	} else if (rangeId == 11 || rangeId == 12) {
 59 | 		// This week or last week
 60 | 		from.setDate(from.getDate() - from.getDay());
 61 | 		to.setDate(from.getDate() + 6);
 62 | 		if (rangeId == 12) { // Last Week
 63 | 			from.setDate(from.getDate() - 7);
 64 | 			to.setDate(to.getDate() - 7);
 65 | 		}
 66 | 
 67 | 	} else if (rangeId == 13) {
 68 | 		// This month
 69 | 		from.setDate(1); // This month: 1th
 70 | 
 71 | 		to.setMonth(to.getMonth() + 1); // Next month
 72 | 		to.setDate(0); // This month: last day
 73 | 	} else if (rangeId == 14) {
 74 | 		// Last month
 75 | 		from.setMonth(from.getMonth() - 1); // Last month
 76 | 		from.setDate(1); // Last month 1th
 77 | 
 78 | 		to.setDate(0); // Last month: last day
 79 | 	} else {
 80 | 		return; // invalid
 81 | 	}
 82 | 
 83 | 	filter.to = to;
 84 | 	filter.from = from;
 85 | 	notifySubscribers();
 86 | }
 87 | function setCustomRange(from ,to) {
 88 | 	filter.from = from;
 89 | 	filter.to = to;
 90 | 	notifySubscribers();
 91 | }
 92 | 
 93 | /** @param {string} repo */
 94 | function setVCSRepo(repo) {
 95 | 	filter.vcsRepo = repo;
 96 | 	notifySubscribers();
 97 | }
 98 | function notifySubscribers() {
 99 | 	let debug = `report filter: [${dateTime.getYYYYMMDD(filter.from)}, ${dateTime.getYYYYMMDD(filter.to)}]`;
100 | 	if (filter.project) debug += ` proj: ${filter.project}`;
101 | 	if (filter.vcsRepo) debug += ` proj: ${filter.vcsRepo}`;
102 | 	console.log(debug);
103 | 
104 | 	subscribers.forEach(s => s(filter));
105 | }
106 | 
107 | /** @param {ReportFilterSubscriber} subscriber */
108 | function subscribe(subscriber) { subscribers.push(subscriber); }
109 | function removeSubscribers() { subscribers = []; }
110 | 
111 | /** @returns {ReportFilter} */
112 | function getFilter() {return filter; }
113 | 
114 | 
115 | module.exports = {
116 | 	installReportRangeComponent,
117 | 	setRange, setCustomRange,
118 | 	setVCSRepo,
119 | 	subscribe,
120 | 	removeSubscribers,
121 | 	getFilter,
122 | 	getRangeDescription
123 | };
124 | 


--------------------------------------------------------------------------------
/frontend/src/js/utils/datetime.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="../index.d.ts" />
  3 | /// <reference path="../echarts.d.ts" />
  4 | 
  5 | let i18n = require('../i18n/index');
  6 | 
  7 | /** 1 second = 1000 ms */
  8 | const ONE_SECOND = 1000;
  9 | /** 1 minute = 60 * 1000 ms */
 10 | const ONE_MINUTE = 60 * ONE_SECOND;
 11 | /** 1 hour = 60 * 60 * 1000 ms */
 12 | const ONE_HOUR = 60 * ONE_MINUTE;
 13 | 
 14 | module.exports = {
 15 | 	ONE_SECOND,
 16 | 	ONE_MINUTE,
 17 | 	ONE_HOUR,
 18 | 
 19 | 	getStartOfDay,
 20 | 	getEndOfDay,
 21 | 	getStartOfHour,
 22 | 	getEndOfHour,
 23 | 
 24 | 	getReadableTime,
 25 | 	getYYYYMMDD, getYYYYMMDD_HHMM,
 26 | 	getMMDD, getHH00,
 27 | 
 28 | 	getReadableDateDependentOnSize,
 29 | 	getReadableDateWithAbbr,
 30 | 
 31 | 	now,
 32 | 
 33 | 	subtractDays,
 34 | 	addDays,
 35 | };
 36 | 
 37 | function now() { return new Date(); }
 38 | 
 39 | function subtractDays(date, days = 0) { return addDays(date, -days); }
 40 | 
 41 | /**
 42 |  * add some days base on date, for example: return tomorrow if `days` equals  1
 43 |  * @param {Date} date
 44 |  * @param {number} days
 45 |  */
 46 | function addDays(date, days = 0) {
 47 | 	let newDate = new Date(date);
 48 | 	if (days == 0)
 49 | 		return newDate;
 50 | 	newDate.setDate(newDate.getDate() + days);
 51 | 	return newDate;
 52 | }
 53 | 
 54 | function getStartOfDay(date = now()) {
 55 | 	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
 56 | }
 57 | 
 58 | function getEndOfDay(date = now()) {
 59 | 	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
 60 | }
 61 | 
 62 | function getStartOfHour(date = now()) {
 63 | 	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), 0, 0, 0);
 64 | }
 65 | function getEndOfHour(date = now()) {
 66 | 	return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), 59, 59, 999);
 67 | }
 68 | 
 69 | /** @param {string|number} num */
 70 | function to2(num) { return num < 10 ? `0${num}` : `${num}` }
 71 | 
 72 | /** @param {Date} date */
 73 | function getYYYYMMDD(date){ return `${date.getFullYear()}-${to2(date.getMonth() + 1)}-${to2(date.getDate())}`}
 74 | 
 75 | /** @param {Date} date */
 76 | function getYYYYMMDD_HHMM(date) { return `${getYYYYMMDD(date)} ${to2(date.getHours())}:00` }
 77 | 
 78 | /** @param {Date} date */
 79 | function getMMDD(date) { return `${to2(date.getMonth() + 1)}-${to2(date.getDate())}`}
 80 | 
 81 | /** @param {Date} date */
 82 | function getHH00(date) { return `${to2(date.getHours())}:00`}
 83 | 
 84 | /**
 85 |  * convert a millisecond number to readable duration string
 86 |  * @param {number} ms
 87 |  * @param {boolean} noHours = false
 88 |  * @param {boolean} ignoreSeconds = true (ignore seconds if there have minutes or hours)
 89 |  */
 90 | function getReadableTime(ms, noHours = false, ignoreSeconds = true) {
 91 | 	let s = Math.floor(ms / 1000),
 92 | 		m = Math.floor(s / 60),
 93 | 		h = Math.floor(m / 60);
 94 | 	s = s - m * 60;
 95 | 	if (noHours)
 96 | 		h = 0;
 97 | 	else
 98 | 		m = m - h * 60;
 99 | 	if (ignoreSeconds && (m > 0 || h > 0) )
100 | 		s = 0;
101 | 	return i18n.getReadableTimeString(h, m, s);
102 | }
103 | 
104 | /** @param {string[]} yyyymmddArray */
105 | function getReadableDateDependentOnSize(yyyymmddArray) {
106 | 	if (yyyymmddArray.length <= 14)
107 | 		return yyyymmddArray.map(getReadableDateWithAbbr);
108 | 	if (yyyymmddArray.length <= 31)
109 | 		return yyyymmddArray.map(v => v.slice(5));//remove year
110 | 	return yyyymmddArray;
111 | }
112 | 
113 | /**
114 |  * For example: '2017-11-24' => '11-24 Fri.' (dependent by i18n)
115 |  * @param {string} yyyymmddString
116 |  */
117 | function getReadableDateWithAbbr(yyyymmddString) {
118 | 	// TODO: 1 => 1st 2 => 2nd 3 => 3rd 4 => 4th ...
119 | 	let [y, m, d] = yyyymmddString.split('-');
120 | 	let date = new Date(parseInt(y), parseInt(m) - 1, parseInt(d));
121 | 	let abbr = i18n.getAbbrOfDayOfTheWeek(date);
122 | 	return `${abbr} ${m}-${d}`;
123 | }
124 | 


--------------------------------------------------------------------------------
/lib/analyze/ReportMiddleware.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="../types/AnalyzeCore.d.ts" />
  3 | 
  4 | //  ____                                                _                _   _   _   _
  5 | // |  _ \    ___   _ __    _ __    ___    ___    __ _  | |_    ___    __| | | | | | | |
  6 | // | | | |  / _ \ | '_ \  | '__|  / _ \  / __|  / _` | | __|  / _ \  / _` | | | | | | |
  7 | // | |_| | |  __/ | |_) | | |    |  __/ | (__  | (_| | | |_  |  __/ | (_| | |_| |_| |_|
  8 | // |____/   \___| | .__/  |_|     \___|  \___|  \__,_|  \__|  \___|  \__,_| (_) (_) (_)
  9 | //                |_|
 10 | /*
 11 | 	Deprecated report middleware
 12 | 
 13 | 	Please use ReportMiddlewareV2.js
 14 | 	This file will be remove in 1.0.0
 15 | */
 16 | 
 17 | "use strict";
 18 | const Analyzer = require('./AnalyzeCore'),
 19 | 	{ GroupBy } = Analyzer;
 20 | 
 21 | const GROUP_BY_NORMAL = GroupBy.DAY | GroupBy.LANGUAGE | GroupBy.FILE | GroupBy.PROJECT | GroupBy.COMPUTER;
 22 | const GROUP_BY_24HS = GroupBy.HOUR;
 23 | 
 24 | const HEADER_JSON = { "Content-Type": "application/json; charset=utf-8" };
 25 | const ROUTER_MAP = {
 26 | 	'GET /recent': [analyzeRecentDays, 'days'],
 27 | 	'GET /last24hs': [analyze24Hours, 'ts'],
 28 | 	'GET /project': [analyzeProject, 'days', 'project']
 29 | };
 30 | let dbPath = 'this value will be set in init(databasePath) method';
 31 | 
 32 | //-------------- Core middleware ---------------------
 33 | function middleware(req, res, next) { //eslint-disable-line no-unused-vars
 34 | 	let routerName = getRouterName(req), match = ROUTER_MAP[routerName];
 35 | 	if (!match) return onError(res, 404, `${routerName} not found!`);
 36 | 
 37 | 	let params = [];
 38 | 	for(let i = 1 ; i < match.length ; i++ ) {
 39 | 		let name = match[i];
 40 | 		params.push(req.query[name] || (req.body && req.body[name]) || void 0);
 41 | 	}
 42 | 	params.push(req);
 43 | 	params.push(res);
 44 | 
 45 | 	match[0].apply(this, params);
 46 | }
 47 | function onError(res, code, message) {
 48 | 	res.writeHead(code, HEADER_JSON);
 49 | 	res.write(JSON.stringify({ error: message }));
 50 | 	res.end();
 51 | }
 52 | function getRouterName(req) {
 53 | 	let { method, url } = req, index = url.indexOf('?');
 54 | 	if (index != -1) url = url.slice(0, index);
 55 | 	return `${method} ${url}`;
 56 | }
 57 | /**
 58 |  * @param {AnalyzeCoreInstance} analyze
 59 |  * @param {number} base
 60 |  * @param {number} days
 61 |  * @param {any} res
 62 |  */
 63 | function analyzeThenResponse(analyze, base, days, res) {
 64 | 	let to = new Date(base), from = new Date(base);
 65 | 	from.setDate(from.getDate() - days + 1);
 66 | 	analyze.analyze(from, to)
 67 | 		? res.json(analyze.getResult())
 68 | 		: onError(res, 500, analyze.getError());
 69 | }
 70 | 
 71 | //==========================================
 72 | //========  Sub-functions   ================
 73 | //==========================================
 74 | 
 75 | function analyzeRecentDays(days, req, res) {
 76 | 	//handler default params
 77 | 	days = Number(days) || 7;
 78 | 	let analyze = new Analyzer(dbPath);
 79 | 	analyze.setGroupBy(GROUP_BY_NORMAL);
 80 | 	return analyzeThenResponse(analyze, Date.now(), days, res);
 81 | }
 82 | 
 83 | function analyze24Hours(timestamp, req, res) {
 84 | 	timestamp = Number(timestamp) || Date.now();
 85 | 	let analyze = new Analyzer(dbPath);
 86 | 	analyze.setGroupBy(GROUP_BY_24HS);
 87 | 	return analyzeThenResponse(analyze, timestamp, 2, res);
 88 | }
 89 | 
 90 | function analyzeProject(days, projectName, req, res) {
 91 | 	//handler default params
 92 | 	days = Number(days) || 7;
 93 | 	if (!projectName) return onError(res, 400, 'missing parameter "project"!');
 94 | 
 95 | 	let analyze = new Analyzer(dbPath);
 96 | 	analyze.setGroupBy(GROUP_BY_NORMAL);
 97 | 	analyze.setFilter({ project: [encodeURIComponent(projectName)] });
 98 | 	return analyzeThenResponse(analyze, Date.now(), days, res);
 99 | }
100 | 
101 | //------------------export-----------------------
102 | 
103 | module.exports = { init: databaseFolder => (dbPath = databaseFolder, middleware) };
104 | 


--------------------------------------------------------------------------------
/frontend/src/js/ui/24hsFromDialog.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="../index.d.ts" />
  3 | 
  4 | const HALF_DAY = 12 * 3600 * 1000;
  5 | const ONE_DAY = 2 * HALF_DAY;
  6 | 
  7 | let $dlg = $('#dlg24HsFrom'),
  8 | 	$calendar = $('#_24hsFromCalendar');
  9 | 
 10 | let $txtDate = $dlg.find('.from-date'),
 11 | 	$txtTime = $dlg.find('.from-time');
 12 | 
 13 | let $btnConfirm = $('#_24hsFromConfirm');
 14 | let $txtStatus = $('#_24hsFromDescription');
 15 | 
 16 | let hadSetupUI = false;
 17 | /** @type {(from: Date) => any} */
 18 | let callback = null;
 19 | 
 20 | module.exports = { show };
 21 | 
 22 | /**
 23 |  * @param {(from: Date) => any} _callback
 24 |  */
 25 | function show(_callback) {
 26 | 	if (!hadSetupUI) {
 27 | 		hadSetupUI = true;
 28 | 		setupUI();
 29 | 	}
 30 | 	callback = _callback;
 31 | 	$dlg.modal();
 32 | }
 33 | 
 34 | /**
 35 |  * setting up bootstrap-date-picker as a range picker
 36 |  */
 37 | function setupUI() {
 38 | 	/** @type {Date} */
 39 | 	let fromDate = null;
 40 | 
 41 | 	$calendar.datepicker({
 42 | 		todayHighlight: true
 43 | 	})
 44 | 		.on('changeDate', onChangeDate.bind(this));
 45 | 
 46 | 	$txtDate.keyup(updateFromInput).blur(updateFromInput);
 47 | 	$txtTime.change(updateFromInput);
 48 | 
 49 | 	$btnConfirm.click(() => {
 50 | 		if (fromDate == null) return;
 51 | 		if (callback) callback(fromDate);
 52 | 		$dlg.modal('hide');
 53 | 	})
 54 | 
 55 | 	updateUI();
 56 | 
 57 | 	/** @param {Date} date */
 58 | 	function appendSelectedTimeToDate(date) {
 59 | 		let time = String($txtTime.val()).split(':').map(v => parseInt(v));
 60 | 		if (time.length != 2 || isNaN(time[0]) || isNaN(time[1]))
 61 | 			time = [0, 0];
 62 | 
 63 | 		date.setHours(time[0], time[1]);
 64 | 		return date;
 65 | 	}
 66 | 	function updateFromInput() {
 67 | 		let date = getDateFromString(String($txtDate.val()));
 68 | 		if (date == null)
 69 | 			return $btnConfirm.addClass('disabled');
 70 | 		fromDate = appendSelectedTimeToDate(date);
 71 | 		// let date-picker navigate to start date
 72 | 		$calendar.datepicker('update', fromDate);
 73 | 		updateUI(true);
 74 | 	}
 75 | 
 76 | 	/** @param {DatepickerEventObject} event */
 77 | 	function onChangeDate(event) {
 78 | 		console.log('onChangeDate:', yyyymmdd(event.date));
 79 | 		fromDate = appendSelectedTimeToDate(event.date);
 80 | 		updateUI();
 81 | 	}
 82 | 
 83 | 	function updateUI(dontUpdateInputBox = false) {
 84 | 		console.log(`datepicker - updateUI: ${yyyymmdd(fromDate)}`);
 85 | 
 86 | 		if (!dontUpdateInputBox)
 87 | 			$txtDate.val(yyyymmdd(fromDate));
 88 | 
 89 | 		if (fromDate != null) {
 90 | 			let to = new Date(fromDate.getTime() + ONE_DAY);
 91 | 			$txtStatus.html(`From <b>${mmdd_hh00(fromDate)}</b> to <b>${mmdd_hh00(to)}</b>`);
 92 | 			$btnConfirm.removeClass('disabled');
 93 | 			return;
 94 | 		}
 95 | 		$txtStatus.text('');
 96 | 		$btnConfirm.addClass('disabled');
 97 | 	}
 98 | }
 99 | 
100 | /** @param {Date} date  */
101 | function yyyymmdd(date) {
102 | 	if (!date) return `--`;
103 | 	return `${date.getFullYear()}-${to2(date.getMonth() + 1)}-${to2(date.getDate())}`;
104 | }
105 | /** @param {Date} date  */
106 | function hh00(date) {
107 | 	if (!date) return `--`;
108 | 	return `${to2(date.getHours())}:00`;
109 | }
110 | /** @param {Date} date  */
111 | function mmdd_hh00(date) {
112 | 	if (!date) return `-- -:-`;
113 | 	return `${to2(date.getMonth() + 1)}-${to2(date.getDate())} ${hh00(date)}`;
114 | }
115 | function to2(num) { return num < 10 ? `0${num}` : `${num}`; }
116 | 
117 | 
118 | function getDateFromString(str = '') {
119 | 	str = str.trim();
120 | 	if (!str || str == '--') return null;
121 | 
122 | 	let part = str.split(/\s*-\s*/);
123 | 	let y = parseInt(part[0]), m = parseInt(part[1]), d = parseInt(part[2]);
124 | 	if (isNaN(y) || isNaN(m) || isNaN(d)) return null;
125 | 	if (y > 2038 || y < 1997 || m < 1 || m > 12 || d < 1 || d > 31) return null;
126 | 
127 | 	let date = new Date(y, m - 1, d, 0, 0, 0, 0);
128 | 	// Invalid date:
129 | 	if (date.getDate() != d || date.getMonth() != m - 1) return null;
130 | 	return date;
131 | }
132 | 
133 | 


--------------------------------------------------------------------------------
/utilities/new-version-tag.sh:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env bash
  2 | 
  3 | function help() {
  4 | 	echo -e '';
  5 | 	echo -e '  usage: npm run new-version -- <version>';
  6 | 	echo -e '';
  7 | 	echo -e '  description:';
  8 | 	echo -e '';
  9 | 	echo -e '    Add new git tag be named <version> and its description is "release <version>"';
 10 | 	echo -e '    Before adding, this script will check is version information correct in project correct';
 11 | 	echo -e '    For example: is version of package.json correct, is version add into CHANGELOG and README ...';
 12 | 	echo -e '';
 13 | 	echo -e '  example:';
 14 | 	echo -e '';
 15 | 	echo -e '    npm run new-version 0.5.1';
 16 | 	echo -e '';
 17 | 	exit 0;
 18 | }
 19 | function fatal() {
 20 | 	echo -e "\n  error: $1\n";
 21 | 	exit 1;
 22 | }
 23 | 
 24 | IS_HELP="$(echo $* | grep 'h')";
 25 | [[ -z "$1" ]] && help;
 26 | [[ -n "$IS_HELP" ]] && help;
 27 | 
 28 | [[ -z `which jq` ]] && fatal "command \"jq\" is not existed! (sudo apt install jq)";
 29 | 
 30 | VERSION="$1";
 31 | VERSION_FILTERED=`echo $VERSION | awk '/^[0-9][0-9]?\.[0-9][0-9]?\.[0-9][0-9]?$/'`;
 32 | [[ -z "$VERSION_FILTERED" ]] && fatal "invalid version parameter: \"${VERSION}\"";
 33 | 
 34 | echo "[~] new version: \"$VERSION_FILTERED\"";
 35 | 
 36 | # =========================
 37 | #   package.json
 38 | # =========================
 39 | [[ ! -f "package.json" ]] && fatal "package.json is missing!";
 40 | VERSION_IN_PACKAGE=`jq '.version' < package.json`;
 41 | [[ -z `echo $VERSION_IN_PACKAGE | awk /^\"${VERSION}\"$/` ]] &&
 42 | 	fatal "version in argument(\"$VERSION\") is not equals in package.json ($VERSION_IN_PACKAGE)";
 43 | 
 44 | echo "[~] version same with package.json";
 45 | 
 46 | 
 47 | # =========================
 48 | #   package-lock.json
 49 | # =========================
 50 | [[ ! -f "package-lock.json" ]] && fatal "package-lock.json is missing!";
 51 | VERSION_IN_PACKAGE_LOCK=`jq '.version' < package-lock.json`;
 52 | [[ -z `echo $VERSION_IN_PACKAGE_LOCK | awk /^\"${VERSION}\"$/` ]] &&
 53 | 	fatal "version in argument(\"$VERSION\") is not equals in package-lock.json ($VERSION_IN_PACKAGE_LOCK)";
 54 | 
 55 | echo "[~] version same with package-lock.json";
 56 | 
 57 | # =========================
 58 | #   CHANGELOG.md
 59 | #     match "### version (yyyy/mm/dd)" in CHANGELOG.md
 60 | # =========================
 61 | [[ ! -f "CHANGELOG.md" ]] && fatal "CHANGELOG.md is missing!";
 62 | VERSION_IN_CHANGELOG=`awk '/^###./' CHANGELOG.md | grep $VERSION | grep $(date "+20%y/%m/%d")`;
 63 | [[ -z "$VERSION_IN_CHANGELOG" ]] &&
 64 | 	fatal "there has not any version information about \"$VERSION ($(date '+20%y/%m/%d'))\" in CHANGELOG.md";
 65 | 
 66 | echo "[~] version has write into CHANGELOG.md";
 67 | 
 68 | 
 69 | # =========================
 70 | #   README.md
 71 | #     match "### version (yyyy/mm/dd)" in README.md
 72 | # =========================
 73 | [[ ! -f "README.md" ]] && fatal "README.md is missing!";
 74 | VERSION_IN_README=`awk '/^###./' README.md | grep $VERSION | grep $(date "+20%y/%m/%d")`;
 75 | [[ -z "$VERSION_IN_README" ]] &&
 76 | 	fatal "there has not any version information about \"$VERSION ($(date '+20%y/%m/%d'))\" in README.md";
 77 | 
 78 | echo "[~] version has write into README.md";
 79 | 
 80 | # =========================
 81 | #   app.js
 82 | # =========================
 83 | [[ ! -f "app.js" ]] && fatal "app.js is missing!";
 84 | VERSION_IN_JS=`awk '/Version:/' app.js | grep "$VERSION"`;
 85 | [[ -z "$VERSION_IN_JS" ]] &&
 86 | 	fatal "there has not any \"Version: $VERSION\" string in app.js";
 87 | 
 88 | echo "[~] version has write into app.js";
 89 | 
 90 | # =========================
 91 | #   git add tag
 92 | # =========================
 93 | read -r -p "Add a git tag \"${VERSION}\" [y/N] > " CONFIRM
 94 | case "$CONFIRM" in
 95 |     [yY][eE][sS]|[yY]) ;;
 96 |     *) exit 0;;
 97 | esac
 98 | 
 99 | echo "[.] adding tag into git ..."
100 | git tag -a "${VERSION}" -s -m "release ${VERSION}"
101 | [[ "$?" == "0" ]] || fatal "add tag failed!";
102 | 
103 | echo -e "\n[+] add tag ${VERSION} into git success! (next step: \"npm publish\" and \"vsce publish\")\n"
104 | 


--------------------------------------------------------------------------------
/frontend/src/js/ui/share.js:
--------------------------------------------------------------------------------
  1 | //@ts-check
  2 | /// <reference path="../index.d.ts" />
  3 | /// <reference path="../echarts.d.ts" />
  4 | 
  5 | let utils = require('../utils/utils'),
  6 | 	dateTime = require('../utils/datetime'),
  7 | 	resizer = require('../utils/resizer'),
  8 | 	chartShareSummary = require('../charts/share_summary'),
  9 | 	form = require('../utils/form'),
 10 | 	reportFilter = require('../reportFilter'),
 11 | 	download = require('downloadjs');
 12 | 
 13 | let $dialog = $('#dlgShare'),
 14 | 	$btnDownload = $dialog.find('.btn-download'),
 15 | 	$btnMarkline = $dialog.find('.btn-markline'),
 16 | 	$inputs = $dialog.find('input,textarea');
 17 | 
 18 | const CLASS_SELECTED = 'btn-success', CLASS_UNSELECTED = 'btn-default';
 19 | 
 20 | /** @type {EChartsObject} */
 21 | let chart = null;
 22 | /** @type {CodingWatchingMap} */
 23 | let dataGroupByDate = null;
 24 | 
 25 | const DEFAULT_POINTS = [{
 26 | 	type: 'max', name: 'max duration',
 27 | 	label: { normal: { formatter: markFormatter } }
 28 | }];
 29 | const DEFAULT_FORM = {
 30 | 	text: '', subtext: '',
 31 | 	fontSizeMain: '24', fontSizeSub: '18',
 32 | 	lines: [],
 33 | 	/** @type {any[]} */
 34 | 	points: DEFAULT_POINTS,
 35 | };
 36 | let formData = Object.assign({}, DEFAULT_FORM);
 37 | 
 38 | let delayUpdateToken = null;
 39 | 
 40 | const downloadOpts = { backgroundColor: '#ffffff' };
 41 | const downloadFile = 'chart.png';
 42 | 
 43 | $btnDownload.click(() => download(chart.getDataURL(downloadOpts), downloadFile));
 44 | $btnMarkline.click(onClickMarkLineBtn);
 45 | $inputs.keydown(() => {
 46 | 	if (delayUpdateToken) clearTimeout(delayUpdateToken);
 47 | 	delayUpdateToken = setTimeout(updateChartFromInputs, 300);
 48 | });
 49 | 
 50 | $dialog.on('shown.bs.modal', () => {
 51 | 	if (!chart)
 52 | 		chart = chartShareSummary.init(
 53 | 			utils.getChartDom(chartShareSummary.recommendedChartId, $dialog)[0],
 54 | 			onClickChart);
 55 | 	resizer.subscribe([chart]);
 56 | 	chartShareSummary.update(dataGroupByDate, formData);
 57 | 
 58 | 	form.fill($dialog, formData);
 59 | 	updateChartFromInputs();
 60 | }).on('hide.bs.modal', () => {
 61 | });
 62 | 
 63 | module.exports = { shareSummary };
 64 | 
 65 | /**
 66 |  * @param {CodingWatchingMap} data
 67 |  * @param {CodingWatchingObject} total
 68 |  */
 69 | function shareSummary(data, total) {
 70 | 	formData = Object.assign({}, DEFAULT_FORM);
 71 | 	formData.lines = [];
 72 | 	formData.points = Object.assign([], DEFAULT_POINTS);
 73 | 
 74 | 	dataGroupByDate = data;
 75 | 
 76 | 	let days = Object.keys(data).length,
 77 | 		range = reportFilter.getRangeDescription().toLowerCase();
 78 | 	let totalDuration = dateTime.getReadableTime(total.watching),
 79 | 		averageDuration = dateTime.getReadableTime(total.watching / days);
 80 | 
 81 | 	formData.text = `My Coding Report`;
 82 | 	formData.subtext = `${totalDuration} in ${range}. (Average: ${averageDuration}/day)`;
 83 | 
 84 | 	$btnMarkline.removeClass(CLASS_SELECTED).addClass(CLASS_UNSELECTED);
 85 | 	$dialog.modal();
 86 | }
 87 | 
 88 | function updateChartFromInputs() {
 89 | 	let content = form.encode($dialog);
 90 | 	formData = Object.assign(formData, content);
 91 | 	chartShareSummary.update(dataGroupByDate, formData);
 92 | 	delayUpdateToken = null;
 93 | }
 94 | 
 95 | function onClickChart(params) {
 96 | 	if (!params) return;
 97 | 	//@ts-ignore
 98 | 	let points = formData.points;
 99 | 	if (params.componentType == "markPoint") {
100 | 		//remove mark point
101 | 		formData.points = points.filter(it => it.name != params.name);
102 | 	} else if (params.componentType == 'series') {
103 | 		//add mark point
104 | 		points.push({
105 | 			name: `custom_${Date.now()}`,
106 | 			coord: [params.dataIndex, params.value],
107 | 			value: params.data.value,
108 | 			label: { normal: { formatter: markFormatter } }
109 | 		});
110 | 	}
111 | 
112 | 	chartShareSummary.update(dataGroupByDate, formData);
113 | }
114 | 
115 | function onClickMarkLineBtn() {
116 | 	let $this = $(this);
117 | 
118 | 	$this.toggleClass(CLASS_SELECTED)
119 | 		.toggleClass(CLASS_UNSELECTED);
120 | 
121 | 	let type = $this.data('type'),
122 | 		lines = formData.lines,
123 | 		index = lines.indexOf(type);
124 | 	console.log(lines, index);
125 | 	if (index < 0)
126 | 		lines.push(type);
127 | 	else
128 | 		lines = lines.splice(index, 1);
129 | 	console.log(lines);
130 | 	chartShareSummary.update(dataGroupByDate, formData);
131 | }
132 | function markFormatter(p) { return dateTime.getReadableTime(p.data.value); }
133 | 
134 | 


--------------------------------------------------------------------------------