begin converting WakatimeCore

This commit is contained in:
Vu Nguyen
2021-01-16 20:04:53 -06:00
parent d194bcfe60
commit 0c39fbbc79
25 changed files with 1205 additions and 55 deletions

View File

@@ -1,5 +1,4 @@
import React from 'react';
import { browser } from 'webextension-polyfill-ts';
export interface MainListProps {
disableLogging: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;

View File

@@ -1,5 +1,3 @@
import { browser } from 'webextension-polyfill-ts';
/**
* Logging
*/

35
src/core/WakaTimeCore.ts Normal file
View File

@@ -0,0 +1,35 @@
import axios, { AxiosResponse } from 'axios';
import moment from 'moment';
import { Tabs } from 'webextension-polyfill-ts';
import { User } from '../types/user';
import config from '../config';
import { SummariesPayload, GrandTotal } from '../types/summaries';
class WakaTimeCore {
tabsWithDevtoolsOpen: Tabs.Tab[];
constructor() {
this.tabsWithDevtoolsOpen = [];
}
setTabsWithDevtoolsOpen(tabs: Tabs.Tab[]): void {
this.tabsWithDevtoolsOpen = tabs;
}
async getTotalTimeLoggedToday(): Promise<GrandTotal> {
const today = moment().format('YYYY-MM-DD');
const summariesAxiosPayload: AxiosResponse<SummariesPayload> = await axios.get(
config.summariesApiUrl,
{
data: {
end: today,
start: today,
},
},
);
return summariesAxiosPayload.data.data[0].grand_total;
}
async checkAuth(): Promise<User> {
const userPayload: AxiosResponse<User> = await axios.get(config.currentUserApiUrl);
return userPayload.data;
}
}
export default new WakaTimeCore();

13
src/devtools.ts Normal file
View File

@@ -0,0 +1,13 @@
// // Create a connection to the background page
// const backgroundPageConnection = browser.runtime.connect({
// name: 'devtools-page',
// });
// // Send a message to background page with the current active tabId
// backgroundPageConnection.postMessage({
// name: 'init',
// tabId: browser.devtools.inspectedWindow.tabId,
// });
// eslint-disable-next-line @typescript-eslint/no-floating-promises
browser.devtools.panels.create('Wakatime', 'test.png', 'WakatimeDevPanel.html');

View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>WakaTime options</title>
<link href="public/css/app.css" rel="stylesheet" />
</head>
<body>
<div id="wakatime-devtools"></div>
<script src="public/js/browser-polyfill.min.js"></script>
</body>
</html>

3
src/html/devtools.html Normal file
View File

@@ -0,0 +1,3 @@
<!DOCTYPE html>
<script src="public/js/browser-polyfill.min.js"></script>
<script src="devtools.js"></script>

View File

@@ -10,7 +10,7 @@
</head>
<body>
<div id="wakatime-options"></div>
<script src="public/js/browser-polyfill.min.js"></script>
<script src="options.js"></script>
</body>
</html>

View File

@@ -10,7 +10,7 @@
</head>
<body>
<div id="wakatime"></div>
<script src="public/js/browser-polyfill.min.js"></script>
<script src="popup.js"></script>
</body>
</html>

View File

@@ -1,6 +0,0 @@
import jestConfig from '../jest.config';
export default {
...jestConfig,
testEnvironment: 'node',
};

View File

@@ -1,7 +1,7 @@
{
"background": {
"persistent": false,
"scripts": ["background.js"]
"scripts": ["public/js/browser-polyfill.min.js", "background.js"]
},
"browser_action": {
"default_icon": {
@@ -11,7 +11,6 @@
"default_popup": "popup.html",
"default_title": "WakaTime"
},
"browser_specific_settings": {},
"description": "Automatic time tracking for Chrome.",
"devtools_page": "devtools.html",
"homepage_url": "https://wakatime.com",

View File

@@ -1,7 +1,7 @@
{
"background": {
"persistent": false,
"scripts": ["background.js"]
"scripts": ["public/js/browser-polyfill.min.js", "background.js"]
},
"browser_action": {
"default_icon": {

View File

@@ -0,0 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
const container = document.getElementById('wakatime-options');
ReactDOM.render(<h1>OPTIONS GO HERE</h1>, container);

View File

@@ -1 +1,14 @@
// Stub for port of previous extension
import React from 'react';
import ReactDOM from 'react-dom';
const container = document.getElementById('wakatime');
const openOptions = async (): Promise<void> => {
await browser.runtime.openOptionsPage();
};
ReactDOM.render(
<>
<h1>POPUP GO HERE</h1>
<div onClick={openOptions}>Open options</div>
</>,
container,
);

View File

@@ -1,7 +1,7 @@
/**
* Returns domain from given URL.
*/
export function getDomainFromUrl(url: string): string {
export default function getDomainFromUrl(url: string): string {
const parts = url.split('/');
return parts[0] + '//' + parts[2];

View File

@@ -1,7 +1,7 @@
/**
* Returns boolean if needle is found in haystack or not.
*/
export function in_array<T>(needle: T, haystack: T[]): boolean {
export default function in_array<T>(needle: T, haystack: T[]): boolean {
for (let i = 0; i < haystack.length; i++) {
if (needle == haystack[i]) {
return true;