7d795f854f
* chore: add support for Content scripts * chore: run script bae on browser * chore: content script supporting canva website * chore: add 2 minutes debounce for onclik events * chore: add debounce for keypress events
105 lines
3.4 KiB
TypeScript
105 lines
3.4 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-unsafe-call */
|
|
/* eslint-disable @typescript-eslint/no-unsafe-assignment */
|
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
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',
|
|
'wakatimeScript.js',
|
|
];
|
|
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')) {
|
|
fs.mkdirSync('public');
|
|
}
|
|
fs.mkdirSync('public/js');
|
|
}
|
|
};
|
|
const copyFromNodeModules = () => {
|
|
fs.copyFileSync(
|
|
'node_modules/webextension-polyfill/dist/browser-polyfill.min.js',
|
|
'public/js/browser-polyfill.min.js',
|
|
);
|
|
fs.copyFileSync(
|
|
'node_modules/webextension-polyfill/dist/browser-polyfill.min.js.map',
|
|
'public/js/browser-polyfill.min.js.map',
|
|
);
|
|
shelljs.cp(
|
|
'-Rf',
|
|
join(__dirname, 'node_modules/font-awesome/fonts'),
|
|
join(__dirname, 'public/fonts/'),
|
|
);
|
|
};
|
|
load({
|
|
build: [
|
|
serial('postinstall'),
|
|
'webpack',
|
|
concurrent(
|
|
exec(
|
|
`web-ext build --artifacts-dir dist/chrome/web-ext-artifacts --source-dir ${chromeNextBuildFolder}`,
|
|
),
|
|
exec(
|
|
`web-ext build --artifacts-dir 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', 'web-ext:run:chrome')],
|
|
eslint: exec('eslint src . --fix'),
|
|
less: exec('lessc assets/less/app.less public/css/app.css'),
|
|
lint: ['prettier', 'eslint'],
|
|
postinstall: ['clean', makePublicFolder, copyFromNodeModules, 'less'],
|
|
prettier: [exec('prettier --write .')],
|
|
'remotedev-server': exec('remotedev --hostname=localhost --port=8000'),
|
|
test: ['build', 'lint', 'test-jest'],
|
|
'test-jest': [exec('jest --clearCache'), exec('jest --verbose --coverage')],
|
|
watch: concurrent('watch-jest', 'webpack:watch'),
|
|
'watch-jest': exec('jest --watch'),
|
|
'web-ext:run:chrome': [
|
|
chromeNextBuildFileWaitTask,
|
|
exec('web-ext run -t chromium --source-dir dist/chrome'),
|
|
],
|
|
'web-ext:run:firefox': [
|
|
ffNextBuildFileWaitTask,
|
|
exec('web-ext run -t firefox-desktop --source-dir dist/firefox'),
|
|
],
|
|
webpack: ['clean:webpack', exec('webpack --mode production')],
|
|
'webpack:watch': ['clean:webpack', exec('webpack --mode development --watch')],
|
|
});
|