npm - chrome-devtools-frontend - Versions diffs - 1.0.1538523 → 1.0.1539972 - Mend

chrome-devtools-frontend 1.0.1538523 → 1.0.1539972

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 (347) hide show

package/front_end/ui/components/docs/tree_outline/custom-renderers.ts DELETED Viewed

@@ -1,61 +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.
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as Lit from '../../../lit/lit.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as TreeOutline from '../../tree_outline/tree_outline.js';
-const {html} = Lit;
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-interface TreeNodeData {
-  cssProperty: string;
-  cssValue: string;
-}
-const data: TreeOutline.TreeOutline.TreeOutlineData<TreeNodeData> = {
-  defaultRenderer: (node, state) => {
-    const {cssProperty, cssValue} = node.treeNodeData;
-    const valueStyles = Lit.Directives.styleMap({
-      paddingLeft: '10px',
-      fontStyle: 'italic',
-      color: 'var(--sys-color-token-property-special)',
-    });
-    return html`<code>${cssProperty}</code>:${
-        state.isExpanded ? Lit.nothing : html`<code style=${valueStyles}>${cssValue}</code>`}`;
-  },
-  tree: [
-    {
-      treeNodeData: {cssProperty: 'border', cssValue: '1px solid red'},
-      id: '1',
-    },
-    {
-      treeNodeData: {cssProperty: 'font-size', cssValue: '20px'},
-      id: '2',
-    },
-    {
-      treeNodeData: {cssProperty: 'margin', cssValue: '10px 5px'},
-      id: '3',
-      async children(): Promise<Array<TreeOutline.TreeOutlineUtils.TreeNode<TreeNodeData>>> {
-        return [
-          {treeNodeData: {cssProperty: 'margin-left', cssValue: '5px'}, id: '4'},
-          {treeNodeData: {cssProperty: 'margin-right', cssValue: '5px'}, id: '5'},
-          {treeNodeData: {cssProperty: 'margin-top', cssValue: '10px'}, id: '6'},
-          {treeNodeData: {cssProperty: 'margin-bottom', cssValue: '10px'}, id: '7'},
-        ];
-      },
-    },
-  ],
-};
-const component = new TreeOutline.TreeOutline.TreeOutline<TreeNodeData>();
-component.data = data;
-document.getElementById('container')?.appendChild(component);
-document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  void component.expandRecursively();
-});

package/front_end/ui/components/docs/tree_outline/lazy-children.html DELETED Viewed

@@ -1,32 +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>Tree Outline with Lazy Children</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-        padding: 20px;
-        height: 300px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <button id="recursively-expand">Recursively expand</button>
-    <script type="module" src="./lazy-children.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/tree_outline/lazy-children.ts DELETED Viewed

@@ -1,91 +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.
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as TreeOutline from '../../tree_outline/tree_outline.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-async function loadInSomeNodes(): Promise<Array<TreeOutline.TreeOutlineUtils.TreeNode<string>>> {
-  const europeanOffices: Array<TreeOutline.TreeOutlineUtils.TreeNode<string>> = [
-    {
-      treeNodeData: 'UK',
-      id: 'UK',
-      children: () => Promise.resolve([
-        {
-          treeNodeData: 'LON',
-          id: 'LON',
-          children: () => Promise.resolve(
-              [{treeNodeData: '6PS', id: '6PS'}, {treeNodeData: 'CSG', id: 'CSG'}, {treeNodeData: 'BEL', id: 'BEL'}]),
-        },
-      ]),
-    },
-    {
-      treeNodeData: 'Germany',
-      id: 'Germany',
-      children: () => Promise.resolve([
-        {treeNodeData: 'MUC', id: 'MUC'},
-        {treeNodeData: 'BER', id: 'MUC'},
-      ]),
-    },
-  ];
-  return await new Promise(resolve => {
-    setTimeout(() => resolve(europeanOffices), 250);
-  });
-}
-const data: TreeOutline.TreeOutline.TreeOutlineData<string> = {
-  defaultRenderer: TreeOutline.TreeOutline.defaultRenderer,
-  tree: [
-    {
-      treeNodeData: 'Offices',
-      id: 'Offices',
-      children: () => Promise.resolve([
-        {
-          treeNodeData: 'Europe',
-          id: 'Europe',
-          async children() {
-            const children = await loadInSomeNodes();
-            return children;
-          },
-        },
-      ]),
-    },
-    {
-      treeNodeData: 'Products',
-      id: 'Products',
-      children: () => Promise.resolve([
-        {
-          treeNodeData: 'Chrome',
-          id: 'Chrome',
-        },
-        {
-          treeNodeData: 'YouTube',
-          id: 'YouTube',
-        },
-        {
-          treeNodeData: 'Drive',
-          id: 'Drive',
-        },
-        {
-          treeNodeData: 'Calendar',
-          id: 'Calendar',
-        },
-      ]),
-    },
-  ],
-};
-const component = new TreeOutline.TreeOutline.TreeOutline<string>();
-component.setAttribute('toplevelbordercolor', 'var(--sys-color-token-property-special)');
-component.data = data;
-document.getElementById('container')?.appendChild(component);
-document.getElementById('recursively-expand')?.addEventListener('click', () => {
-  void component.expandRecursively();
-});

