alejandrocoding
/ manifest.json
Created
June 12, 2020 16:34
Minimal version of manifest.json for Chrome Extensions Apps
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "My Extension", | |
| "version": "1.0.0", | |
| "description": "Description here", | |
| "manifest_version": 2, | |
| "permissions": ["webNavigation", "tabs"] | |
| } |
alejandrocoding
/ angular.json5
Last active
June 12, 2020 17:04
Angular json file with the manifest.json added in the assets array of the build-options configuration
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | |
| ... | |
| "projects": { | |
| "chrome-extension-template": { | |
| ... | |
| "architect": { | |
| "build": { | |
| "builder": "@angular-devkit/build-angular:browser", | |
| "options": { | |
| ... |
alejandrocoding
/ background.ts
Created
June 12, 2020 17:59
Chrome extension background.ts sample to filter out by github.com domain
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| chrome.runtime.onInstalled.addListener(() => { | |
| chrome.webNavigation.onCompleted.addListener(() => { | |
| chrome.tabs.query({ active: true, currentWindow: true }, ([{ id }]) => { | |
| chrome.pageAction.show(id); | |
| }); | |
| }, { url: [{ urlMatches: 'https://github.com/' }] }); | |
| }); |
alejandrocoding
/ manifest.json
Last active
June 12, 2020 18:15
Manifest for Chrome Extension adding background file in Angular app
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "My Extension", | |
| "version": "1.0.0", | |
| "description": "Description here", | |
| "manifest_version": 2, | |
| "permissions": ["webNavigation", "tabs"], | |
| "page_action": { | |
| "default_popup": "index.html" | |
| }, | |
| "background": { |
alejandrocoding
/ angular.json5
Created
June 12, 2020 18:36
Angular json file bundle with custom webpack
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | |
| ... | |
| "projects": { | |
| "chrome-extension-template": { | |
| ... | |
| "architect": { | |
| "build": { | |
| "builder": "@angular-builders/custom-webpack:browser", | |
| "options": { |
alejandrocoding
/ tsconfig.app.json
Created
June 12, 2020 18:55
Tsconfig includes background and contentScript into the TS compilation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "extends": "./tsconfig.json", | |
| "compilerOptions": { | |
| "outDir": "./out-tsc/app", | |
| "types": ["chrome"] | |
| }, | |
| "files": [ | |
| "src/main.ts", | |
| "src/polyfills.ts", | |
| "src/background.ts", |
alejandrocoding
/ contentScript.ts
Created
June 12, 2020 23:16
Chrome Extension contentScript.ts log
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| console.log('Hola desde ContentScript.ts!!'); |
alejandrocoding
/ manifest.json
Created
June 12, 2020 23:24
Chrome Extension with background and contentScript entries
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "My Extension", | |
| "version": "1.0.0", | |
| "description": "Description here", | |
| "manifest_version": 2, | |
| "permissions": ["webNavigation", "tabs"], | |
| "page_action": { | |
| "default_popup": "index.html" | |
| }, | |
| "background": { |
alejandrocoding
/ custom-webpack-dev.config.js
Created
June 12, 2020 23:35
Chrome Extension Live reload for background and contentScript in dev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const ExtensionReloader = require('webpack-extension-reloader') | |
| const config = require('./custom-webpack.config'); | |
| module.exports = {...config, | |
| mode: 'development', | |
| plugins: [new ExtensionReloader({ | |
| reloadPage: true, | |
| entries: { | |
| background: 'background', | |
| contentScript: 'contentScript' |
alejandrocoding
/ angular.json5
Created
June 12, 2020 23:40
Chrome Extension angular.json with live reload only in dev mode
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "./node_modules/@angular/cli/lib/config/schema.json", | |
| ... | |
| "projects": { | |
| "chrome-extension-template": { | |
| ... | |
| "architect": { | |
| "build": { | |
| "builder": "@angular-builders/custom-webpack:browser", | |
| "options": { |
OlderNewer