angular/devtools/projects/shell-browser/src/devtools.ts

/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

/// <reference types="chrome"/>
const theme = chrome.devtools.panels.themeName;
chrome.devtools.panels.create(
  'Angular',
  // Firefox specifically displays the icon in the tab.
  // the bw icon wasn't visible in dark mode
  theme === 'dark' ? 'assets/icon16.png' : 'assets/icon-bw16.png',
  'index.html',
);
refactor(devtools): run tslint --fix on devtools codebase This commit runs tslint --fix with the angular/angular tslint configuration on the files inside the devtools codebase. Notably, the file-header rule in `tslint.json` was missing a default attribute. This commit adds that default attribute and sets it to the license header that is present in all files in this repo. After running tslint --fix with this default added, this commit added the license header to all files in the devtools directory. Note for the reviewer: the automatically added license headers were added as comments with the "/!" prefix. Since we want these comments removed in builds, and the rest of the codebase uses "/", a simple find and replace was performed on the devtools directory to change these prefixes to "/*". 2021-12-10 02:37:01 +00:00			`/**`
			`* @license`
			`* Copyright Google LLC All Rights Reserved.`
			`*`
			`* Use of this source code is governed by an MIT-style license that can be`
refactor: update license text to point to angular.dev (#57901) Update license text to point to angular.dev instead of angular.io PR Close #57901 2024-09-20 15:23:15 +00:00			`* found in the LICENSE file at https://angular.dev/license`
refactor(devtools): run tslint --fix on devtools codebase This commit runs tslint --fix with the angular/angular tslint configuration on the files inside the devtools codebase. Notably, the file-header rule in `tslint.json` was missing a default attribute. This commit adds that default attribute and sets it to the license header that is present in all files in this repo. After running tslint --fix with this default added, this commit added the license header to all files in the devtools directory. Note for the reviewer: the automatically added license headers were added as comments with the "/!" prefix. Since we want these comments removed in builds, and the rest of the codebase uses "/", a simple find and replace was performed on the devtools directory to change these prefixes to "/*". 2021-12-10 02:37:01 +00:00			`*/`

refactor(devtools): bring the angular devtools directory into the root bazel workspace Previously devtools used a nested workspace for its bazel configurations. This meant framework dependencies were consumed via npm. Now devtools is part of the root bazel directory that all other files in this codebase fall under. This allows us to build devtools using local angular packages, removing the need to consume these dependencies with npn. This is useful because we no longer have to update these dependencies with an automated tool like renovate, and our CI tests will always run against the most up to date framework packages. 2021-12-16 07:00:43 +00:00			`/// <reference types="chrome"/>`
refactor(devtools): themed devtool tab icons for firefox (#64122) With this change, Firefox get a different tab icon when the dark theme is enabled fixes #52980 PR Close #64122 2025-09-28 13:58:16 +00:00			`const theme = chrome.devtools.panels.themeName;`
			`chrome.devtools.panels.create(`
			`'Angular',`
			`// Firefox specifically displays the icon in the tab.`
			`// the bw icon wasn't visible in dark mode`
			`theme === 'dark' ? 'assets/icon16.png' : 'assets/icon-bw16.png',`
			`'index.html',`
			`);`