mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2024-09-19 20:51:28 +02:00
Move video handing and config to shared library
This commit is contained in:
parent
f4d80d8843
commit
5859c33ce8
11 changed files with 386 additions and 999 deletions
14
package-lock.json
generated
14
package-lock.json
generated
|
@ -27,7 +27,7 @@
|
||||||
],
|
],
|
||||||
"license": "LGPL-3.0-or-later",
|
"license": "LGPL-3.0-or-later",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ajayyy/maze-utils": "^1.0.3",
|
"@ajayyy/maze-utils": "^1.1.0",
|
||||||
"content-scripts-register-polyfill": "^4.0.2",
|
"content-scripts-register-polyfill": "^4.0.2",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0"
|
"react-dom": "^18.2.0"
|
||||||
|
@ -68,9 +68,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@ajayyy/maze-utils": {
|
"node_modules/@ajayyy/maze-utils": {
|
||||||
"version": "1.0.3",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@ajayyy/maze-utils/-/maze-utils-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@ajayyy/maze-utils/-/maze-utils-1.1.0.tgz",
|
||||||
"integrity": "sha512-sdQyU/2VAmJ9FiyUIdjE8FbO5b5IofN9vK/7lkZiUw91V+NZi7aSG/LSYMqmQ3OuTYRE5PLN9Jyknuo2ZnljjA==",
|
"integrity": "sha512-Dc63B4Qbad14R590837b1ST0WFT8wWy4YFUmwheMiVABiG+G2m7o6wdq7Ln12pT/QUQO6h4/oKijEF3/ojXDVg==",
|
||||||
"funding": [
|
"funding": [
|
||||||
{
|
{
|
||||||
"type": "individual",
|
"type": "individual",
|
||||||
|
@ -13420,9 +13420,9 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ajayyy/maze-utils": {
|
"@ajayyy/maze-utils": {
|
||||||
"version": "1.0.3",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/@ajayyy/maze-utils/-/maze-utils-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@ajayyy/maze-utils/-/maze-utils-1.1.0.tgz",
|
||||||
"integrity": "sha512-sdQyU/2VAmJ9FiyUIdjE8FbO5b5IofN9vK/7lkZiUw91V+NZi7aSG/LSYMqmQ3OuTYRE5PLN9Jyknuo2ZnljjA=="
|
"integrity": "sha512-Dc63B4Qbad14R590837b1ST0WFT8wWy4YFUmwheMiVABiG+G2m7o6wdq7Ln12pT/QUQO6h4/oKijEF3/ojXDVg=="
|
||||||
},
|
},
|
||||||
"@ampproject/remapping": {
|
"@ampproject/remapping": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "background.js",
|
"main": "background.js",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ajayyy/maze-utils": "^1.0.3",
|
"@ajayyy/maze-utils": "^1.1.0",
|
||||||
"content-scripts-register-polyfill": "^4.0.2",
|
"content-scripts-register-polyfill": "^4.0.2",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0"
|
"react-dom": "^18.2.0"
|
||||||
|
|
564
src/config.ts
564
src/config.ts
|
@ -1,7 +1,8 @@
|
||||||
import * as CompileConfig from "../config.json";
|
import * as CompileConfig from "../config.json";
|
||||||
import * as invidiousList from "../ci/invidiouslist.json";
|
import * as invidiousList from "../ci/invidiouslist.json";
|
||||||
import { Category, CategorySelection, CategorySkipOption, NoticeVisbilityMode, PreviewBarOption, SponsorTime, StorageChangesObject, Keybind, HashedValue, VideoID, SponsorHideType } from "./types";
|
import { Category, CategorySelection, CategorySkipOption, NoticeVisbilityMode, PreviewBarOption, SponsorTime, Keybind, HashedValue, VideoID, SponsorHideType } from "./types";
|
||||||
import { isSafari, keybindEquals } from "./utils/configUtils";
|
import { isSafari, keybindEquals } from "./utils/configUtils";
|
||||||
|
import { ProtoConfig, StorageChangesObject } from "@ajayyy/maze-utils/lib/config";
|
||||||
|
|
||||||
export interface Permission {
|
export interface Permission {
|
||||||
canSubmit: boolean;
|
canSubmit: boolean;
|
||||||
|
@ -121,7 +122,7 @@ interface SBConfig {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export type VideoDownvotes = { segments: { uuid: HashedValue; hidden: SponsorHideType }[] ; lastAccess: number };
|
export type VideoDownvotes = { segments: { uuid: HashedValue; hidden: SponsorHideType }[]; lastAccess: number };
|
||||||
|
|
||||||
interface SBStorage {
|
interface SBStorage {
|
||||||
/* VideoID prefixes to UUID prefixes */
|
/* VideoID prefixes to UUID prefixes */
|
||||||
|
@ -143,322 +144,16 @@ export interface SBObject {
|
||||||
resetToDefault(): void;
|
resetToDefault(): void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const Config: SBObject = {
|
class ConfigClass extends ProtoConfig<SBConfig, SBStorage> {
|
||||||
/**
|
resetToDefault() {
|
||||||
* Callback function when an option is updated
|
chrome.storage.sync.set({
|
||||||
*/
|
...this.syncDefaults,
|
||||||
configLocalListeners: [],
|
userID: this.config.userID,
|
||||||
configSyncListeners: [],
|
minutesSaved: this.config.minutesSaved,
|
||||||
syncDefaults: {
|
skipCount: this.config.skipCount,
|
||||||
userID: null,
|
sponsorTimesContributed: this.config.sponsorTimesContributed
|
||||||
isVip: false,
|
});
|
||||||
permissions: {},
|
|
||||||
unsubmittedSegments: {},
|
|
||||||
defaultCategory: "chooseACategory" as Category,
|
|
||||||
renderSegmentsAsChapters: false,
|
|
||||||
whitelistedChannels: [],
|
|
||||||
forceChannelCheck: false,
|
|
||||||
minutesSaved: 0,
|
|
||||||
skipCount: 0,
|
|
||||||
sponsorTimesContributed: 0,
|
|
||||||
submissionCountSinceCategories: 0,
|
|
||||||
showTimeWithSkips: true,
|
|
||||||
disableSkipping: false,
|
|
||||||
muteSegments: true,
|
|
||||||
fullVideoSegments: true,
|
|
||||||
manualSkipOnFullVideo: false,
|
|
||||||
trackViewCount: true,
|
|
||||||
trackViewCountInPrivate: true,
|
|
||||||
trackDownvotes: true,
|
|
||||||
dontShowNotice: false,
|
|
||||||
noticeVisibilityMode: NoticeVisbilityMode.FadedForAutoSkip,
|
|
||||||
hideVideoPlayerControls: false,
|
|
||||||
hideInfoButtonPlayerControls: false,
|
|
||||||
hideDeleteButtonPlayerControls: false,
|
|
||||||
hideUploadButtonPlayerControls: false,
|
|
||||||
hideSkipButtonPlayerControls: false,
|
|
||||||
hideDiscordLaunches: 0,
|
|
||||||
hideDiscordLink: false,
|
|
||||||
invidiousInstances: ["invidious.snopyta.org"], // leave as default
|
|
||||||
supportInvidious: false,
|
|
||||||
serverAddress: CompileConfig.serverAddress,
|
|
||||||
minDuration: 0,
|
|
||||||
skipNoticeDuration: 4,
|
|
||||||
audioNotificationOnSkip: false,
|
|
||||||
checkForUnlistedVideos: false,
|
|
||||||
testingServer: false,
|
|
||||||
refetchWhenNotFound: true,
|
|
||||||
ytInfoPermissionGranted: false,
|
|
||||||
allowExpirements: true,
|
|
||||||
showDonationLink: true,
|
|
||||||
showPopupDonationCount: 0,
|
|
||||||
showUpsells: true,
|
|
||||||
donateClicked: 0,
|
|
||||||
autoHideInfoButton: true,
|
|
||||||
autoSkipOnMusicVideos: false,
|
|
||||||
scrollToEditTimeUpdate: false, // false means the tooltip will be shown
|
|
||||||
categoryPillUpdate: false,
|
|
||||||
showChapterInfoMessage: true,
|
|
||||||
darkMode: true,
|
|
||||||
showCategoryGuidelines: true,
|
|
||||||
showCategoryWithoutPermission: false,
|
|
||||||
showSegmentNameInChapterBar: true,
|
|
||||||
useVirtualTime: true,
|
|
||||||
showSegmentFailedToFetchWarning: true,
|
|
||||||
allowScrollingToEdit: true,
|
|
||||||
|
|
||||||
categoryPillColors: {},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Default keybinds should not set "code" as that's gonna be different based on the user's locale. They should also only use EITHER ctrl OR alt modifiers (or none).
|
|
||||||
* Using ctrl+alt, or shift may produce a different character that we will not be able to recognize in different locales.
|
|
||||||
* The exception for shift is letters, where it only capitalizes. So shift+A is fine, but shift+1 isn't.
|
|
||||||
* Don't forget to add the new keybind to the checks in "KeybindDialogComponent.isKeybindAvailable()" and in "migrateOldFormats()"!
|
|
||||||
* TODO: Find a way to skip having to update these checks. Maybe storing keybinds in a Map?
|
|
||||||
*/
|
|
||||||
skipKeybind: {key: "Enter"},
|
|
||||||
startSponsorKeybind: {key: ";"},
|
|
||||||
submitKeybind: {key: "'"},
|
|
||||||
nextChapterKeybind: {key: "ArrowRight", ctrl: true},
|
|
||||||
previousChapterKeybind: {key: "ArrowLeft", ctrl: true},
|
|
||||||
|
|
||||||
categorySelections: [{
|
|
||||||
name: "sponsor" as Category,
|
|
||||||
option: CategorySkipOption.AutoSkip
|
|
||||||
}, {
|
|
||||||
name: "poi_highlight" as Category,
|
|
||||||
option: CategorySkipOption.ManualSkip
|
|
||||||
}, {
|
|
||||||
name: "exclusive_access" as Category,
|
|
||||||
option: CategorySkipOption.ShowOverlay
|
|
||||||
}],
|
|
||||||
|
|
||||||
payments: {
|
|
||||||
licenseKey: null,
|
|
||||||
lastCheck: 0,
|
|
||||||
lastFreeCheck: 0,
|
|
||||||
freeAccess: false,
|
|
||||||
chaptersAllowed: false
|
|
||||||
},
|
|
||||||
|
|
||||||
colorPalette: {
|
|
||||||
red: "#780303",
|
|
||||||
white: "#ffffff",
|
|
||||||
locked: "#ffc83d"
|
|
||||||
},
|
|
||||||
|
|
||||||
// Preview bar
|
|
||||||
barTypes: {
|
|
||||||
"preview-chooseACategory": {
|
|
||||||
color: "#ffffff",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"sponsor": {
|
|
||||||
color: "#00d400",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-sponsor": {
|
|
||||||
color: "#007800",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"selfpromo": {
|
|
||||||
color: "#ffff00",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-selfpromo": {
|
|
||||||
color: "#bfbf35",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"exclusive_access": {
|
|
||||||
color: "#008a5c",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"interaction": {
|
|
||||||
color: "#cc00ff",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-interaction": {
|
|
||||||
color: "#6c0087",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"intro": {
|
|
||||||
color: "#00ffff",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-intro": {
|
|
||||||
color: "#008080",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"outro": {
|
|
||||||
color: "#0202ed",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-outro": {
|
|
||||||
color: "#000070",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview": {
|
|
||||||
color: "#008fd6",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-preview": {
|
|
||||||
color: "#005799",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"music_offtopic": {
|
|
||||||
color: "#ff9900",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-music_offtopic": {
|
|
||||||
color: "#a6634a",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"poi_highlight": {
|
|
||||||
color: "#ff1684",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"preview-poi_highlight": {
|
|
||||||
color: "#9b044c",
|
|
||||||
opacity: "0.7"
|
|
||||||
},
|
|
||||||
"filler": {
|
|
||||||
color: "#7300FF",
|
|
||||||
opacity: "0.9"
|
|
||||||
},
|
|
||||||
"preview-filler": {
|
|
||||||
color: "#2E0066",
|
|
||||||
opacity: "0.7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
localDefaults: {
|
|
||||||
downvotedSegments: {},
|
|
||||||
navigationApiAvailable: null
|
|
||||||
},
|
|
||||||
cachedSyncConfig: null,
|
|
||||||
cachedLocalStorage: null,
|
|
||||||
config: null,
|
|
||||||
local: null,
|
|
||||||
forceSyncUpdate,
|
|
||||||
forceLocalUpdate,
|
|
||||||
resetToDefault
|
|
||||||
};
|
|
||||||
|
|
||||||
// Function setup
|
|
||||||
|
|
||||||
function configProxy(): { sync: SBConfig; local: SBStorage } {
|
|
||||||
chrome.storage.onChanged.addListener((changes: {[key: string]: chrome.storage.StorageChange}, areaName) => {
|
|
||||||
if (areaName === "sync") {
|
|
||||||
for (const key in changes) {
|
|
||||||
Config.cachedSyncConfig[key] = changes[key].newValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const callback of Config.configSyncListeners) {
|
|
||||||
callback(changes);
|
|
||||||
}
|
|
||||||
} else if (areaName === "local") {
|
|
||||||
for (const key in changes) {
|
|
||||||
Config.cachedLocalStorage[key] = changes[key].newValue;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const callback of Config.configLocalListeners) {
|
|
||||||
callback(changes);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const syncHandler: ProxyHandler<SBConfig> = {
|
|
||||||
set<K extends keyof SBConfig>(obj: SBConfig, prop: K, value: SBConfig[K]) {
|
|
||||||
Config.cachedSyncConfig[prop] = value;
|
|
||||||
|
|
||||||
chrome.storage.sync.set({
|
|
||||||
[prop]: value
|
|
||||||
});
|
|
||||||
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
get<K extends keyof SBConfig>(obj: SBConfig, prop: K): SBConfig[K] {
|
|
||||||
const data = Config.cachedSyncConfig[prop];
|
|
||||||
|
|
||||||
return obj[prop] || data;
|
|
||||||
},
|
|
||||||
|
|
||||||
deleteProperty(obj: SBConfig, prop: keyof SBConfig) {
|
|
||||||
chrome.storage.sync.remove(<string> prop);
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
const localHandler: ProxyHandler<SBStorage> = {
|
|
||||||
set<K extends keyof SBStorage>(obj: SBStorage, prop: K, value: SBStorage[K]) {
|
|
||||||
Config.cachedLocalStorage[prop] = value;
|
|
||||||
|
|
||||||
chrome.storage.local.set({
|
|
||||||
[prop]: value
|
|
||||||
});
|
|
||||||
|
|
||||||
return true;
|
|
||||||
},
|
|
||||||
|
|
||||||
get<K extends keyof SBStorage>(obj: SBStorage, prop: K): SBStorage[K] {
|
|
||||||
const data = Config.cachedLocalStorage[prop];
|
|
||||||
|
|
||||||
return obj[prop] || data;
|
|
||||||
},
|
|
||||||
|
|
||||||
deleteProperty(obj: SBStorage, prop: keyof SBStorage) {
|
|
||||||
chrome.storage.local.remove(<string> prop);
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
return {
|
|
||||||
sync: new Proxy<SBConfig>({ handler: syncHandler } as unknown as SBConfig, syncHandler),
|
|
||||||
local: new Proxy<SBStorage>({ handler: localHandler } as unknown as SBStorage, localHandler)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function forceSyncUpdate(prop: string): void {
|
|
||||||
const value = Config.cachedSyncConfig[prop];
|
|
||||||
if (prop === "unsubmittedSegments") {
|
|
||||||
// Early to be safe
|
|
||||||
if (JSON.stringify(value).length + prop.length > 8000) {
|
|
||||||
for (const key in value) {
|
|
||||||
if (!value[key] || value[key].length <= 0) {
|
|
||||||
delete value[key];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
chrome.storage.sync.set({
|
|
||||||
[prop]: value
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function forceLocalUpdate(prop: string): void {
|
|
||||||
chrome.storage.local.set({
|
|
||||||
[prop]: Config.cachedLocalStorage[prop]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function fetchConfig(): Promise<void> {
|
|
||||||
await Promise.all([new Promise<void>((resolve) => {
|
|
||||||
chrome.storage.sync.get(null, function(items) {
|
|
||||||
Config.cachedSyncConfig = <SBConfig> <unknown> items;
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
}), new Promise<void>((resolve) => {
|
|
||||||
chrome.storage.local.get(null, function(items) {
|
|
||||||
Config.cachedLocalStorage = <SBStorage> <unknown> items;
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
})]);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function migrateOldSyncFormats(config: SBConfig) {
|
function migrateOldSyncFormats(config: SBConfig) {
|
||||||
|
@ -500,7 +195,7 @@ function migrateOldSyncFormats(config: SBConfig) {
|
||||||
config["autoSkipOnMusicVideosUpdate"] = true;
|
config["autoSkipOnMusicVideosUpdate"] = true;
|
||||||
for (const selection of config.categorySelections) {
|
for (const selection of config.categorySelections) {
|
||||||
if (selection.name === "music_offtopic"
|
if (selection.name === "music_offtopic"
|
||||||
&& selection.option === CategorySkipOption.AutoSkip) {
|
&& selection.option === CategorySkipOption.AutoSkip) {
|
||||||
|
|
||||||
config.autoSkipOnMusicVideos = true;
|
config.autoSkipOnMusicVideos = true;
|
||||||
break;
|
break;
|
||||||
|
@ -519,20 +214,20 @@ function migrateOldSyncFormats(config: SBConfig) {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof config["skipKeybind"] == "string") {
|
if (typeof config["skipKeybind"] == "string") {
|
||||||
config["skipKeybind"] = {key: config["skipKeybind"]};
|
config["skipKeybind"] = { key: config["skipKeybind"] };
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof config["startSponsorKeybind"] == "string") {
|
if (typeof config["startSponsorKeybind"] == "string") {
|
||||||
config["startSponsorKeybind"] = {key: config["startSponsorKeybind"]};
|
config["startSponsorKeybind"] = { key: config["startSponsorKeybind"] };
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof config["submitKeybind"] == "string") {
|
if (typeof config["submitKeybind"] == "string") {
|
||||||
config["submitKeybind"] = {key: config["submitKeybind"]};
|
config["submitKeybind"] = { key: config["submitKeybind"] };
|
||||||
}
|
}
|
||||||
|
|
||||||
// Unbind key if it matches a previous one set by the user (should be ordered oldest to newest)
|
// Unbind key if it matches a previous one set by the user (should be ordered oldest to newest)
|
||||||
const keybinds = ["skipKeybind", "startSponsorKeybind", "submitKeybind"];
|
const keybinds = ["skipKeybind", "startSponsorKeybind", "submitKeybind"];
|
||||||
for (let i = keybinds.length-1; i >= 0; i--) {
|
for (let i = keybinds.length - 1; i >= 0; i--) {
|
||||||
for (let j = 0; j < keybinds.length; j++) {
|
for (let j = 0; j < keybinds.length; j++) {
|
||||||
if (i == j)
|
if (i == j)
|
||||||
continue;
|
continue;
|
||||||
|
@ -554,56 +249,199 @@ function migrateOldSyncFormats(config: SBConfig) {
|
||||||
if ((isSafari() || !config["supportInvidious"]) && config["invidiousInstances"].length !== invidiousList.length) {
|
if ((isSafari() || !config["supportInvidious"]) && config["invidiousInstances"].length !== invidiousList.length) {
|
||||||
config["invidiousInstances"] = invidiousList;
|
config["invidiousInstances"] = invidiousList;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (config["lastIsVipUpdate"]) {
|
if (config["lastIsVipUpdate"]) {
|
||||||
chrome.storage.sync.remove("lastIsVipUpdate");
|
chrome.storage.sync.remove("lastIsVipUpdate");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function setupConfig() {
|
const syncDefaults = {
|
||||||
if (typeof(chrome) === "undefined") return;
|
userID: null,
|
||||||
|
isVip: false,
|
||||||
|
permissions: {},
|
||||||
|
unsubmittedSegments: {},
|
||||||
|
defaultCategory: "chooseACategory" as Category,
|
||||||
|
renderSegmentsAsChapters: false,
|
||||||
|
whitelistedChannels: [],
|
||||||
|
forceChannelCheck: false,
|
||||||
|
minutesSaved: 0,
|
||||||
|
skipCount: 0,
|
||||||
|
sponsorTimesContributed: 0,
|
||||||
|
submissionCountSinceCategories: 0,
|
||||||
|
showTimeWithSkips: true,
|
||||||
|
disableSkipping: false,
|
||||||
|
muteSegments: true,
|
||||||
|
fullVideoSegments: true,
|
||||||
|
manualSkipOnFullVideo: false,
|
||||||
|
trackViewCount: true,
|
||||||
|
trackViewCountInPrivate: true,
|
||||||
|
trackDownvotes: true,
|
||||||
|
dontShowNotice: false,
|
||||||
|
noticeVisibilityMode: NoticeVisbilityMode.FadedForAutoSkip,
|
||||||
|
hideVideoPlayerControls: false,
|
||||||
|
hideInfoButtonPlayerControls: false,
|
||||||
|
hideDeleteButtonPlayerControls: false,
|
||||||
|
hideUploadButtonPlayerControls: false,
|
||||||
|
hideSkipButtonPlayerControls: false,
|
||||||
|
hideDiscordLaunches: 0,
|
||||||
|
hideDiscordLink: false,
|
||||||
|
invidiousInstances: ["invidious.snopyta.org"], // leave as default
|
||||||
|
supportInvidious: false,
|
||||||
|
serverAddress: CompileConfig.serverAddress,
|
||||||
|
minDuration: 0,
|
||||||
|
skipNoticeDuration: 4,
|
||||||
|
audioNotificationOnSkip: false,
|
||||||
|
checkForUnlistedVideos: false,
|
||||||
|
testingServer: false,
|
||||||
|
refetchWhenNotFound: true,
|
||||||
|
ytInfoPermissionGranted: false,
|
||||||
|
allowExpirements: true,
|
||||||
|
showDonationLink: true,
|
||||||
|
showPopupDonationCount: 0,
|
||||||
|
showUpsells: true,
|
||||||
|
donateClicked: 0,
|
||||||
|
autoHideInfoButton: true,
|
||||||
|
autoSkipOnMusicVideos: false,
|
||||||
|
scrollToEditTimeUpdate: false, // false means the tooltip will be shown
|
||||||
|
categoryPillUpdate: false,
|
||||||
|
showChapterInfoMessage: true,
|
||||||
|
darkMode: true,
|
||||||
|
showCategoryGuidelines: true,
|
||||||
|
showCategoryWithoutPermission: false,
|
||||||
|
showSegmentNameInChapterBar: true,
|
||||||
|
useVirtualTime: true,
|
||||||
|
showSegmentFailedToFetchWarning: true,
|
||||||
|
allowScrollingToEdit: true,
|
||||||
|
|
||||||
await fetchConfig();
|
categoryPillColors: {},
|
||||||
addDefaults();
|
|
||||||
const config = configProxy();
|
|
||||||
migrateOldSyncFormats(config.sync);
|
|
||||||
|
|
||||||
Config.config = config.sync;
|
/**
|
||||||
Config.local = config.local;
|
* Default keybinds should not set "code" as that's gonna be different based on the user's locale. They should also only use EITHER ctrl OR alt modifiers (or none).
|
||||||
}
|
* Using ctrl+alt, or shift may produce a different character that we will not be able to recognize in different locales.
|
||||||
|
* The exception for shift is letters, where it only capitalizes. So shift+A is fine, but shift+1 isn't.
|
||||||
|
* Don't forget to add the new keybind to the checks in "KeybindDialogComponent.isKeybindAvailable()" and in "migrateOldFormats()"!
|
||||||
|
* TODO: Find a way to skip having to update these checks. Maybe storing keybinds in a Map?
|
||||||
|
*/
|
||||||
|
skipKeybind: { key: "Enter" },
|
||||||
|
startSponsorKeybind: { key: ";" },
|
||||||
|
submitKeybind: { key: "'" },
|
||||||
|
nextChapterKeybind: { key: "ArrowRight", ctrl: true },
|
||||||
|
previousChapterKeybind: { key: "ArrowLeft", ctrl: true },
|
||||||
|
|
||||||
// Add defaults
|
categorySelections: [{
|
||||||
function addDefaults() {
|
name: "sponsor" as Category,
|
||||||
for (const key in Config.syncDefaults) {
|
option: CategorySkipOption.AutoSkip
|
||||||
if(!Object.prototype.hasOwnProperty.call(Config.cachedSyncConfig, key)) {
|
}, {
|
||||||
Config.cachedSyncConfig[key] = Config.syncDefaults[key];
|
name: "poi_highlight" as Category,
|
||||||
} else if (key === "barTypes") {
|
option: CategorySkipOption.ManualSkip
|
||||||
for (const key2 in Config.syncDefaults[key]) {
|
}, {
|
||||||
if(!Object.prototype.hasOwnProperty.call(Config.cachedSyncConfig[key], key2)) {
|
name: "exclusive_access" as Category,
|
||||||
Config.cachedSyncConfig[key][key2] = Config.syncDefaults[key][key2];
|
option: CategorySkipOption.ShowOverlay
|
||||||
}
|
}],
|
||||||
}
|
|
||||||
|
payments: {
|
||||||
|
licenseKey: null,
|
||||||
|
lastCheck: 0,
|
||||||
|
lastFreeCheck: 0,
|
||||||
|
freeAccess: false,
|
||||||
|
chaptersAllowed: false
|
||||||
|
},
|
||||||
|
|
||||||
|
colorPalette: {
|
||||||
|
red: "#780303",
|
||||||
|
white: "#ffffff",
|
||||||
|
locked: "#ffc83d"
|
||||||
|
},
|
||||||
|
|
||||||
|
// Preview bar
|
||||||
|
barTypes: {
|
||||||
|
"preview-chooseACategory": {
|
||||||
|
color: "#ffffff",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"sponsor": {
|
||||||
|
color: "#00d400",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-sponsor": {
|
||||||
|
color: "#007800",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"selfpromo": {
|
||||||
|
color: "#ffff00",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-selfpromo": {
|
||||||
|
color: "#bfbf35",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"exclusive_access": {
|
||||||
|
color: "#008a5c",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"interaction": {
|
||||||
|
color: "#cc00ff",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-interaction": {
|
||||||
|
color: "#6c0087",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"intro": {
|
||||||
|
color: "#00ffff",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-intro": {
|
||||||
|
color: "#008080",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"outro": {
|
||||||
|
color: "#0202ed",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-outro": {
|
||||||
|
color: "#000070",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview": {
|
||||||
|
color: "#008fd6",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-preview": {
|
||||||
|
color: "#005799",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"music_offtopic": {
|
||||||
|
color: "#ff9900",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-music_offtopic": {
|
||||||
|
color: "#a6634a",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"poi_highlight": {
|
||||||
|
color: "#ff1684",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"preview-poi_highlight": {
|
||||||
|
color: "#9b044c",
|
||||||
|
opacity: "0.7"
|
||||||
|
},
|
||||||
|
"filler": {
|
||||||
|
color: "#7300FF",
|
||||||
|
opacity: "0.9"
|
||||||
|
},
|
||||||
|
"preview-filler": {
|
||||||
|
color: "#2E0066",
|
||||||
|
opacity: "0.7"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
for (const key in Config.localDefaults) {
|
const localDefaults = {
|
||||||
if(!Object.prototype.hasOwnProperty.call(Config.cachedLocalStorage, key)) {
|
downvotedSegments: {},
|
||||||
Config.cachedLocalStorage[key] = Config.localDefaults[key];
|
navigationApiAvailable: null
|
||||||
}
|
};
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetToDefault() {
|
const Config = new ConfigClass(syncDefaults, localDefaults, migrateOldSyncFormats);
|
||||||
chrome.storage.sync.set({
|
export default Config;
|
||||||
...Config.syncDefaults,
|
|
||||||
userID: Config.config.userID,
|
|
||||||
minutesSaved: Config.config.minutesSaved,
|
|
||||||
skipCount: Config.config.skipCount,
|
|
||||||
sponsorTimesContributed: Config.config.sponsorTimesContributed
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sync config
|
|
||||||
setupConfig();
|
|
||||||
|
|
||||||
export default Config;
|
|
598
src/content.ts
598
src/content.ts
File diff suppressed because it is too large
Load diff
|
@ -1,95 +1,3 @@
|
||||||
/*
|
import { init } from "@ajayyy/maze-utils/lib/injected/document";
|
||||||
Content script are run in an isolated DOM so it is not possible to access some key details that are sanitized when passed cross-dom
|
|
||||||
This script is used to get the details from the page and make them available for the content script by being injected directly into the page
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { PageType } from "./types";
|
init();
|
||||||
|
|
||||||
interface StartMessage {
|
|
||||||
type: "navigation";
|
|
||||||
pageType: PageType;
|
|
||||||
videoID: string | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface FinishMessage extends StartMessage {
|
|
||||||
channelID: string;
|
|
||||||
channelTitle: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface AdMessage {
|
|
||||||
type: "ad";
|
|
||||||
playing: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface VideoData {
|
|
||||||
type: "data";
|
|
||||||
videoID: string;
|
|
||||||
isLive: boolean;
|
|
||||||
isPremiere: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
type WindowMessage = StartMessage | FinishMessage | AdMessage | VideoData;
|
|
||||||
|
|
||||||
// global playerClient - too difficult to type
|
|
||||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
||||||
let playerClient: any;
|
|
||||||
let lastVideo = "";
|
|
||||||
|
|
||||||
const sendMessage = (message: WindowMessage): void => {
|
|
||||||
window.postMessage({ source: "sponsorblock", ...message }, "/");
|
|
||||||
}
|
|
||||||
|
|
||||||
function setupPlayerClient(e: CustomEvent): void {
|
|
||||||
if (playerClient) return; // early exit if already defined
|
|
||||||
|
|
||||||
playerClient = e.detail;
|
|
||||||
sendVideoData(); // send playerData after setup
|
|
||||||
|
|
||||||
e.detail.addEventListener('onAdStart', () => sendMessage({ type: "ad", playing: true } as AdMessage));
|
|
||||||
e.detail.addEventListener('onAdFinish', () => sendMessage({ type: "ad", playing: false } as AdMessage));
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener("yt-player-updated", setupPlayerClient);
|
|
||||||
document.addEventListener("yt-navigate-start", navigationStartSend);
|
|
||||||
document.addEventListener("yt-navigate-finish", navigateFinishSend);
|
|
||||||
|
|
||||||
function navigationParser(event: CustomEvent): StartMessage {
|
|
||||||
const pageType: PageType = event.detail.pageType;
|
|
||||||
if (pageType) {
|
|
||||||
const result: StartMessage = { type: "navigation", pageType, videoID: null };
|
|
||||||
if (pageType === "shorts" || pageType === "watch") {
|
|
||||||
const endpoint = event.detail.endpoint
|
|
||||||
if (!endpoint) return null;
|
|
||||||
|
|
||||||
result.videoID = (pageType === "shorts" ? endpoint.reelWatchEndpoint : endpoint.watchEndpoint).videoId;
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
} else {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function navigationStartSend(event: CustomEvent): void {
|
|
||||||
const message = navigationParser(event) as StartMessage;
|
|
||||||
if (message) {
|
|
||||||
sendMessage(message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function navigateFinishSend(event: CustomEvent): void {
|
|
||||||
sendVideoData(); // arrived at new video, send video data
|
|
||||||
const videoDetails = event.detail?.response?.playerResponse?.videoDetails;
|
|
||||||
if (videoDetails) {
|
|
||||||
sendMessage({ channelID: videoDetails.channelId, channelTitle: videoDetails.author, ...navigationParser(event) } as FinishMessage);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function sendVideoData(): void {
|
|
||||||
if (!playerClient) return;
|
|
||||||
const videoData = playerClient.getVideoData();
|
|
||||||
if (videoData && videoData.video_id !== lastVideo) {
|
|
||||||
lastVideo = videoData.video_id;
|
|
||||||
sendMessage({ type: "data", videoID: videoData.video_id, isLive: videoData.isLive, isPremiere: videoData.isPremiere } as VideoData);
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -11,8 +11,8 @@ import { ActionType, Category, SegmentContainer, SponsorHideType, SponsorSourceT
|
||||||
import { partition } from "../utils/arrayUtils";
|
import { partition } from "../utils/arrayUtils";
|
||||||
import { DEFAULT_CATEGORY, shortCategoryName } from "../utils/categoryUtils";
|
import { DEFAULT_CATEGORY, shortCategoryName } from "../utils/categoryUtils";
|
||||||
import { normalizeChapterName } from "../utils/exporter";
|
import { normalizeChapterName } from "../utils/exporter";
|
||||||
import { findValidElement } from "../utils/pageUtils";
|
|
||||||
import { getFormattedTimeToSeconds } from "@ajayyy/maze-utils/lib/formating";
|
import { getFormattedTimeToSeconds } from "@ajayyy/maze-utils/lib/formating";
|
||||||
|
import { findValidElement } from "@ajayyy/maze-utils/lib/dom";
|
||||||
|
|
||||||
const TOOLTIP_VISIBLE_CLASS = 'sponsorCategoryTooltipVisible';
|
const TOOLTIP_VISIBLE_CLASS = 'sponsorCategoryTooltipVisible';
|
||||||
const MIN_CHAPTER_SIZE = 0.003;
|
const MIN_CHAPTER_SIZE = 0.003;
|
||||||
|
|
|
@ -14,7 +14,7 @@ import UnsubmittedVideos from "./render/UnsubmittedVideos";
|
||||||
import KeybindComponent from "./components/options/KeybindComponent";
|
import KeybindComponent from "./components/options/KeybindComponent";
|
||||||
import { showDonationLink } from "./utils/configUtils";
|
import { showDonationLink } from "./utils/configUtils";
|
||||||
import { localizeHtmlPage } from "./utils/pageUtils";
|
import { localizeHtmlPage } from "./utils/pageUtils";
|
||||||
import { StorageChangesObject } from "./types";
|
import { StorageChangesObject } from "@ajayyy/maze-utils/lib/config";
|
||||||
const utils = new Utils();
|
const utils = new Utils();
|
||||||
let embed = false;
|
let embed = false;
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,6 @@ import {
|
||||||
SponsorHideType,
|
SponsorHideType,
|
||||||
SponsorSourceType,
|
SponsorSourceType,
|
||||||
SponsorTime,
|
SponsorTime,
|
||||||
StorageChangesObject,
|
|
||||||
} from "./types";
|
} from "./types";
|
||||||
import {
|
import {
|
||||||
GetChannelIDResponse,
|
GetChannelIDResponse,
|
||||||
|
@ -28,6 +27,7 @@ import { exportTimes } from "./utils/exporter";
|
||||||
import GenericNotice from "./render/GenericNotice";
|
import GenericNotice from "./render/GenericNotice";
|
||||||
import { noRefreshFetchingChaptersAllowed } from "./utils/licenseKey";
|
import { noRefreshFetchingChaptersAllowed } from "./utils/licenseKey";
|
||||||
import { getFormattedTime } from "@ajayyy/maze-utils/lib/formating";
|
import { getFormattedTime } from "@ajayyy/maze-utils/lib/formating";
|
||||||
|
import { StorageChangesObject } from "@ajayyy/maze-utils/lib/config";
|
||||||
|
|
||||||
const utils = new Utils();
|
const utils = new Utils();
|
||||||
|
|
||||||
|
|
11
src/types.ts
11
src/types.ts
|
@ -194,8 +194,6 @@ export interface VideoInfo {
|
||||||
|
|
||||||
export type VideoID = string;
|
export type VideoID = string;
|
||||||
|
|
||||||
export type StorageChangesObject = { [key: string]: chrome.storage.StorageChange };
|
|
||||||
|
|
||||||
export type UnEncodedSegmentTimes = [string, SponsorTime[]][];
|
export type UnEncodedSegmentTimes = [string, SponsorTime[]][];
|
||||||
|
|
||||||
export enum ChannelIDStatus {
|
export enum ChannelIDStatus {
|
||||||
|
@ -239,15 +237,6 @@ export type Keybind = {
|
||||||
shift?: boolean;
|
shift?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export enum PageType {
|
|
||||||
Shorts = "shorts",
|
|
||||||
Watch = "watch",
|
|
||||||
Search = "search",
|
|
||||||
Browse = "browse",
|
|
||||||
Channel = "channel",
|
|
||||||
Embed = "embed"
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ButtonListener {
|
export interface ButtonListener {
|
||||||
name: string;
|
name: string;
|
||||||
listener: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
listener: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
||||||
|
|
75
src/utils.ts
75
src/utils.ts
|
@ -2,9 +2,9 @@ import Config, { VideoDownvotes } from "./config";
|
||||||
import { CategorySelection, SponsorTime, FetchResponse, BackgroundScriptContainer, Registration, HashedValue, VideoID, SponsorHideType } from "./types";
|
import { CategorySelection, SponsorTime, FetchResponse, BackgroundScriptContainer, Registration, HashedValue, VideoID, SponsorHideType } from "./types";
|
||||||
|
|
||||||
import * as CompileConfig from "../config.json";
|
import * as CompileConfig from "../config.json";
|
||||||
import { findValidElement, findValidElementFromSelector } from "./utils/pageUtils";
|
|
||||||
import { waitFor } from "@ajayyy/maze-utils";
|
import { waitFor } from "@ajayyy/maze-utils";
|
||||||
import { isSafari } from "./utils/configUtils";
|
import { isSafari } from "./utils/configUtils";
|
||||||
|
import { findValidElementFromSelector } from "@ajayyy/maze-utils/lib/dom";
|
||||||
|
|
||||||
export default class Utils {
|
export default class Utils {
|
||||||
|
|
||||||
|
@ -23,11 +23,6 @@ export default class Utils {
|
||||||
"shared.css"
|
"shared.css"
|
||||||
];
|
];
|
||||||
|
|
||||||
/* Used for waitForElement */
|
|
||||||
creatingWaitingMutationObserver = false;
|
|
||||||
waitingMutationObserver: MutationObserver = null;
|
|
||||||
waitingElements: { selector: string; visibleCheck: boolean; callback: (element: Element) => void }[] = [];
|
|
||||||
|
|
||||||
constructor(backgroundScriptContainer: BackgroundScriptContainer = null) {
|
constructor(backgroundScriptContainer: BackgroundScriptContainer = null) {
|
||||||
this.backgroundScriptContainer = backgroundScriptContainer;
|
this.backgroundScriptContainer = backgroundScriptContainer;
|
||||||
}
|
}
|
||||||
|
@ -36,74 +31,6 @@ export default class Utils {
|
||||||
return waitFor(condition, timeout, check);
|
return waitFor(condition, timeout, check);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Uses a mutation observer to wait asynchronously */
|
|
||||||
async waitForElement(selector: string, visibleCheck = false): Promise<Element> {
|
|
||||||
return await new Promise((resolve) => {
|
|
||||||
const initialElement = this.getElement(selector, visibleCheck);
|
|
||||||
if (initialElement) {
|
|
||||||
resolve(initialElement);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.waitingElements.push({
|
|
||||||
selector,
|
|
||||||
visibleCheck,
|
|
||||||
callback: resolve
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!this.creatingWaitingMutationObserver) {
|
|
||||||
this.creatingWaitingMutationObserver = true;
|
|
||||||
|
|
||||||
if (document.body) {
|
|
||||||
this.setupWaitingMutationListener();
|
|
||||||
} else {
|
|
||||||
window.addEventListener("DOMContentLoaded", () => {
|
|
||||||
this.setupWaitingMutationListener();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
private setupWaitingMutationListener(): void {
|
|
||||||
if (!this.waitingMutationObserver) {
|
|
||||||
const checkForObjects = () => {
|
|
||||||
const foundSelectors = [];
|
|
||||||
for (const { selector, visibleCheck, callback } of this.waitingElements) {
|
|
||||||
const element = this.getElement(selector, visibleCheck);
|
|
||||||
if (element) {
|
|
||||||
callback(element);
|
|
||||||
foundSelectors.push(selector);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.waitingElements = this.waitingElements.filter((element) => !foundSelectors.includes(element.selector));
|
|
||||||
|
|
||||||
if (this.waitingElements.length === 0) {
|
|
||||||
this.waitingMutationObserver?.disconnect();
|
|
||||||
this.waitingMutationObserver = null;
|
|
||||||
this.creatingWaitingMutationObserver = false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Do an initial check over all objects
|
|
||||||
checkForObjects();
|
|
||||||
|
|
||||||
if (this.waitingElements.length > 0) {
|
|
||||||
this.waitingMutationObserver = new MutationObserver(checkForObjects);
|
|
||||||
|
|
||||||
this.waitingMutationObserver.observe(document.body, {
|
|
||||||
childList: true,
|
|
||||||
subtree: true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private getElement(selector: string, visibleCheck: boolean) {
|
|
||||||
return visibleCheck ? findValidElement(document.querySelectorAll(selector)) : document.querySelector(selector);
|
|
||||||
}
|
|
||||||
|
|
||||||
containsPermission(permissions: chrome.permissions.Permissions): Promise<boolean> {
|
containsPermission(permissions: chrome.permissions.Permissions): Promise<boolean> {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
chrome.permissions.contains(permissions, resolve)
|
chrome.permissions.contains(permissions, resolve)
|
||||||
|
|
|
@ -28,25 +28,6 @@ export function isVisible(element: HTMLElement): boolean {
|
||||||
return element && element.offsetWidth > 0 && element.offsetHeight > 0;
|
return element && element.offsetWidth > 0 && element.offsetHeight > 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function findValidElementFromSelector(selectors: string[]): HTMLElement {
|
|
||||||
return findValidElementFromGenerator(selectors, (selector) => document.querySelector(selector));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function findValidElement(elements: HTMLElement[] | NodeListOf<HTMLElement>): HTMLElement {
|
|
||||||
return findValidElementFromGenerator(elements);
|
|
||||||
}
|
|
||||||
|
|
||||||
function findValidElementFromGenerator<T>(objects: T[] | NodeListOf<HTMLElement>, generator?: (obj: T) => HTMLElement): HTMLElement {
|
|
||||||
for (const obj of objects) {
|
|
||||||
const element = generator ? generator(obj as T) : obj as HTMLElement;
|
|
||||||
if (element && isVisible(element)) {
|
|
||||||
return element;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getHashParams(): Record<string, unknown> {
|
export function getHashParams(): Record<string, unknown> {
|
||||||
const windowHash = window.location.hash.slice(1);
|
const windowHash = window.location.hash.slice(1);
|
||||||
if (windowHash) {
|
if (windowHash) {
|
||||||
|
|
Loading…
Reference in a new issue