angular/devtools/src/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>AngularDevtools</title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="assets/icon16.png" />
    <link
      rel="stylesheet"
      href="/_main/third_party/fonts.google.com/material-symbols-outlined/outlined.css"
    />

    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <div>
      <app-root></app-root>
      <other-app></other-app>
    </div>

    <script type="module" src="./bundle/main.js"></script>
  </body>
</html>
refactor(devtools): migrate devtools to prettier formatting (#58624) Added html and scss to ng-dev formatter. This is reduce the formatting changes coming in PRs. PR Close #58624 2024-11-13 09:36:44 +00:00			`<!doctype html>`
Initial commit for Angular DevTools 2020-01-27 18:40:18 +00:00			`<html lang="en">`
refactor(devtools): add dialog to the demo app 2020-03-11 02:40:33 +00:00			`<head>`
			`<meta charset="utf-8" />`
			`<title>AngularDevtools</title>`
			`<base href="/" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
fix(devtools): set proper icon sizes 2021-05-01 01:11:45 +00:00			`<link rel="icon" type="image/x-icon" href="assets/icon16.png" />`
refactor(devtools): switch default font to material symbols (#61281) update from Material Icons to Material Symbols, and use the local font copy instead of Google fonts to avoid version mismatches PR Close #61281 2025-05-12 17:21:27 +00:00			`<link`
			`rel="stylesheet"`
fix(devtools): correct path to load fonts for devtools devserver (#63358) This broke in c35c0c7f2f. This commit changes the path to load the external stylesheet to reflect the new directory path. PR Close #63358 2025-08-25 05:05:53 +00:00			`href="/_main/third_party/fonts.google.com/material-symbols-outlined/outlined.css"`
refactor(devtools): switch default font to material symbols (#61281) update from Material Icons to Material Symbols, and use the local font copy instead of Google fonts to avoid version mismatches PR Close #61281 2025-05-12 17:21:27 +00:00			`/>`
build(devtools): migrate demo app to bazel Allows the demo app to be builtmwith bazel and a dev server started with `yarn start`. 2021-09-08 22:39:40 +00:00
refactor(devtools): migrate devtools to prettier formatting (#58624) Added html and scss to ng-dev formatter. This is reduce the formatting changes coming in PRs. PR Close #58624 2024-11-13 09:36:44 +00:00			`<link rel="stylesheet" href="./styles.css" />`
refactor(devtools): add dialog to the demo app 2020-03-11 02:40:33 +00:00			`</head>`
			`<body>`
			`<div>`
			`<app-root></app-root>`
fix(devtools): DOM traversal bug (#62719) Previously, Angular devtools would mistakenly traverse the same DOM elements multiple times while doing traversal for the component tree explorer. This error case would occur when more than 1 Angular application root component was present on the same page and in distinct DOM branches. Some example cases that did work previously: ```html <app-root> ... </app-root> ``` ```html <app-root> ... <app-root-2></app-root-2> ... </app-root> ``` An example of where it would enter the irregular behaviour ```html <app-root> ... </app-root> <app-root-2> ... </app-root-2> ``` Now, we properly ignore duplicate DOM paths when looking for application and non-application root component to begin the Angular DevTools component discovery logic. PR Close #62719 2025-07-21 13:45:32 +00:00			`<other-app></other-app>`
refactor(devtools): add dialog to the demo app 2020-03-11 02:40:33 +00:00			`</div>`
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
			`<script type="module" src="./bundle/main.js"></script>`
refactor(devtools): add dialog to the demo app 2020-03-11 02:40:33 +00:00			`</body>`
Initial commit for Angular DevTools 2020-01-27 18:40:18 +00:00			`</html>`