package/front_end/ui/components/docs/tree_outline/sample-data.ts DELETED Viewed

@@ -1,67 +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.
-import '../../tree_outline/tree_outline.js';
-import type * as TreeOutline from '../../tree_outline/tree_outline.js';
-export const belgraveHouse = {
-  treeNodeData: 'BEL',
-  id: 'BEL',
-};
-export const officesAndProductsData: Array<TreeOutline.TreeOutlineUtils.TreeNode<string>> = [
-  {
-    treeNodeData: 'Offices',
-    id: 'Offices',
-    children: () => Promise.resolve([
-      {
-        treeNodeData: 'Europe',
-        id: 'Europe',
-        children: () => Promise.resolve([
-          {
-            treeNodeData: 'UK',
-            id: 'UK',
-            children: () => Promise.resolve([
-              {
-                treeNodeData: 'LON',
-                id: 'LON',
-                children: () => Promise.resolve(
-                    [{treeNodeData: '6PS', id: '6PS'}, {treeNodeData: 'CSG', id: 'CSG'}, belgraveHouse]),
-              },
-            ]),
-          },
-          {
-            treeNodeData: 'Germany',
-            id: 'Germany',
-            children: () => Promise.resolve([
-              {treeNodeData: 'MUC', id: 'MUC'},
-              {treeNodeData: 'BER', id: 'BER'},
-            ]),
-          },
-        ]),
-      },
-    ]),
-  },
-  {
-    treeNodeData: 'Products',
-    id: 'Products',
-    children: () => Promise.resolve([
-      {
-        treeNodeData: 'Chrome',
-        id: 'Chrome',
-      },
-      {
-        treeNodeData: 'YouTube',
-        id: 'YouTube',
-      },
-      {
-        treeNodeData: 'Drive',
-        id: 'Drive',
-      },
-      {
-        treeNodeData: 'Calendar',
-        id: 'Calendar',
-      },
-    ]),
-  },
-];

package/front_end/ui/components/helpers/directives.ts DELETED Viewed

@@ -1,38 +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 Lit from '../../lit/lit.js';
-/**
- * Provides a hook to get a callback when a Lit node is rendered into the DOM:
- * @example
- *
- * ```
- * <p on-render=${nodeRenderedCallback(node => ...)}>
- * ```
- */
-class NodeRenderedCallback extends Lit.Directive.Directive {
-  constructor(partInfo: Lit.Directive.PartInfo) {
-    super(partInfo);
-    if (partInfo.type !== Lit.Directive.PartType.ATTRIBUTE) {
-      throw new Error('Node rendered callback directive must be used as an attribute.');
-    }
-  }
-  override update(part: Lit.Directive.ElementPart, [callback]: Lit.Directive.DirectiveParameters<this>): void {
-    callback(part.element);
-  }
-  /*
-   * Because this directive doesn't render anything, there's no implementation
-   * here for the render method. But we need it to state that it takes in a
-   * callback function at the callsite. Without this definition, the types in
-   * the update() method above don't get correctly picked up.
-   */
-  render(_callback: (domNode: Element) => void): void {
-  }
-}
-export const nodeRenderedCallback = Lit.Directive.directive(NodeRenderedCallback);

/package/front_end/entrypoints/node_app/{nodeConnectionsPanel.css → app/nodeConnectionsPanel.css} RENAMED Viewed

File without changes