mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-27 13:29:34 +07:00
dc2174377a
* Ignores archived samples * Uses eslint/recommended rules * Runs prettier and eslint (including --fix) pre-commit via husky * Adds new npm scripts: 'lint', 'lint:fix' and 'prettier' * Does not lint inline js code * Fix all prettier and eslint errors * Add custom prettier rules * Apply custom prettier rules * Update readme to explain how to setup the repo * addressed comments
53 lines
1.8 KiB
JavaScript
53 lines
1.8 KiB
JavaScript
// Copyright 2022 Google LLC
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// https://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
chrome.runtime.onInstalled.addListener(() => {
|
|
chrome.action.setBadgeText({
|
|
text: 'OFF'
|
|
});
|
|
});
|
|
|
|
const extensions = 'https://developer.chrome.com/docs/extensions';
|
|
const webstore = 'https://developer.chrome.com/docs/webstore';
|
|
|
|
// When the user clicks on the extension action
|
|
chrome.action.onClicked.addListener(async (tab) => {
|
|
if (tab.url.startsWith(extensions) || tab.url.startsWith(webstore)) {
|
|
// We retrieve the action badge to check if the extension is 'ON' or 'OFF'
|
|
const prevState = await chrome.action.getBadgeText({ tabId: tab.id });
|
|
// Next state will always be the opposite
|
|
const nextState = prevState === 'ON' ? 'OFF' : 'ON';
|
|
|
|
// Set the action badge to the next state
|
|
await chrome.action.setBadgeText({
|
|
tabId: tab.id,
|
|
text: nextState
|
|
});
|
|
|
|
if (nextState === 'ON') {
|
|
// Insert the CSS file when the user turns the extension on
|
|
await chrome.scripting.insertCSS({
|
|
files: ['focus-mode.css'],
|
|
target: { tabId: tab.id }
|
|
});
|
|
} else if (nextState === 'OFF') {
|
|
// Remove the CSS file when the user turns the extension off
|
|
await chrome.scripting.removeCSS({
|
|
files: ['focus-mode.css'],
|
|
target: { tabId: tab.id }
|
|
});
|
|
}
|
|
}
|
|
});
|