npm - chrome-devtools-frontend - Versions diffs - 1.0.1541552 → 1.0.1542501 - Mend

chrome-devtools-frontend 1.0.1541552 → 1.0.1542501

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

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

@@ -1,67 +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 FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as Marked from '../../../../third_party/marked/marked.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as MarkdownView from '../../markdown_view/markdown_view.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-// Register images in the markdown image map.
-MarkdownView.MarkdownImagesMap.markdownImages.set('lighthouse-icon', {
-  src: '../../Images/lighthouse_logo.svg',
-  width: '16px',
-  height: '16px',
-  isIcon: true,
-});
-MarkdownView.MarkdownImagesMap.markdownImages.set('baseline', {
-  src: '../../Images/align-items-baseline.svg',
-  width: '200px',
-  height: '200px',
-  isIcon: false,
-});
-// Register a link in the markdown link map.
-MarkdownView.MarkdownLinksMap.markdownLinks.set('test-link', 'https://exampleLink.com/');
-const component = new MarkdownView.MarkdownView.MarkdownView();
-document.getElementById('container')?.appendChild(component);
-const markdownAst = Marked.Marked.lexer(`
-Lorem ipsum dolor sit amet, ![icon](lighthouse-icon) consectetur adipiscing elit. [Phasellus tristique](test-link) metus velit, a laoreet sapien ultricies eu. Fusce facilisis, felis id ullamcorper placerat, enim magna porta justo, nec aliquet orci arcu eu velit. Ut quis maximus dolor. Morbi congue tempus porttitor. Duis ut lorem gravida, vehicula mi et, suscipit risus.
-* Cras varius cursus eros.
-* Mauris non blandit turpis.
-Proin posuere varius risus, nec tristique urna elementum ut.
-\`\`\`js
-console.log('test')
-\`\`\`
-\`\`\`js
-MarkdownView.MarkdownImagesMap.markdownImages.set('lighthouse-icon', {
-  src: '../../Images/lighthouse_logo.svg',
-  width: '16px',
-  height: '16px',
-  isIcon: true,
-});
-MarkdownView.MarkdownImagesMap.markdownImages.set('baseline', {
-  src: '../../Images/align-items-baseline.svg',
-  width: '200px',
-  height: '200px',
-  isIcon: false,
-});
-\`\`\`
-![Image](baseline)
-\`Cras id elit at erat porttitor elementum\`. Donec purus nulla, suscipit eu hendrerit in, auctor eu erat. Proin ut accumsan mi, rhoncus interdum odio. Etiam dapibus posuere lorem.
-`);
-component.data = {
-  tokens: markdownAst,
-};

package/front_end/ui/components/docs/markdown_view/code-block.html DELETED Viewed

@@ -1,30 +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>Code Block - Markdown View example</title>
-    <style>
-      #container {
-        max-width: 100vw;
-        max-height: 100vh;
-        border: 1px solid black;
-        padding: 24px;
-        overflow: auto;
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: auto;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container"></div>
-    <script type="module" src="./code-block.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/markdown_view/code-block.ts DELETED Viewed

@@ -1,71 +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 FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as MarkdownView from '../../markdown_view/markdown_view.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-const container = document.getElementById('container');
-function appendCodeBlock(data: {
-  displayNotice: boolean,
-  header?: string,
-  showCopyButton?: boolean,
-}): void {
-  const component = new MarkdownView.CodeBlock.CodeBlock();
-  container?.appendChild(document.createTextNode(JSON.stringify(data)));
-  container?.appendChild(component);
-  component.codeLang = 'js';
-  component.code = `MarkdownView.MarkdownImagesMap.markdownImages.set('lighthouse-icon', {
-    src: '../../Images/lighthouse_logo.svg',
-    width: '16px',
-    height: '16px',
-    isIcon: true,
-  });
-  MarkdownView.MarkdownImagesMap.markdownImages.set('baseline', {
-    src: '../../Images/align-items-baseline.svg',
-    width: '200px',
-    height: '200px',
-    isIcon: false,
-  });`;
-  component.displayNotice = data.displayNotice;
-  if (data.header) {
-    component.header = data.header;
-  }
-  if (data.showCopyButton) {
-    component.showCopyButton = data.showCopyButton;
-  }
-}
-appendCodeBlock({
-  displayNotice: true,
-});
-appendCodeBlock({
-  displayNotice: false,
-});
-appendCodeBlock({
-  displayNotice: true,
-  header: 'Code executed',
-  showCopyButton: false,
-});
-appendCodeBlock({
-  displayNotice: false,
-  header: 'Code executed',
-  showCopyButton: false,
-});
-appendCodeBlock({
-  displayNotice: true,
-  header: 'Code executed',
-  showCopyButton: true,
-});
-appendCodeBlock({
-  displayNotice: false,
-  header: 'Code executed',
-  showCopyButton: true,
-});