npm - chrome-devtools-frontend - Versions diffs - 1.0.1543082 → 1.0.1543472 - Mend

chrome-devtools-frontend 1.0.1543082 → 1.0.1543472

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/front_end/ui/components/docs/theme_colors/basic.html DELETED Viewed

@@ -1,56 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>DevTools Theme Colors</title>
-  <style>
-    body {
-      /**
-       * The injected themes switch off user-select. This switches
-       * it back on so that we can select colors.
-       */
-      user-select: auto !important; /* stylelint-disable-line declaration-no-important */
-      overflow: auto !important; /* stylelint-disable-line declaration-no-important */
-    }
-    #container {
-      display: grid;
-      max-width: 600px;
-      grid-template-columns: repeat(2, 1fr);
-      row-gap: var(--sys-size-5);
-      column-gap: var(--sys-size-5);
-      > span {
-        font: var(--sys-typescale-headline1);
-      }
-      > div {
-        display: block;
-        border-bottom-width: var(--sys-size-9);
-        border-bottom-style: solid;
-        text-align: center;
-        font: var(--sys-typescale-body1-regular);
-        margin-bottom: var(--sys-size-5);
-      }
-    }
-  </style>
-</head>
-<body>
-  <div id="container">
-    <span>Light Mode</span>
-    <span>Dark Mode</span>
-  </div>
-  <script type="module" src="./basic.js"></script>
-</body>
-</html>

package/front_end/ui/components/docs/toggle_dark_mode.ts DELETED Viewed

@@ -1,36 +0,0 @@
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-const DARK_THEME_CLASS = 'theme-with-dark-background';
-function toggleDarkMode(force?: boolean): void {
-  // Only use the second arg if its not undefined. The spec treats `undefined` as falsy. :/
-  document.body.classList.toggle(...[DARK_THEME_CLASS, ...force !== undefined ? [force] : []]);
-}
-export function init(): void {
-  // To keep consistent test results, we don't auto-initialize darkmode. This'd do it, though:
-  //    toggleDarkMode(window.matchMedia('(prefers-color-scheme: dark)').matches);
-  window.addEventListener('load', () => {
-    const button = document.createElement('button');
-    button.innerText = 'Toggle light/dark mode';
-    button.className = 'component-docs-ui';
-    button.style.position = 'fixed';
-    button.style.bottom = '10px';
-    button.style.right = '10px';
-    button.style.width = '200px';
-    button.style.fontSize = '16px';
-    button.style.padding = '5px';
-    button.style.cursor = 'pointer';
-    button.addEventListener('click', event => {
-      event.preventDefault();
-      toggleDarkMode();
-    });
-    document.body.appendChild(button);
-  });
-}

package/front_end/ui/components/docs/toggle_fonts.ts DELETED Viewed

@@ -1,74 +0,0 @@
-// Copyright 2021 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-const PLATFROM_SCREENSHOT_TESTS = 'platform-screenshot-test';
-const PLATFORM_MAC_CLASS = 'platform-mac';
-const PLATFORM_LINUX_CLASS = 'platform-linux';
-const PLATFORM_WINDOWS_CLASS = 'platform-windows';
-const urlParams = new URLSearchParams(window.location.search);
-export function init(): void {
-  // fontFamily is provided by the interaction tests.
-  // While platform-specific class names define multiple font-families,
-  // we want a single font-family to be used by the tests.
-  if (urlParams.has('fontFamily')) {
-    const div = document.createElement('div');
-    div.className = 'component-docs-ui';
-    div.style.position = 'fixed';
-    div.style.bottom = '10px';
-    div.style.right = '230px';
-    div.style.width = '250px';
-    div.style.fontSize = '16px';
-    div.style.padding = '5px';
-    div.innerText = `font-family: ${urlParams.get('fontFamily')}`;
-    window.addEventListener('load', () => {
-      document.body.appendChild(div);
-    });
-    document.body.style.fontFamily = `${urlParams.get('fontFamily')}`;
-    return;
-  }
-  document.documentElement.classList.add(PLATFORM_LINUX_CLASS);
-  const button = document.createElement('button');
-  button.className = 'component-docs-ui';
-  const loop = [
-    PLATFROM_SCREENSHOT_TESTS,
-    PLATFORM_LINUX_CLASS,
-    PLATFORM_MAC_CLASS,
-    PLATFORM_WINDOWS_CLASS,
-  ];
-  function toggleFonts(): void {
-    for (const className of loop) {
-      if (className === loop[0]) {
-        document.documentElement.classList.add(className);
-      } else {
-        document.documentElement.classList.remove(className);
-      }
-    }
-    loop.push(loop.shift() as string);
-    button.innerText = 'Turn on ' + loop[0] + ' fonts';
-  }
-  window.addEventListener('load', () => {
-    toggleFonts();
-    button.style.position = 'fixed';
-    button.style.bottom = '10px';
-    button.style.right = '230px';
-    button.style.width = '250px';
-    button.style.fontSize = '16px';
-    button.style.padding = '5px';
-    button.style.cursor = 'pointer';
-    button.addEventListener('click', event => {
-      event.preventDefault();
-      toggleFonts();
-    });
-    document.body.appendChild(button);
-  });
-}

package/front_end/ui/components/docs/user_agent_client_hints/basic.html DELETED Viewed

@@ -1,25 +0,0 @@
-<!--
-  Copyright 2021 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>User agent client hints form</title>
-    <style>
-      #user-agent-client-hints-container {
-        width: 500px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="user-agent-client-hints-container">
-    </div>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/user_agent_client_hints/basic.ts DELETED Viewed

@@ -1,26 +0,0 @@
-// Copyright 2021 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-import * as EmulationComponents from '../../../../panels/settings/emulation/components/components.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-const userAgentClientHintsContainer = document.getElementById('user-agent-client-hints-container');
-const userAgentsForm = new EmulationComponents.UserAgentClientHintsForm.UserAgentClientHintsForm();
-userAgentsForm.value = {
-  metaData: {
-    fullVersion: '',
-    platform: '',
-    platformVersion: '',
-    architecture: '',
-    model: '',
-    mobile: true,
-  },
-  showMobileCheckbox: true,
-};
-userAgentClientHintsContainer?.appendChild(userAgentsForm);