kurbezz/browser-wakatime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web ext integration for dev mode(#116)

Browse Source 
* add web-ext dep

* create xrun tasks to wrap running extension targets

* add wait-on dep to delay launch of task when ready

* add legacy wait files for web-ext scripts

* create a dev task for next builds

* add dev:legacy task to allow for a quick dev mode

* reuse watch task to have dev env
This commit is contained in:
Vu Nguyen
2021-02-07 00:08:00 -08:00
committed by GitHub
parent 8ade367b3f
commit 5958155a04
5 changed files with 3743 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
xclap.ts
View File

@@ -4,8 +4,41 @@
import * as fs from 'fs';
import { join } from 'path';
import * as shelljs from 'shelljs';
import waitOn from 'wait-on';
const { load, exec, serial, concurrent } = require('@xarc/run');
const waitForFilesTask = (...files: string[]) => (): Promise<unknown> => {
return waitOn({
delay: 2000,
interval: 3000,
resources: [...files],
verbose: true,
});
};
const nextBuildFolder = join(__dirname, 'dist');
const ffNextBuildFolder = join(nextBuildFolder, 'firefox');
const chromeNextBuildFolder = join(nextBuildFolder, 'chrome');
const filesNeededForNextBuild = [
'manifest.json',
'background.js',
'options.js',
'options.html',
'popup.js',
'popup.html',
'public/js/browser-polyfill.min.js',
'public/css/app.css',
'graphics/wakatime-logo-16.png',
];
const chromeNextBuildFileWaitTask = waitForFilesTask(
nextBuildFolder,
chromeNextBuildFolder,
...filesNeededForNextBuild.map((f) => join(chromeNextBuildFolder, f)),
);
const ffNextBuildFileWaitTask = waitForFilesTask(
nextBuildFolder,
ffNextBuildFolder,
...filesNeededForNextBuild.map((f) => join(ffNextBuildFolder, f)),
);
const makePublicFolder = () => {
if (!fs.existsSync('public/js')) {
if (!fs.existsSync('public')) {
@@ -30,9 +63,26 @@ const copyFromNodeModules = () => {
);
};
load({
build: [serial('postinstall', exec('gulp')), 'webpack'],
clean: [exec('rimraf public coverage vendor'), 'clean:webpack'],
build: [
serial('postinstall', exec('gulp')),
'webpack',
concurrent(
exec('web-ext build'),
exec(`web-ext build -a dist/firefox/web-ext-artifacts --source-dir ${ffNextBuildFolder}`),
),
],
clean: [exec('rimraf public coverage vendor web-ext-artifacts'), 'clean:webpack'],
'clean:webpack': exec('rimraf dist'),
dev: [
'clean',
'postinstall',
concurrent('watch', 'web-ext:run:firefox-next', 'web-ext:run:chrome-next'),
],
'dev:legacy': [
'clean',
'postinstall',
concurrent(exec('gulp watch'), 'web-ext:run:firefox-legacy', 'web-ext:run:chrome-legacy'),
],
eslint: exec('eslint src . --fix'),
less: exec('lessc assets/less/app.less public/css/app.css'),
lint: ['prettier', 'eslint'],
@@ -43,8 +93,32 @@ load({
'test-jest': [exec('jest --clearCache'), exec('jest --verbose --coverage')],
'test-jest-update': exec('jest -u'),
'test-js': 'phantomjs tests/run.js',
'wait:legacy-files': waitForFilesTask(
'manifest.json',
'public/js/browser-polyfill.min.js',
'public/js/events.js',
'options.html',
),
watch: concurrent('watch-jest', 'webpack:watch', 'remotedev-server'),
'watch-jest': exec('jest --watch'),
'web-ext:run:chrome': concurrent('web-ext:run:chrome-next', 'web-ext:run:chrome-legacy'),
'web-ext:run:chrome-legacy': [
'wait:legacy-files',
exec('web-ext run -t chromium --source-dir .'),
],
'web-ext:run:chrome-next': [
chromeNextBuildFileWaitTask,
exec('web-ext run -t chromium --source-dir dist/chrome'),
],
'web-ext:run:firefox': concurrent('web-ext:run:firefox-next', 'web-ext:run:firefox-legacy'),
'web-ext:run:firefox-legacy': [
'wait:legacy-files',
exec('web-ext run -t firefox-desktop --source-dir .'),
],
'web-ext:run:firefox-next': [
ffNextBuildFileWaitTask,
exec('web-ext run -t firefox-desktop --source-dir dist/firefox'),
],
webpack: ['clean:webpack', exec('webpack --mode production')],
'webpack:dev': ['clean:webpack', exec('webpack --mode development')],
'webpack:watch': ['clean:webpack', exec('webpack --mode development --watch')],