@browserless.io/browserless 2.2.0-beta-8 → 2.3.0-beta-1

package/static/devtools/bindings_test_runner/IsolatedFilesystemTestRunner.js

@@ -0,0 +1,287 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.BindingsTestRunner = self.BindingsTestRunner || {};
+
+Host.InspectorFrontendHost.isolatedFileSystem = function(name) {
+  return BindingsTestRunner.TestFileSystem._instances[name];
+};
+
+BindingsTestRunner.TestFileSystem = function(fileSystemPath) {
+  this.root = new BindingsTestRunner.TestFileSystem.Entry(this, '', true, null);
+  this.fileSystemPath = fileSystemPath;
+};
+
+BindingsTestRunner.TestFileSystem._instances = {};
+
+BindingsTestRunner.TestFileSystem.prototype = {
+  dumpAsText: function() {
+    const result = [];
+    dfs(this.root, '');
+    result[0] = this.fileSystemPath;
+    return result.join('\n');
+
+    function dfs(node, indent) {
+      result.push(indent + node.name);
+      const newIndent = indent + '    ';
+
+      for (const child of node._children.values()) {
+        dfs(child, newIndent);
+      }
+    }
+  },
+
+  reportCreatedPromise: function(type) {
+    return new Promise(fulfill => this.reportCreated(fulfill, type));
+  },
+
+  reportCreated: function(callback, type) {
+    const fileSystemPath = this.fileSystemPath;
+    BindingsTestRunner.TestFileSystem._instances[this.fileSystemPath] = this;
+
+    Host.InspectorFrontendHost.events.dispatchEventToListeners(
+        Host.InspectorFrontendHostAPI.Events.FileSystemAdded,
+        {fileSystem: {fileSystemPath: this.fileSystemPath, fileSystemName: this.fileSystemPath, type}});
+
+    self.Persistence.isolatedFileSystemManager.addEventListener(
+        Persistence.IsolatedFileSystemManager.Events.FileSystemAdded, created);
+
+    function created(event) {
+      const fileSystem = event.data;
+
+      if (fileSystem.path() !== fileSystemPath) {
+        return;
+      }
+
+      self.Persistence.isolatedFileSystemManager.removeEventListener(
+          Persistence.IsolatedFileSystemManager.Events.FileSystemAdded, created);
+      callback(fileSystem);
+    }
+  },
+
+  reportRemoved: function() {
+    delete BindingsTestRunner.TestFileSystem._instances[this.fileSystemPath];
+    Host.InspectorFrontendHost.events.dispatchEventToListeners(
+        Host.InspectorFrontendHostAPI.Events.FileSystemRemoved, this.fileSystemPath);
+  },
+
+  addFile: function(path, content, lastModified) {
+    const pathTokens = path.split('/');
+    let node = this.root;
+    const folders = pathTokens.slice(0, pathTokens.length - 1);
+    const fileName = pathTokens[pathTokens.length - 1];
+
+    for (const folder of folders) {
+      let dir = node._children.get(folder);
+
+      if (!dir) {
+        dir = node.mkdir(folder);
+      }
+
+      node = dir;
+    }
+
+    const file = node.addFile(fileName, content);
+
+    if (lastModified) {
+      file._timestamp = lastModified;
+    }
+
+    return file;
+  }
+};
+
+BindingsTestRunner.TestFileSystem.Entry = function(fileSystem, name, isDirectory, parent) {
+  this._fileSystem = fileSystem;
+  this.name = name;
+  this._children = new Map();
+  this.isDirectory = isDirectory;
+  this._timestamp = 1000000;
+  this._parent = parent;
+};
+
+BindingsTestRunner.TestFileSystem.Entry.prototype = {
+  get fullPath() {
+    return (this._parent ? this._parent.fullPath + '/' + this.name : '');
+  },
+
+  remove: function(success, failure) {
+    this._parent._removeChild(this, success, failure);
+  },
+
+  _removeChild: function(child, success, failure) {
+    if (!this._children.has(child.name)) {
+      failure('Failed to remove file: file not found.');
+      return;
+    }
+
+    const fullPath = this._fileSystem.fileSystemPath + child.fullPath;
+    this._children.delete(child.name);
+    child._parent = null;
+
+    Host.InspectorFrontendHost.events.dispatchEventToListeners(
+        Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved,
+        {changed: [], added: [], removed: [fullPath]});
+
+    success();
+  },
+
+  mkdir: function(name) {
+    const child = new BindingsTestRunner.TestFileSystem.Entry(this._fileSystem, name, true, this);
+    this._children.set(name, child);
+    return child;
+  },
+
+  addFile: function(name, content) {
+    const child = new BindingsTestRunner.TestFileSystem.Entry(this._fileSystem, name, false, this);
+    this._children.set(name, child);
+
+    child.content = new Blob([content], {type: 'text/plain'});
+
+    const fullPath = this._fileSystem.fileSystemPath + child.fullPath;
+
+    Host.InspectorFrontendHost.events.dispatchEventToListeners(
+        Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved,
+        {changed: [], added: [fullPath], removed: []});
+
+    return child;
+  },
+
+  setContent: function(content) {
+    this.content = new Blob([content], {type: 'text/plain'});
+
+    this._timestamp += 1000;
+    const fullPath = this._fileSystem.fileSystemPath + this.fullPath;
+
+    Host.InspectorFrontendHost.events.dispatchEventToListeners(
+        Host.InspectorFrontendHostAPI.Events.FileSystemFilesChangedAddedRemoved,
+        {changed: [fullPath], added: [], removed: []});
+  },
+
+  createReader: function() {
+    return new BindingsTestRunner.TestFileSystem.Reader([...this._children.values()]);
+  },
+
+  createWriter: function(success, failure) {
+    success(new BindingsTestRunner.TestFileSystem.Writer(this));
+  },
+
+  file: function(callback) {
+    callback(this.content);
+  },
+
+  getDirectory: function(path, noop, callback, errorCallback) {
+    this.getEntry(path, noop, callback, errorCallback);
+  },
+
+  getFile: function(path, noop, callback, errorCallback) {
+    this.getEntry(path, noop, callback, errorCallback);
+  },
+
+  _createEntry: function(path, options, callback, errorCallback) {
+    const tokens = path.split('/');
+    const name = tokens.pop();
+    let parentEntry = this;
+
+    for (const token of tokens) {
+      parentEntry = parentEntry._children.get(token);
+    }
+
+    let entry = parentEntry._children.get(name);
+
+    if (entry && options.exclusive) {
+      errorCallback(new DOMException('File exists: ' + path, 'InvalidModificationError'));
+      return;
+    }
+
+    if (!entry) {
+      entry = parentEntry.addFile(name, '');
+    }
+
+    callback(entry);
+  },
+
+  getEntry: function(path, options, callback, errorCallback) {
+    if (path.startsWith('/')) {
+      path = path.substring(1);
+    }
+
+    if (options && options.create) {
+      this._createEntry(path, options, callback, errorCallback);
+      return;
+    }
+
+    if (!path) {
+      callback(this);
+      return;
+    }
+
+    let entry = this;
+
+    for (const token of path.split('/')) {
+      entry = entry._children.get(token);
+      if (!entry) {
+        break;
+      }
+    }
+
+    (entry ? callback(entry) : errorCallback(new DOMException('Path not found: ' + path, 'NotFoundError')));
+  },
+
+  getMetadata: function(success, failure) {
+    success({modificationTime: new Date(this._timestamp), size: (this.isDirectory ? 0 : this.content.size)});
+  },
+
+  moveTo: function(parent, newName, callback, errorCallback) {
+    this._parent._children.delete(this.name);
+    this._parent = parent;
+    this.name = newName;
+    this._parent._children.set(this.name, this);
+    callback(this);
+  },
+
+  getParent: function(callback, errorCallback) {
+    callback(this._parent);
+  }
+};
+
+BindingsTestRunner.TestFileSystem.Reader = function(children) {
+  this._children = children;
+};
+
+BindingsTestRunner.TestFileSystem.Reader.prototype = {
+  readEntries: function(callback) {
+    const children = this._children;
+    this._children = [];
+    callback(children);
+  }
+};
+
+BindingsTestRunner.TestFileSystem.Writer = function(entry) {
+  this._entry = entry;
+  this._modificationTimesDelta = 500;
+};
+
+BindingsTestRunner.TestFileSystem.Writer.prototype = {
+  write: function(blob) {
+    this._entry._timestamp += this._modificationTimesDelta;
+    this._entry.content = blob;
+
+    if (this.onwriteend) {
+      this.onwriteend();
+    }
+  },
+
+  truncate: function(num) {
+    this._entry._timestamp += this._modificationTimesDelta;
+    this._entry.content = this._entry.content.slice(0, num);
+
+    if (this.onwriteend) {
+      this.onwriteend();
+    }
+  }
+};

package/static/devtools/bindings_test_runner/OverridesTestRunner.js

@@ -0,0 +1,26 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+self.BindingsTestRunner = self.BindingsTestRunner || {};
+
+/**
+ * @param {string} folderPath
+ * @return {!{isolatedFileSystem: !Persistence.IsolatedFileSystem, project: !Workspace.Project, testFileSystem: !BindingsTestRunner.TestFileSystem}}
+ */
+BindingsTestRunner.createOverrideProject = async function(folderPath) {
+  const testFileSystem = new BindingsTestRunner.TestFileSystem(folderPath);
+  const isolatedFileSystem = await testFileSystem.reportCreatedPromise('overrides');
+  isolatedFileSystem._type = 'overrides';
+  const project =
+      self.Workspace.workspace.project(Persistence.FileSystemWorkspaceBinding.projectId(isolatedFileSystem.path()));
+  console.assert(project);
+  return {isolatedFileSystem, project, testFileSystem};
+};
+
+/**
+ * @param {boolean} enabled
+ */
+BindingsTestRunner.setOverridesEnabled = function(enabled) {
+  self.Common.settings.moduleSetting('persistenceNetworkOverridesEnabled').set(enabled);
+};

package/static/devtools/bindings_test_runner/PersistenceTestRunner.js

@@ -0,0 +1,109 @@
+// Copyright 2017 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+
+self.BindingsTestRunner = self.BindingsTestRunner || {};
+
+Persistence.PersistenceBinding.prototype.toString = function() {
+  const lines = ['{', '       network: ' + this.network.url(), '    fileSystem: ' + this.fileSystem.url(), '}'];
+
+  return lines.join('\n');
+};
+
+Persistence.AutomappingStatus.prototype.toString = function() {
+  const lines = [
+    '{', '       network: ' + this.network.url(), '    fileSystem: ' + this.fileSystem.url(),
+    '    exactMatch: ' + this.exactMatch, '}'
+  ];
+
+  return lines.join('\n');
+};
+
+
+BindingsTestRunner.waitForBinding = function(fileName) {
+  const uiSourceCodes = self.Workspace.workspace.uiSourceCodes();
+
+  for (const uiSourceCode of uiSourceCodes) {
+    const binding = self.Persistence.persistence.binding(uiSourceCode);
+
+    if (!binding) {
+      continue;
+    }
+
+    if (uiSourceCode.name() === fileName) {
+      return Promise.resolve(binding);
+    }
+  }
+
+  return TestRunner.waitForEvent(
+      Persistence.Persistence.Events.BindingCreated, self.Persistence.persistence,
+      binding => binding.network.name() === fileName || binding.fileSystem.name() === fileName);
+};
+
+BindingsTestRunner.addFooJSFile = function(fs) {
+  return fs.root.mkdir('devtools')
+      .mkdir('persistence')
+      .mkdir('resources')
+      .addFile('foo.js', '\n\nwindow.foo = ()=>\'foo\';\n');
+};
+
+BindingsTestRunner.initializeTestMapping = function() {
+  return new TestMapping(self.Persistence.persistence);
+};
+
+class TestMapping {
+  constructor(persistence) {
+    this._persistence = persistence;
+    persistence.addNetworkInterceptor(() => true);
+    this._bindings = new Set();
+  }
+
+  async addBinding(urlSuffix) {
+    if (this._findBinding(urlSuffix)) {
+      TestRunner.addResult(`FAILED TO ADD BINDING: binding already exists for ${urlSuffix}`);
+      TestRunner.completeTest();
+      return;
+    }
+
+    const networkUISourceCode = await TestRunner.waitForUISourceCode(urlSuffix, Workspace.projectTypes.Network);
+    const fileSystemUISourceCode = await TestRunner.waitForUISourceCode(urlSuffix, Workspace.projectTypes.FileSystem);
+    const binding = new Persistence.PersistenceBinding(networkUISourceCode, fileSystemUISourceCode);
+    this._bindings.add(binding);
+    await this._persistence.addBindingForTest(binding);
+  }
+
+  _findBinding(urlSuffix) {
+    for (const binding of this._bindings) {
+      if (binding.network.url().endsWith(urlSuffix)) {
+        return binding;
+      }
+    }
+
+    return null;
+  }
+
+  async removeBinding(urlSuffix) {
+    const binding = this._findBinding(urlSuffix);
+
+    if (!binding) {
+      TestRunner.addResult(`FAILED TO REMOVE BINDING: binding does not exist for ${urlSuffix}`);
+      TestRunner.completeTest();
+      return;
+    }
+
+    this._bindings.delete(binding);
+    await this._persistence.removeBindingForTest(binding);
+  }
+
+  async dispose() {
+    for (const binding of this._bindings) {
+      await this._persistence.removeBindingForTest(binding);
+    }
+
+    this._bindings.clear();
+  }
+}

package/static/devtools/bindings_test_runner/bindings_test_runner.js

@@ -0,0 +1,9 @@
+// Copyright 2020 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import './BindingsTestRunner.js';
+import './IsolatedFilesystemTestRunner.js';
+import './AutomappingTestRunner.js';
+import './PersistenceTestRunner.js';
+import './OverridesTestRunner.js';

package/static/devtools/browser_debugger/browser_debugger-legacy.js

@@ -0,0 +1 @@
+import{DOMBreakpointsSidebarPane as e,EventListenerBreakpointsSidebarPane as r,CSPViolationBreakpointsSidebarPane as a,ObjectEventListenersSidebarPane as n,XHRBreakpointsSidebarPane as o}from"./browser_debugger.js";self.BrowserDebugger=self.BrowserDebugger||{},BrowserDebugger=BrowserDebugger||{},BrowserDebugger.DOMBreakpointsSidebarPane=e.DOMBreakpointsSidebarPane,BrowserDebugger.DOMBreakpointsSidebarPane.BreakpointTypeLabels=e.BreakpointTypeLabels,BrowserDebugger.DOMBreakpointsSidebarPane.ContextMenuProvider=e.ContextMenuProvider,BrowserDebugger.EventListenerBreakpointsSidebarPane=r.EventListenerBreakpointsSidebarPane,BrowserDebugger.CSPViolationBreakpointsSidebarPane=a.CSPViolationBreakpointsSidebarPane,BrowserDebugger.ObjectEventListenersSidebarPane=n.ObjectEventListenersSidebarPane,BrowserDebugger.ObjectEventListenersSidebarPane._objectGroupName=n.objectGroupName,BrowserDebugger.XHRBreakpointsSidebarPane=o.XHRBreakpointsSidebarPane;

package/static/devtools/browser_debugger/browser_debugger-meta.js

@@ -0,0 +1 @@
+import{ls as e}from"../platform/platform.js";import{Runtime as t}from"../root/root.js";import{ViewManager as i}from"../ui/ui.js";let o,r;async function a(){return o||(await t.Runtime.instance().loadModulePromise("browser_debugger"),o=await import("./browser_debugger.js")),o}async function n(){return r||(await t.Runtime.instance().loadModulePromise("sources"),r=await import("../sources/sources.js")),r}i.registerViewExtension({loadView:async()=>(await a()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.eventListenerBreakpoints",location:"sources.sidebar-bottom",commandPrompt:()=>e`Show Elements`,title:()=>e`Event Listener Breakpoints`,order:9,persistence:"permanent"}),i.registerViewExtension({loadView:async()=>(await a()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane.instance(),id:"sources.cspViolationBreakpoints",location:"sources.sidebar-bottom",commandPrompt:()=>e`Show CSP Violation Breakpoints`,title:()=>e`CSP Violation Breakpoints`,order:10,persistence:"permanent"}),i.registerViewExtension({loadView:async()=>(await a()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhrBreakpoints",location:"sources.sidebar-bottom",commandPrompt:()=>e`Show XHR/fetch Breakpoints`,title:()=>e`XHR/fetch Breakpoints`,order:5,persistence:"permanent",hasToolbar:!0}),i.registerViewExtension({loadView:async()=>(await a()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.domBreakpoints",location:"sources.sidebar-bottom",commandPrompt:()=>e`Show DOM Breakpoints`,title:()=>e`DOM Breakpoints`,order:7,persistence:"permanent"}),i.registerViewExtension({loadView:async()=>(await a()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane.instance(),id:"sources.globalListeners",location:"sources.sidebar-bottom",commandPrompt:()=>e`Show Global Listeners`,title:()=>e`Global Listeners`,order:8,persistence:"permanent",hasToolbar:!0}),i.registerViewExtension({loadView:async()=>(await a()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.domBreakpoints",location:"elements-sidebar",commandPrompt:()=>e`Show DOM Breakpoints`,title:()=>e`DOM Breakpoints`,order:6,persistence:"permanent"}),i.registerViewExtension({location:"navigator-view",id:"navigator-network",title:()=>e`Page`,commandPrompt:()=>e`Show Page`,order:2,persistence:"permanent",loadView:async()=>(await n()).SourcesNavigator.NetworkNavigatorView.instance()}),i.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:()=>e`Overrides`,commandPrompt:()=>e`Show Overrides`,order:4,persistence:"permanent",loadView:async()=>(await n()).SourcesNavigator.OverridesNavigatorView.instance()}),i.registerViewExtension({location:"navigator-view",id:"navigator-contentScripts",title:()=>e`Content scripts`,commandPrompt:()=>e`Show Content scripts`,order:5,persistence:"permanent",loadView:async()=>(await n()).SourcesNavigator.ContentScriptsNavigatorView.instance()});

package/static/devtools/browser_debugger/browser_debugger.js

@@ -0,0 +1 @@
+import{SDKModel as e,DebuggerModel as t,DOMDebuggerModel as n,RuntimeModel as i}from"../sdk/sdk.js";import{ls as s}from"../platform/platform.js";import{Widget as o,TreeOutline as a,Context as r,UIUtils as d,ARIAUtils as c,ViewManager as l,ListModel as h,ListControl as p,ContextMenu as m,Toolbar as u,InplaceEditor as k}from"../ui/ui.js";import{UIString as g,Linkifier as b,Revealer as _}from"../common/common.js";import{DebuggerPausedMessage as f}from"../sources/sources.js";import{EventListenersView as E}from"../event_listeners/event_listeners.js";class x extends o.VBox{constructor(n,i,s,o){super(!0),this._categoriesTreeOutline=new a.TreeOutlineInShadow,this._categoriesTreeOutline.registerRequiredCSS("browser_debugger/categorizedBreakpointsSidebarPane.css",{enableLegacyPatching:!0}),this._categoriesTreeOutline.setShowSelectionOnKeyboardFocus(!0),this.contentElement.appendChild(this._categoriesTreeOutline.element),this._viewId=s,this._detailsPausedReason=o,this._categories=new Map;for(const e of n)this._categories.has(e)||this._createCategory(e);if(n.length>0){const e=this._categories.get(n[0]);e&&e.element.select()}this._breakpoints=new Map;for(const e of i)this._createBreakpoint(e);e.TargetManager.instance().addModelListener(t.DebuggerModel,t.Events.DebuggerPaused,this._update,this),e.TargetManager.instance().addModelListener(t.DebuggerModel,t.Events.DebuggerResumed,this._update,this),r.Context.instance().addFlavorChangeListener(e.Target,this._update,this)}focus(){this._categoriesTreeOutline.forceSelect()}_createCategory(e){const t=d.CheckboxLabel.create(e);t.checkboxElement.addEventListener("click",this._categoryCheckboxClicked.bind(this,e),!0),t.checkboxElement.tabIndex=-1;const n=new a.TreeElement(t);n.listItemElement.addEventListener("keydown",(t=>{if(" "===t.key){const n=this._categories.get(e);n&&n.checkbox.click(),t.consume(!0)}})),t.checkboxElement.addEventListener("focus",(()=>n.listItemElement.focus())),c.setChecked(n.listItemElement,!1),this._categoriesTreeOutline.appendChild(n),this._categories.set(e,{element:n,checkbox:t.checkboxElement})}_createBreakpoint(e){const t=d.CheckboxLabel.create(e.title());t.classList.add("source-code"),t.checkboxElement.addEventListener("click",this._breakpointCheckboxClicked.bind(this,e),!0),t.checkboxElement.tabIndex=-1;const n=new a.TreeElement(t);n.listItemElement.addEventListener("keydown",(t=>{if(" "===t.key){const n=this._breakpoints.get(e);n&&n.checkbox.click(),t.consume(!0)}})),t.checkboxElement.addEventListener("focus",(()=>n.listItemElement.focus())),c.setChecked(n.listItemElement,!1),n.listItemElement.createChild("div","breakpoint-hit-marker");const i=this._categories.get(e.category());i&&i.element.appendChild(n),this._breakpoints.set(e,{element:n,checkbox:t.checkboxElement})}_getBreakpointFromPausedDetails(e){return null}_update(){const n=r.Context.instance().flavor(e.Target),i=n?n.model(t.DebuggerModel):null,o=i?i.debuggerPausedDetails():null;if(!o||o.reason!==this._detailsPausedReason||!o.auxData)return void(this._highlightedElement&&(c.setDescription(this._highlightedElement,""),this._highlightedElement.classList.remove("breakpoint-hit"),delete this._highlightedElement));const a=this._getBreakpointFromPausedDetails(o);if(!a)return;l.ViewManager.instance().showView(this._viewId);const d=this._categories.get(a.category());d&&d.element.expand();const h=this._breakpoints.get(a);h&&(this._highlightedElement=h.element.listItemElement,c.setDescription(this._highlightedElement,s`breakpoint hit`),this._highlightedElement.classList.add("breakpoint-hit"))}_categoryCheckboxClicked(e){const t=this._categories.get(e);if(!t)return;const n=t.checkbox.checked;c.setChecked(t.element.listItemElement,n);for(const t of this._breakpoints.keys())if(t.category()===e){const e=this._breakpoints.get(t);e&&(e.checkbox.checked=n,this._toggleBreakpoint(t,n))}}_toggleBreakpoint(e,t){e.setEnabled(t)}_breakpointCheckboxClicked(e){const t=this._breakpoints.get(e);if(!t)return;this._toggleBreakpoint(e,t.checkbox.checked),c.setChecked(t.element.listItemElement,t.checkbox.checked);let n=!1,i=!1;for(const t of this._breakpoints.keys())t.category()===e.category()&&(t.enabled()?n=!0:i=!0);const s=this._categories.get(e.category());s&&(s.checkbox.checked=n,s.checkbox.indeterminate=n&&i,s.checkbox.indeterminate?c.setCheckboxAsIndeterminate(s.element.listItemElement):c.setChecked(s.element.listItemElement,n))}}let v;class B extends x{constructor(){const e=n.DOMDebuggerManager.instance().cspViolationBreakpoints(),t=e.map((e=>e.category()));t.sort(),super(t,e,"sources.cspViolationBreakpoints",Protocol.Debugger.PausedEventReason.CSPViolation)}static instance(){return v||(v=new B),v}_getBreakpointFromPausedDetails(e){const t=e.auxData&&e.auxData.violationType?e.auxData.violationType:"",i=n.DOMDebuggerManager.instance().cspViolationBreakpoints().find((e=>e.type()===t));return i||null}_toggleBreakpoint(e,t){e.setEnabled(t),n.DOMDebuggerManager.instance().updateCSPViolationBreakpoints()}}var M=Object.freeze({__proto__:null,CSPViolationBreakpointsSidebarPane:B});let D;class C extends o.VBox{constructor(){super(!0),this.registerRequiredCSS("browser_debugger/domBreakpointsSidebarPane.css",{enableLegacyPatching:!1}),this.elementToCheckboxes=new WeakMap,this._emptyElement=this.contentElement.createChild("div","gray-info-message"),this._emptyElement.textContent=g.UIString("No breakpoints"),this._breakpoints=new h.ListModel,this._list=new p.ListControl(this._breakpoints,this,p.ListMode.NonViewport),this.contentElement.appendChild(this._list.element),this._list.element.classList.add("breakpoint-list","hidden"),c.markAsList(this._list.element),c.setAccessibleName(this._list.element,s`DOM Breakpoints list`),this._emptyElement.tabIndex=-1,e.TargetManager.instance().addModelListener(n.DOMDebuggerModel,n.Events.DOMBreakpointAdded,this._breakpointAdded,this),e.TargetManager.instance().addModelListener(n.DOMDebuggerModel,n.Events.DOMBreakpointToggled,this._breakpointToggled,this),e.TargetManager.instance().addModelListener(n.DOMDebuggerModel,n.Events.DOMBreakpointsRemoved,this._breakpointsRemoved,this);for(const t of e.TargetManager.instance().models(n.DOMDebuggerModel)){t.retrieveDOMBreakpoints();for(const e of t.domBreakpoints())this._addBreakpoint(e)}this._highlightedBreakpoint=null,this._update()}static instance(){return D||(D=new C),D}createElementForItem(e){const t=document.createElement("div");t.classList.add("breakpoint-entry"),t.addEventListener("contextmenu",this._contextMenu.bind(this,e),!0),c.markAsListitem(t),t.tabIndex=-1;const n=d.CheckboxLabel.create(void 0,e.enabled),i=n.checkboxElement;i.addEventListener("click",this._checkboxClicked.bind(this,e),!1),i.tabIndex=-1,this.elementToCheckboxes.set(t,i),t.appendChild(n),t.addEventListener("keydown",(e=>{" "===e.key&&(n.checkboxElement.click(),e.consume(!0))}));const o=document.createElement("div");o.classList.add("dom-breakpoint"),t.appendChild(o);const a=document.createElement("div"),r=L.get(e.type);a.textContent=r||null,c.setAccessibleName(i,s`${r}`);const l=document.createElement("monospace");l.style.display="block",o.appendChild(l),b.Linkifier.linkify(e.node,{preventKeyboardFocus:!0,tooltip:void 0}).then((e=>{l.appendChild(e),c.setAccessibleName(i,s`${r}: ${e.deepTextContent()}`)})),o.appendChild(a);const h=e.enabled?s`checked`:s`unchecked`;return e===this._highlightedBreakpoint?(t.classList.add("breakpoint-hit"),c.setDescription(t,s`${h} breakpoint hit`),c.setDescription(i,s`breakpoint hit`)):c.setDescription(t,h),this._emptyElement.classList.add("hidden"),this._list.element.classList.remove("hidden"),t}heightForItem(e){return 0}isItemSelectable(e){return!0}updateSelectedItemARIA(e,t){return!0}selectedItemChanged(e,t,n,i){n&&(n.tabIndex=-1),i&&(this.setDefaultFocusedElement(i),i.tabIndex=0,this.hasFocus()&&i.focus())}_breakpointAdded(e){this._addBreakpoint(e.data)}_breakpointToggled(e){const t=this.hasFocus(),n=e.data;this._list.refreshItem(n),t&&this.focus()}_breakpointsRemoved(e){const t=this.hasFocus(),n=e.data;let i=-1;for(const e of n){const t=this._breakpoints.indexOf(e);t>=0&&(this._breakpoints.remove(t),i=t)}if(0===this._breakpoints.length)this._emptyElement.classList.remove("hidden"),this.setDefaultFocusedElement(this._emptyElement),this._list.element.classList.add("hidden");else if(i>=0){const e=this._breakpoints.at(i);e&&this._list.selectItem(e)}t&&this.focus()}_addBreakpoint(e){this._breakpoints.insertWithComparator(e,((e,t)=>e.type>t.type?-1:e.type<t.type?1:0)),this._list.selectedItem()&&this.hasFocus()||this._list.selectItem(this._breakpoints.at(0))}_contextMenu(e,t){const n=new m.ContextMenu(t);n.defaultSection().appendItem(s`Reveal DOM node in Elements panel`,(()=>_.reveal(e.node))),n.defaultSection().appendItem(g.UIString("Remove breakpoint"),(()=>{e.domDebuggerModel.removeDOMBreakpoint(e.node,e.type)})),n.defaultSection().appendItem(g.UIString("Remove all DOM breakpoints"),(()=>{e.domDebuggerModel.removeAllDOMBreakpoints()})),n.show()}_checkboxClicked(e,t){e.domDebuggerModel.toggleDOMBreakpoint(e,!!t.target&&t.target.checked)}flavorChanged(e){this._update()}_update(){const e=r.Context.instance().flavor(t.DebuggerPausedDetails);if(this._highlightedBreakpoint){const e=this._highlightedBreakpoint;this._highlightedBreakpoint=null,this._list.refreshItem(e)}if(!e||!e.auxData||e.reason!==Protocol.Debugger.PausedEventReason.DOM)return;const i=e.debuggerModel.target().model(n.DOMDebuggerModel);if(!i)return;const s=i.resolveDOMBreakpointData(e.auxData);if(s){for(const e of this._breakpoints)e.node===s.node&&e.type===s.type&&(this._highlightedBreakpoint=e);this._highlightedBreakpoint&&this._list.refreshItem(this._highlightedBreakpoint),l.ViewManager.instance().showView("sources.domBreakpoints")}}}const L=new Map([[Protocol.DOMDebugger.DOMBreakpointType.SubtreeModified,g.UIString("Subtree modified")],[Protocol.DOMDebugger.DOMBreakpointType.AttributeModified,g.UIString("Attribute modified")],[Protocol.DOMDebugger.DOMBreakpointType.NodeRemoved,g.UIString("Node removed")]]);var I=Object.freeze({__proto__:null,DOMBreakpointsSidebarPane:C,BreakpointTypeLabels:L,ContextMenuProvider:class{appendApplicableItems(e,t,i){const s=i;if(s.pseudoType())return;const o=s.domModel().target().model(n.DOMDebuggerModel);if(!o)return;function a(e){o&&(o.hasDOMBreakpoint(s,e)?o.removeDOMBreakpoint(s,e):o.setDOMBreakpoint(s,e))}const r=t.debugSection().appendSubMenuItem(g.UIString("Break on"));for(const e of Object.values(Protocol.DOMDebugger.DOMBreakpointType)){const t=f.BreakpointTypeNouns.get(e);t&&r.defaultSection().appendCheckboxItem(t,a.bind(null,e),o.hasDOMBreakpoint(s,e))}}}});let w;class y extends x{constructor(){const e=n.DOMDebuggerManager.instance().eventListenerBreakpoints().map((e=>e.category()));e.sort();super(e,n.DOMDebuggerManager.instance().eventListenerBreakpoints(),"sources.eventListenerBreakpoints",Protocol.Debugger.PausedEventReason.EventListener)}static instance(){return w||(w=new y),w}_getBreakpointFromPausedDetails(e){return n.DOMDebuggerManager.instance().resolveEventListenerBreakpoint(e.auxData)}}var O=Object.freeze({__proto__:null,EventListenerBreakpointsSidebarPane:y});let S;class P extends o.VBox{constructor(){super(),this._refreshButton=new u.ToolbarButton(s`Refresh global listeners`,"largeicon-refresh"),this._refreshButton.addEventListener(u.ToolbarButton.Events.Click,this._refreshClick,this),this._refreshButton.setEnabled(!1),this._eventListenersView=new E.EventListenersView(this.update.bind(this),!0),this._eventListenersView.show(this.element),this.setDefaultFocusedChild(this._eventListenersView)}static instance(){return S||(S=new P),S}toolbarItems(){return[this._refreshButton]}update(){this._lastRequestedContext&&(this._lastRequestedContext.runtimeModel.releaseObjectGroup(R),delete this._lastRequestedContext);const e=r.Context.instance().flavor(i.ExecutionContext);if(!e)return this._eventListenersView.reset(),void this._eventListenersView.addEmptyHolderIfNeeded();this._lastRequestedContext=e,Promise.all([this._windowObjectInContext(e)]).then(this._eventListenersView.addObjects.bind(this._eventListenersView))}wasShown(){super.wasShown(),r.Context.instance().addFlavorChangeListener(i.ExecutionContext,this.update,this),this._refreshButton.setEnabled(!0),this.update()}willHide(){super.willHide(),r.Context.instance().removeFlavorChangeListener(i.ExecutionContext,this.update,this),this._refreshButton.setEnabled(!1)}_windowObjectInContext(e){return e.evaluate({expression:"self",objectGroup:R,includeCommandLineAPI:!1,silent:!0,returnByValue:!1,generatePreview:!1,timeout:void 0,throwOnSideEffect:void 0,disableBreaks:void 0,replMode:void 0,allowUnsafeEvalBlockedByCSP:void 0},!1,!1).then((e=>"error"in e||e.exceptionDetails?null:e.object))}_refreshClick(e){e.data.consume(),this.update()}}const R="object-event-listeners-sidebar-pane";var T=Object.freeze({__proto__:null,ObjectEventListenersSidebarPane:P,objectGroupName:R});const V=new WeakMap,A=new WeakMap;let F;class j extends o.VBox{constructor(){super(!0),this.registerRequiredCSS("browser_debugger/xhrBreakpointsSidebarPane.css",{enableLegacyPatching:!0}),this._breakpoints=new h.ListModel,this._list=new p.ListControl(this._breakpoints,this,p.ListMode.NonViewport),this.contentElement.appendChild(this._list.element),this._list.element.classList.add("breakpoint-list","hidden"),c.markAsList(this._list.element),c.setAccessibleName(this._list.element,s`XHR/fetch Breakpoints`),this._emptyElement=this.contentElement.createChild("div","gray-info-message"),this._emptyElement.textContent=g.UIString("No breakpoints"),this._breakpointElements=new Map,this._addButton=new u.ToolbarButton(s`Add XHR/fetch breakpoint`,"largeicon-add"),this._addButton.addEventListener(u.ToolbarButton.Events.Click,(e=>{this._addButtonClicked()})),this._emptyElement.addEventListener("contextmenu",this._emptyElementContextMenu.bind(this),!0),this._emptyElement.tabIndex=-1,this._restoreBreakpoints(),this._update()}static instance(){return F||(F=new j),F}toolbarItems(){return[this._addButton]}_emptyElementContextMenu(e){const t=new m.ContextMenu(e);t.defaultSection().appendItem(g.UIString("Add breakpoint"),this._addButtonClicked.bind(this)),t.show()}async _addButtonClicked(){await l.ViewManager.instance().showView("sources.xhrBreakpoints");const e=document.createElement("p");e.classList.add("breakpoint-condition"),e.textContent=g.UIString("Break when URL contains:");const t=e.createChild("span","breakpoint-condition-input");function i(t,i,s){this._removeListElement(e),t&&(n.DOMDebuggerManager.instance().addXHRBreakpoint(s,!0),this._setBreakpoint(s)),this._update()}c.setAccessibleName(t,s`URL Breakpoint`),this._addListElement(e,this._list.element.firstChild);const o=new k.Config(i.bind(this,!0),i.bind(this,!1));k.InplaceEditor.startEditing(t,o)}heightForItem(e){return 0}isItemSelectable(e){return!0}_setBreakpoint(e){-1!==this._breakpoints.indexOf(e)?this._list.refreshItem(e):this._breakpoints.insertWithComparator(e,((e,t)=>e>t?1:e<t?-1:0)),this._list.selectedItem()&&this.hasFocus()||this._list.selectItem(this._breakpoints.at(0))}createElementForItem(e){const t=document.createElement("div");c.markAsListitem(t);const i=t.createChild("div","breakpoint-entry");V.set(t,i);const o=n.DOMDebuggerManager.instance().xhrBreakpoints().get(e)||!1;c.markAsCheckbox(i),c.setChecked(i,o),i.addEventListener("contextmenu",this._contextMenu.bind(this,e),!0);const a=e?g.UIString('URL contains "%s"',e):g.UIString("Any XHR or fetch"),r=d.CheckboxLabel.create(a,o);return c.markAsHidden(r),c.setAccessibleName(i,a),i.appendChild(r),r.checkboxElement.addEventListener("click",this._checkboxClicked.bind(this,e,o),!1),i.addEventListener("click",(t=>{t.target===i&&this._checkboxClicked(e,o)}),!1),A.set(i,r.checkboxElement),r.checkboxElement.tabIndex=-1,i.tabIndex=-1,e===this._list.selectedItem()&&(i.tabIndex=0,this.setDefaultFocusedElement(i)),i.addEventListener("keydown",(t=>{let n=!1;" "===t.key?(this._checkboxClicked(e,o),n=!0):"Enter"===t.key&&(this._labelClicked(e),n=!0),n&&t.consume(!0)})),e===this._hitBreakpoint&&(i.classList.add("breakpoint-hit"),c.setDescription(i,s`breakpoint hit`)),r.classList.add("cursor-auto"),r.textElement.addEventListener("dblclick",this._labelClicked.bind(this,e),!1),this._breakpointElements.set(e,t),t}selectedItemChanged(e,t,n,i){if(n){const e=V.get(n);if(!e)throw new Error("Expected breakpoint entry to be found for an element");e.tabIndex=-1}if(i){const e=V.get(i);if(!e)throw new Error("Expected breakpoint entry to be found for an element");this.setDefaultFocusedElement(e),e.tabIndex=0,this.hasFocus()&&e.focus()}}updateSelectedItemARIA(e,t){return!0}_removeBreakpoint(e){const t=this._breakpoints.indexOf(e);t>=0&&this._breakpoints.remove(t),this._breakpointElements.delete(e),this._update()}_addListElement(e,t){this._list.element.insertBefore(e,t),this._emptyElement.classList.add("hidden"),this._list.element.classList.remove("hidden")}_removeListElement(e){this._list.element.removeChild(e),this._list.element.firstElementChild||(this._emptyElement.classList.remove("hidden"),this._list.element.classList.add("hidden"))}_contextMenu(e,t){const i=new m.ContextMenu(t);const s=g.UIString("Remove all breakpoints");i.defaultSection().appendItem(g.UIString("Add breakpoint"),this._addButtonClicked.bind(this)),i.defaultSection().appendItem(g.UIString("Remove breakpoint"),function(){n.DOMDebuggerManager.instance().removeXHRBreakpoint(e),this._removeBreakpoint(e)}.bind(this)),i.defaultSection().appendItem(s,function(){for(const e of this._breakpointElements.keys())n.DOMDebuggerManager.instance().removeXHRBreakpoint(e),this._removeBreakpoint(e);this._update()}.bind(this)),i.show()}_checkboxClicked(e,t){const i=this.hasFocus();n.DOMDebuggerManager.instance().toggleXHRBreakpoint(e,!t),this._list.refreshItem(e),this._list.selectItem(e),i&&this.focus()}_labelClicked(e){const t=this._breakpointElements.get(e),i=document.createElement("span");function s(s,o,a){if(this._removeListElement(i),s){n.DOMDebuggerManager.instance().removeXHRBreakpoint(e),this._removeBreakpoint(e);let i=!0;if(t){const e=V.get(t),n=e?A.get(e):void 0;n&&(i=n.checked)}n.DOMDebuggerManager.instance().addXHRBreakpoint(a,i),this._setBreakpoint(a),this._list.selectItem(a)}else t&&t.classList.remove("hidden");this.focus()}i.classList.add("breakpoint-condition"),i.textContent=e,t&&(this._list.element.insertBefore(i,t),t.classList.add("hidden"));const o=new k.Config(s.bind(this,!0),s.bind(this,!1));k.InplaceEditor.startEditing(i,o)}flavorChanged(e){this._update()}_update(){const e=0===this._breakpoints.length;this._list.element.classList.toggle("hidden",e),this._emptyElement.classList.toggle("hidden",!e);const n=r.Context.instance().flavor(t.DebuggerPausedDetails);if(!n||n.reason!==Protocol.Debugger.PausedEventReason.XHR){if(this._hitBreakpoint){const e=this._hitBreakpoint;delete this._hitBreakpoint,this._breakpoints.indexOf(e)>=0&&this._list.refreshItem(e)}return}const i=n.auxData&&n.auxData.breakpointURL;this._hitBreakpoint=i,this._breakpoints.indexOf(i)<0||(this._list.refreshItem(i),l.ViewManager.instance().showView("sources.xhrBreakpoints"))}_restoreBreakpoints(){const e=n.DOMDebuggerManager.instance().xhrBreakpoints();for(const t of e.keys())this._setBreakpoint(t)}}var U=Object.freeze({__proto__:null,XHRBreakpointsSidebarPane:j});export{M as CSPViolationBreakpointsSidebarPane,I as DOMBreakpointsSidebarPane,O as EventListenerBreakpointsSidebarPane,T as ObjectEventListenersSidebarPane,U as XHRBreakpointsSidebarPane};

package/static/devtools/browser_debugger/browser_debugger_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("browser_debugger/domBreakpointsSidebarPane.css","/*\n * Copyright 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.breakpoint-list {\n  padding-bottom: 3px;\n}\n\n.breakpoint-list .dom-breakpoint > div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.breakpoint-entry {\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding: 2px 0;\n}\n\n.breakpoint-entry:focus-visible {\n  background-color: var(--focus-bg-color);\n}\n\n.breakpoint-list .breakpoint-entry:hover {\n  background-color: var(--color-background-elevation-2);\n}\n\n.breakpoint-hit {\n  background-color: var(--color-background-elevation-2);\n  border-right: 3px solid var(--color-details-hairline);\n  color: var(--color-text-primary);\n}\n\n@media (forced-colors: active) {\n  .breakpoint-entry:focus-visible,\n  .breakpoint-list .breakpoint-entry:hover {\n    forced-color-adjust: none;\n    background-color: Highlight;\n  }\n\n  .breakpoint-entry:focus-visible *,\n  .breakpoint-list .breakpoint-entry:hover * {\n    color: HighlightText;\n  }\n}\n\n/*# sourceURL=browser_debugger/domBreakpointsSidebarPane.css */");RootModule.Runtime.cachedResources.set("browser_debugger/categorizedBreakpointsSidebarPane.css","/*\n * Copyright 2016 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n:host {\n  margin: 0;\n  padding: 2px 4px;\n  min-height: 18px;\n}\n\n.tree-outline {\n  padding: 0;\n}\n\n.tree-outline li {\n  margin-left: 14px;\n  user-select: text;\n  cursor: default;\n}\n\n.tree-outline li.parent {\n  margin-left: 1px;\n}\n\n.tree-outline li:not(.parent)::before {\n  display: none;\n}\n\n.breakpoint-hit {\n  background-color: rgb(255 255 194);\n}\n\n:host-context(.-theme-with-dark-background) .breakpoint-hit {\n  background-color: hsl(46deg 98% 22%);\n  color: #ccc;\n}\n\n.breakpoint-hit .breakpoint-hit-marker {\n  background-color: rgb(255 255 194);\n  border-right: 3px solid rgb(107 97 48);\n  height: 18px;\n  left: 0;\n  margin-left: -30px;\n  position: absolute;\n  right: -4px;\n  z-index: -1;\n}\n\n:host-context(.-theme-with-dark-background) .breakpoint-hit .breakpoint-hit-marker {\n  background-color: hsl(46deg 98% 22%);\n}\n\n/*# sourceURL=browser_debugger/categorizedBreakpointsSidebarPane.css */");RootModule.Runtime.cachedResources.set("browser_debugger/xhrBreakpointsSidebarPane.css","/*\n * Copyright 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.breakpoint-list {\n  padding-bottom: 3px;\n}\n\n.breakpoint-list .editing.being-edited {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.breakpoint-condition {\n  display: block;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  margin-left: 23px;\n  margin-right: 8px;\n}\n\n.breakpoint-condition-input {\n  display: block;\n  margin-left: 0;\n  margin-right: 0;\n  outline: none !important;\n  border: 1px solid rgb(66% 66% 66%);\n}\n\n.breakpoint-entry {\n  white-space: nowrap;\n  padding: 2px 0;\n}\n\n.breakpoint-list .breakpoint-entry:hover {\n  background-color: #eee;\n}\n\n.breakpoint-list .breakpoint-entry:focus-visible {\n  background-color: var(--focus-bg-color);\n}\n\n.breakpoint-entry [is=dt-checkbox] {\n  max-width: 100%;\n}\n\n.breakpoint-hit {\n  background-color: rgb(255 255 194);\n  border-right: 3px solid rgb(107 97 48);\n}\n\n:host-context(.-theme-with-dark-background) .breakpoint-hit {\n  background-color: hsl(46deg 98% 22%);\n  color: #ccc;\n}\n\n@media (forced-colors: active) {\n  .breakpoint-list .breakpoint-entry:hover,\n  .breakpoint-list .breakpoint-entry:focus-visible {\n    forced-color-adjust: none;\n    background-color: Highlight;\n  }\n\n  .breakpoint-list .breakpoint-entry:hover *,\n  .breakpoint-list .breakpoint-entry:focus-visible * {\n    color: HighlightText;\n  }\n}\n\n/*# sourceURL=browser_debugger/xhrBreakpointsSidebarPane.css */");

package/static/devtools/browser_sdk/browser_sdk-meta.js

@@ -0,0 +1 @@
+import{Settings as e}from"../common/common.js";import{i18n as t}from"../i18n/i18n.js";const r={network:"Network",preserveLog:"Preserve log",preserve:"preserve",clear:"clear",reset:"reset",preserveLogOnPageReload:"Preserve log on page reload / navigation",doNotPreserveLogOnPageReload:"Do not preserve log on page reload / navigation",recordNetworkLog:"Record network log"},o=t.registerUIStrings("browser_sdk/browser_sdk-meta.ts",r),g=t.getLazilyComputedLocalizedString.bind(void 0,o);e.registerSettingExtension({category:e.SettingCategoryObject.NETWORK,title:g(r.preserveLog),settingName:"network_log.preserve-log",settingType:e.SettingTypeObject.BOOLEAN,defaultValue:!1,tags:[g(r.preserve),g(r.clear),g(r.reset)],options:[{value:!0,title:g(r.preserveLogOnPageReload)},{value:!1,title:g(r.doNotPreserveLogOnPageReload)}]}),e.registerSettingExtension({category:e.SettingCategoryObject.NETWORK,title:g(r.recordNetworkLog),settingName:"network_log.record-log",settingType:e.SettingTypeObject.BOOLEAN,defaultValue:!0,storageType:e.SettingStorageType.Session});export{r as UIStrings};

package/static/devtools/browser_sdk/browser_sdk.js

@@ -0,0 +1 @@
+import{Revealer as e,ObjectWrapper as s,EventTarget as t}from"../common/common.js";import{DebuggerModel as i,ContentSecurityPolicyIssue as r,SDKModel as n,IssuesModel as o,FrameManager as a,Issue as d,LogModel as u,ConsoleModel as c,RuntimeModel as l,NetworkLog as h,NetworkRequest as g,Cookie as m}from"../sdk/sdk.js";import{LiveLocation as f,DebuggerWorkspaceBinding as p}from"../bindings/bindings.js";import{Marked as v}from"../third_party/marked/marked.js";import{UISourceCode as I}from"../workspace/workspace.js";import{Runtime as M}from"../root/root.js";class _{constructor(e){this.locationPool=new f.LiveLocationPool,this.issueMessages=new Array,this.issuesManager=e,this.issuesManager.addEventListener(L.IssueAdded,this.onIssueAdded,this),this.issuesManager.addEventListener(L.FullUpdateRequired,this.onFullUpdateRequired,this)}onIssueAdded(e){const{issue:s}=e.data;this.addIssue(s)}addIssue(e){if(!this.isTrustedTypeIssue(e))return;const s=e.model();if(!s)return;const t=s.target().model(i.DebuggerModel),r=e.details().sourceCodeLocation;if(r&&t){const s=t.createRawLocationByURL(r.url,r.lineNumber,r.columnNumber);s&&this.addIssueMessageToScript(e,s)}}onFullUpdateRequired(){this.resetMessages();const e=this.issuesManager.issues();for(const s of e)this.addIssue(s)}createIssueDescriptionFromMarkdown(e){const s=function(e){const s=M.cachedResources.get(e);if(!s)throw new Error(`Markdown file ${e} not found. Declare it as a resource in the module.json file`);return s}(e.file);return function(e){return 0===e.length||"heading"!==e[0].type||1!==e[0].depth?null:e[0].text}(v.lexer(s))}addIssueMessageToScript(s,t){const i=s.getDescription();if(i&&"file"in i){const r=this.createIssueDescriptionFromMarkdown(i);if(r){const i=()=>{e.reveal(s)};this.issueMessages.push(new y(r,t,this.locationPool,i))}}}isTrustedTypeIssue(e){return e instanceof r.ContentSecurityPolicyIssue&&e.code()===r.trustedTypesSinkViolationCode||e.code()===r.trustedTypesPolicyViolationCode}resetMessages(){for(const e of this.issueMessages)e.dispose();this.issueMessages=[],this.locationPool.disposeAll()}}class y{constructor(e,s,t,i){this.text=e,this.level=I.Message.Level.Issue,this.uiMessage=void 0,this.clickHandler=i,p.DebuggerWorkspaceBinding.instance().createLiveLocation(s,this.updateLocation.bind(this),t)}async updateLocation(e){this.uiMessage&&this.uiMessage.remove();const s=await e.uiLocation();s&&(this.uiMessage=s.uiSourceCode.addLineMessage(this.level,this.text,s.lineNumber,s.columnNumber,this.clickHandler))}dispose(){this.uiMessage?.remove()}getText(){return this.text}getLevel(){return this.level}}let T=null;class w extends s.ObjectWrapper{constructor(){super(),this._eventListeners=new WeakMap,n.TargetManager.instance().observeModels(o.IssuesModel,this),this._issues=new Map,this._filteredIssues=new Map,this._hasSeenTopFrameNavigated=!1,a.FrameManager.instance().addEventListener(a.Events.TopFrameNavigated,this._onTopFrameNavigated,this),a.FrameManager.instance().addEventListener(a.Events.FrameAddedToTarget,this._onFrameAddedToTarget,this),this._showThirdPartySettingsChangeListener=null,this._sourceFrameIssuesManager=new _(this)}static instance({forceNew:e}={forceNew:!1}){return T&&!e||(T=new w),T}reloadForAccurateInformationRequired(){return!this._hasSeenTopFrameNavigated}_onTopFrameNavigated(e){const{frame:s}=e.data,t=new Map;for(const[e,i]of this._issues.entries())i.isAssociatedWithRequestId(s.loaderId)&&t.set(e,i);this._issues=t,this._hasSeenTopFrameNavigated=!0,this._updateFilteredIssues()}_onFrameAddedToTarget(e){const{frame:s}=e.data;s.isTopFrame()&&this._updateFilteredIssues()}modelAdded(e){const s=e.addEventListener(o.Events.IssueAdded,this._issueAdded,this);this._eventListeners.set(e,s)}modelRemoved(e){const s=this._eventListeners.get(e);s&&t.EventTarget.removeEventListeners([s])}_issueAdded(e){const{issuesModel:s,issue:t}=e.data;if(!t.getDescription())return;const i=t.primaryKey();this._issues.has(i)||(this._issues.set(i,t),this._issueFilter(t)&&(this._filteredIssues.set(i,t),this.dispatchEventToListeners(L.IssueAdded,{issuesModel:s,issue:t})),this.dispatchEventToListeners(L.IssuesCountUpdated))}issues(){return this._filteredIssues.values()}numberOfIssues(){return this._filteredIssues.size}numberOfAllStoredIssues(){return this._issues.size}_issueFilter(e){if(!this._showThirdPartySettingsChangeListener){const e=d.getShowThirdPartyIssuesSetting();this._showThirdPartySettingsChangeListener=e.addChangeListener((()=>{this._updateFilteredIssues()}))}return d.getShowThirdPartyIssuesSetting().get()||!e.isCausedByThirdParty()}_updateFilteredIssues(){this._filteredIssues.clear();for(const[e,s]of this._issues)this._issueFilter(s)&&this._filteredIssues.set(e,s);this.dispatchEventToListeners(L.FullUpdateRequired),this.dispatchEventToListeners(L.IssuesCountUpdated)}}const L={IssuesCountUpdated:Symbol("IssuesCountUpdated"),IssueAdded:Symbol("IssueAdded"),FullUpdateRequired:Symbol("FullUpdateRequired")};var F=Object.freeze({__proto__:null,IssuesManager:w,Events:L});const A=new WeakMap;class k{constructor(){n.TargetManager.instance().observeModels(u.LogModel,this)}modelAdded(e){const s=[];s.push(e.addEventListener(u.Events.EntryAdded,this._logEntryAdded,this)),A.set(e,s)}modelRemoved(e){const s=A.get(e);s&&t.EventTarget.removeEventListeners(s)}_logEntryAdded(e){const s=e.data,t=s.logModel.target(),i=new c.ConsoleMessage(t.model(l.RuntimeModel),s.entry.source,s.entry.level,s.entry.text,void 0,s.entry.url,s.entry.lineNumber,void 0,[s.entry.text,...s.entry.args||[]],s.entry.stackTrace,s.entry.timestamp,void 0,void 0,s.entry.workerId);if(s.entry.networkRequestId&&h.NetworkLog.instance().associateConsoleMessageWithRequest(i,s.entry.networkRequestId),i.source===c.MessageSource.Worker){const e=i.workerId||"";if(n.TargetManager.instance().targetById(e))return;setTimeout((()=>{n.TargetManager.instance().targetById(e)||c.ConsoleModel.instance().addMessage(i)}),1e3)}else c.ConsoleModel.instance().addMessage(i)}}var E=Object.freeze({__proto__:null,LogManager:k});function b(e,s){if(s instanceof g.NetworkRequest)return function(e,s){return e.filter((e=>{for(const t of e.requests())if(t.requestId===s.requestId())return!0;return!1}))}(e,s);if(s instanceof m.Cookie)return function(e,s,t,i){return e.filter((e=>{for(const r of e.cookies())if(r.domain===s&&r.name===t&&r.path===i)return!0;return!1}))}(e,s.domain(),s.name(),s.path());throw new Error("issues can not be associated with "+JSON.stringify(s))}var C=Object.freeze({__proto__:null,IssuesAssociatable:undefined,issuesAssociatedWith:b,hasIssues:function(e){return b(Array.from(w.instance().issues()),e).length>0},hasIssueOfCategory:function(e,s){return b(Array.from(w.instance().issues()),e).some((e=>e.getCategory()===s))},reveal:async function(s,t){const i=b(Array.from(w.instance().issues()),s).filter((e=>!t||e.getCategory()===t));if(i.length>0)return e.reveal(i[0])}});const S=new k;w.instance();export{F as IssuesManager,E as LogManager,C as RelatedIssue,S as logManager};

package/static/devtools/changes/changes-legacy.js

@@ -0,0 +1 @@
+import{ChangesHighlighter as e,ChangesSidebar as a,ChangesView as g}from"./changes.js";self.Changes=self.Changes||{},Changes=Changes||{},Changes.ChangesHighlighter=e.ChangesHighlighter,Changes.ChangesSidebar=a.ChangesSidebar,Changes.ChangesView=g.ChangesView,Changes.ChangesView.RowType=g.RowType,Changes.ChangesView.DiffUILocationRevealer=g.DiffUILocationRevealer;

package/static/devtools/changes/changes-meta.js

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{Runtime as n}from"../root/root.js";import{ViewManager as i}from"../ui/ui.js";let s;const a={changes:"Changes",showChanges:"Show Changes"},t=e.registerUIStrings("changes/changes-meta.ts",a),o=e.getLazilyComputedLocalizedString.bind(void 0,t);i.registerViewExtension({location:"drawer-view",id:"changes.changes",title:o(a.changes),commandPrompt:o(a.showChanges),persistence:"closeable",loadView:async()=>(await async function(){return s||(await n.Runtime.instance().loadModulePromise("changes"),s=await import("./changes.js")),s}()).ChangesView.ChangesView.instance()});export{a as UIStrings};

package/static/devtools/changes/changes.js

@@ -0,0 +1 @@
+import{EventTarget as e,Revealer as t}from"../common/common.js";import{Diff as i}from"../diff/diff.js";import{i18n as s}from"../i18n/i18n.js";import{Widget as n,TreeOutline as o,ARIAUtils as r,Icon as a,SplitWidget as d,EmptyWidget as l,Toolbar as c,ViewManager as h}from"../ui/ui.js";import{WorkspaceDiff as u}from"../workspace_diff/workspace_diff.js";import{StringUtilities as f}from"../platform/platform.js";import{ScriptSnippetFileSystem as p}from"../snippets/snippets.js";import{UISourceCode as g}from"../workspace/workspace.js";import{CodeMirrorTextEditor as m}from"../text_editor/text_editor.js";function _(e,t){const i=t.diffRows,s=t.baselineLines,n=t.currentLines,o=CodeMirror.getMode({},t.mimeType);function r(e,t,i,s){let n=t;for(;n<i&&n<s.length;){const t=new CodeMirror.StringStream(s[n]);for(t.eol()&&o.blankLine&&o.blankLine(e);!t.eol();)o.token&&o.token(t,e),t.start=t.pos;n++}}return{startState:function(){return{rowNumber:0,diffTokenIndex:0,currentLineNumber:0,baselineLineNumber:0,currentSyntaxState:CodeMirror.startState(o),baselineSyntaxState:CodeMirror.startState(o),syntaxPosition:0,diffPosition:0,syntaxStyle:"",diffStyle:""}},token:function(e,t){const a=i[t.rowNumber];if(!a)return e.next(),"";!function(e,t,i){t>e.baselineLineNumber&&(r(e.baselineSyntaxState,e.baselineLineNumber,t,s),e.baselineLineNumber=t),i>e.currentLineNumber&&(r(e.currentSyntaxState,e.currentLineNumber,i,n),e.currentLineNumber=i)}(t,a.baselineLineNumber-1,a.currentLineNumber-1);let d="";0===e.pos&&(d+=" line-background-"+a.type+" line-"+a.type);const l=t.diffPosition>=t.syntaxPosition;return t.diffPosition<=t.syntaxPosition&&(t.diffPosition+=a.tokens[t.diffTokenIndex].text.length,t.diffStyle=a.tokens[t.diffTokenIndex].className,t.diffTokenIndex++),l&&(!o.token||"deletion"!==a.type&&"addition"!==a.type&&"equal"!==a.type?(t.syntaxStyle="",t.syntaxPosition=1/0):(t.syntaxStyle=o.token(e,"deletion"===a.type?t.baselineSyntaxState:t.currentSyntaxState)||"",t.syntaxPosition=e.pos)),e.pos=Math.min(t.syntaxPosition,t.diffPosition),d+=" "+t.syntaxStyle,d+=" "+t.diffStyle,e.eol()&&(t.rowNumber++,"deletion"===a.type?t.baselineLineNumber++:t.currentLineNumber++,t.diffPosition=0,t.syntaxPosition=0,t.diffTokenIndex=0),d},blankLine:function(e){const t=i[e.rowNumber];if(e.rowNumber++,e.syntaxPosition=0,e.diffPosition=0,e.diffTokenIndex=0,!t)return"";let s="";return o.blankLine&&("equal"===t.type||"addition"===t.type?(s=o.blankLine(e.currentSyntaxState),e.currentLineNumber++):"deletion"===t.type&&(s=o.blankLine(e.baselineSyntaxState),e.baselineLineNumber++)),s+" line-background-"+t.type+" line-"+t.type},copyState:function(e){const t=Object.assign({},e);return t.currentSyntaxState=CodeMirror.copyState(o,e.currentSyntaxState),t.baselineSyntaxState=CodeMirror.copyState(o,e.baselineSyntaxState),t}}}CodeMirror.defineMode("devtools-diff",_);var S=Object.freeze({__proto__:null,ChangesHighlighter:_});const b={sFromSourceMap:"{PH1} (from source map)"},C=s.registerUIStrings("changes/ChangesSidebar.ts",b),y=s.getLocalizedString.bind(void 0,C);class x extends n.Widget{constructor(e){super(),this._treeoutline=new o.TreeOutlineInShadow,this._treeoutline.setFocusable(!1),this._treeoutline.registerRequiredCSS("changes/changesSidebar.css",{enableLegacyPatching:!0}),this._treeoutline.setComparator(((e,t)=>f.compare(e.titleAsText(),t.titleAsText()))),this._treeoutline.addEventListener(o.Events.ElementSelected,this._selectionChanged,this),r.markAsTablist(this._treeoutline.contentElement),this.element.appendChild(this._treeoutline.element),this._treeElements=new Map,this._workspaceDiff=e,this._workspaceDiff.modifiedUISourceCodes().forEach(this._addUISourceCode.bind(this)),this._workspaceDiff.addEventListener(u.Events.ModifiedStatusChanged,this._uiSourceCodeMofiedStatusChanged,this)}selectUISourceCode(e,t){const i=this._treeElements.get(e);i&&i.select(t)}selectedUISourceCode(){return this._treeoutline.selectedTreeElement?this._treeoutline.selectedTreeElement.uiSourceCode:null}_selectionChanged(){this.dispatchEventToListeners("SelectedUISourceCodeChanged")}_uiSourceCodeMofiedStatusChanged(e){e.data.isModified?this._addUISourceCode(e.data.uiSourceCode):this._removeUISourceCode(e.data.uiSourceCode)}_removeUISourceCode(e){const t=this._treeElements.get(e);if(this._treeElements.delete(e),this._treeoutline.selectedTreeElement===t){const e=t.previousSibling||t.nextSibling;e?e.select(!0):(t.deselect(),this._selectionChanged())}t&&(this._treeoutline.removeChild(t),t.dispose()),0===this._treeoutline.rootElement().childCount()&&this._treeoutline.setFocusable(!1)}_addUISourceCode(e){const t=new w(e);this._treeElements.set(e,t),this._treeoutline.setFocusable(!0),this._treeoutline.appendChild(t),this._treeoutline.selectedTreeElement||t.select(!0)}}class w extends o.TreeElement{constructor(e){super(),this.uiSourceCode=e,this.listItemElement.classList.add("navigator-"+e.contentType().name()+"-tree-item"),r.markAsTab(this.listItemElement);let t="largeicon-navigator-file";p.isSnippetsUISourceCode(this.uiSourceCode)&&(t="largeicon-navigator-snippet");const i=a.Icon.create(t,"icon");this.setLeadingIcons([i]),this._eventListeners=[e.addEventListener(g.Events.TitleChanged,this._updateTitle,this),e.addEventListener(g.Events.WorkingCopyChanged,this._updateTitle,this),e.addEventListener(g.Events.WorkingCopyCommitted,this._updateTitle,this)],this._updateTitle()}_updateTitle(){let e=this.uiSourceCode.displayName();this.uiSourceCode.isDirty()&&(e="*"+e),this.title=e;let t=this.uiSourceCode.url();this.uiSourceCode.contentType().isFromSourceMap()&&(t=y(b.sFromSourceMap,{PH1:this.uiSourceCode.displayName()})),this.tooltip=t}dispose(){e.EventTarget.removeEventListeners(this._eventListeners)}}var v=Object.freeze({__proto__:null,UIStrings:b,ChangesSidebar:x,UISourceCodeTreeElement:w});const L={deletions:"Deletion:{PH1}",additions:"Addition:{PH1}"},I=s.registerUIStrings("changes/ChangesTextEditor.ts",L),T=s.getLocalizedString.bind(void 0,I);class k extends m.CodeMirrorTextEditor{constructor(e){e.inputStyle="devToolsAccessibleDiffTextArea",super(e),this.codeMirror().setOption("gutters",["CodeMirror-linenumbers","changes-diff-gutter"]),this.codeMirror().setOption("extraKeys",{Enter:!1,Space:!1,Left:function(e){const t=e.getScrollInfo();t.left>0&&e.scrollTo(t.left-Math.round(t.clientWidth/6),null)},Right:function(e){const t=e.getScrollInfo();e.scrollTo(t.left+Math.round(t.clientWidth/6),null)}})}updateDiffGutter(e){this.codeMirror().eachLine((t=>{const i=this.codeMirror().getLineNumber(t),s=e[i];let n;"deletion"===s.type?(n=document.createElement("div"),n.classList.add("deletion"),n.classList.add("changes-diff-gutter-marker"),n.textContent="-"):"addition"===s.type&&(n=document.createElement("div"),n.classList.add("addition"),n.classList.add("changes-diff-gutter-marker"),n.textContent="+"),n&&this.codeMirror().setGutterMarker(t,"changes-diff-gutter",n)}))}}class D extends m.DevToolsAccessibleTextArea{reset(e){super.reset(e);const t=this.cm.doc;if(this.textAreaBusy(Boolean(e))||"object"!=typeof t.modeOption)return;const i=t.modeOption.diffRows[this.cm.getCursor().line].type;"deletion"===i&&(this.textarea.value=T(L.deletions,{PH1:this.textarea.value})),"addition"===i&&(this.textarea.value=T(L.additions,{PH1:this.textarea.value})),this.prevInput=this.textarea.value}}CodeMirror.inputStyles.devToolsAccessibleDiffTextArea=D;var E=Object.freeze({__proto__:null,UIStrings:L,ChangesTextEditor:k,DevToolsAccessibleDiffTextArea:D});const M={changesDiffViewer:"Changes diff viewer",revertAllChangesToCurrentFile:"Revert all changes to current file",noChanges:"No changes",binaryData:"Binary data",sInsertion:"{PH1} insertion (+),",sInsertions:"{PH1} insertions (+),",sDeletion:"{PH1} deletion (-)",sDeletions:"{PH1} deletions (-)",SkippingDMatchingLines:"( … Skipping {PH1} matching lines … )"},U=s.registerUIStrings("changes/ChangesView.ts",M),N=s.getLocalizedString.bind(void 0,U);let P;class R extends n.VBox{constructor(){super(!0),this.registerRequiredCSS("changes/changesView.css",{enableLegacyPatching:!0});const e=new d.SplitWidget(!0,!1),t=new n.Widget;e.setMainWidget(t),e.show(this.contentElement),this._emptyWidget=new l.EmptyWidget(""),this._emptyWidget.show(t.element),this._workspaceDiff=u.workspaceDiff(),this._changesSidebar=new x(this._workspaceDiff),this._changesSidebar.addEventListener("SelectedUISourceCodeChanged",this._selectedUISourceCodeChanged,this),e.setSidebarWidget(this._changesSidebar),this._selectedUISourceCode=null,this._diffRows=[],this._maxLineDigits=1,this._editor=new k({bracketMatchingSetting:void 0,devtoolsAccessibleName:N(M.changesDiffViewer),lineNumbers:!0,lineWrapping:!1,mimeType:void 0,autoHeight:void 0,padBottom:void 0,maxHighlightLength:1/0,placeholder:void 0,lineWiseCopyCut:void 0,inputStyle:void 0}),this._editor.setReadOnly(!0);const i=t.element.createChild("div","editor-container");r.markAsTabpanel(i),this._editor.show(i),this._editor.hideWidget(),self.onInvokeElement(this._editor.element,this._click.bind(this)),this._toolbar=new c.Toolbar("changes-toolbar",t.element);const s=new c.ToolbarButton(N(M.revertAllChangesToCurrentFile),"largeicon-undo");s.addEventListener(c.ToolbarButton.Events.Click,this._revert.bind(this)),this._toolbar.appendToolbarItem(s),this._diffStats=new c.ToolbarText(""),this._toolbar.appendToolbarItem(this._diffStats),this._toolbar.setEnabled(!1),this._hideDiff(N(M.noChanges)),this._selectedUISourceCodeChanged()}static instance(e={forceNew:null}){const{forceNew:t}=e;return P&&!t||(P=new R),P}_selectedUISourceCodeChanged(){this._revealUISourceCode(this._changesSidebar.selectedUISourceCode())}_revert(){const e=this._selectedUISourceCode;e&&this._workspaceDiff.revertToOriginal(e)}_click(e){const i=this._editor.selection();if(!i.isEmpty()||!this._selectedUISourceCode)return;const s=this._diffRows[i.startLine];t.reveal(this._selectedUISourceCode.uiLocation(s.currentLineNumber-1,i.startColumn),!1),e.consume(!0)}_revealUISourceCode(e){this._selectedUISourceCode!==e&&(this._selectedUISourceCode&&this._workspaceDiff.unsubscribeFromDiffChange(this._selectedUISourceCode,this._refreshDiff,this),e&&this.isShowing()&&this._workspaceDiff.subscribeToDiffChange(e,this._refreshDiff,this),this._selectedUISourceCode=e,this._refreshDiff())}wasShown(){this._refreshDiff()}_refreshDiff(){if(!this.isShowing())return;if(!this._selectedUISourceCode)return void this._renderDiffRows(null);const e=this._selectedUISourceCode;e.contentType().isTextType()?this._workspaceDiff.requestDiff(e).then((t=>{this._selectedUISourceCode===e&&this._renderDiffRows(t)})):this._hideDiff(N(M.binaryData))}_hideDiff(e){this._diffStats.setText(""),this._toolbar.setEnabled(!1),this._editor.hideWidget(),this._emptyWidget.text=e,this._emptyWidget.showWidget()}_renderDiffRows(e){if(this._diffRows=[],!e||1===e.length&&e[0][0]===i.Operation.Equal)return void this._hideDiff(N(M.noChanges));let t=0,s=0,n=0,o=0;const r=[],a=[];for(let n=0;n<e.length;++n){const o=e[n];switch(o[0]){case i.Operation.Equal:this._diffRows.push(...c(o[1],0===n,n===e.length-1)),r.push(...o[1]),a.push(...o[1]);break;case i.Operation.Insert:for(const e of o[1])this._diffRows.push(u(e,"addition"));t+=o[1].length,a.push(...o[1]);break;case i.Operation.Delete:if(s+=o[1].length,r.push(...o[1]),e[n+1]&&e[n+1][0]===i.Operation.Insert)n++,this._diffRows.push(...h(o[1].join("\n"),e[n][1].join("\n"))),t+=e[n][1].length,a.push(...e[n][1]);else for(const e of o[1])this._diffRows.push(u(e,"deletion"))}}this._maxLineDigits=Math.ceil(Math.log10(Math.max(n,o)));let d="";d=N(1===t?M.sInsertion:M.sInsertions,{PH1:t});let l="";function c(e,t,i){const s=[];if(!t){for(let t=0;t<3&&t<e.length;t++)s.push(u(e[t],"equal"));e.length>7&&!i&&s.push(u(N(M.SkippingDMatchingLines,{PH1:e.length-6}),"spacer"))}if(!i){const i=Math.max(e.length-3-1,t?0:3);let r=e.length-3-1;t||(r-=3),r>0&&(o+=r,n+=r);for(let t=i;t<e.length;t++)s.push(u(e[t],"equal"))}return s}function h(e,t){const s=i.DiffWrapper.charDiff(e,t,!0),n=[u("","deletion")],o=[u("","addition")];for(const e of s){const t=e[1],s=e[0],r=s===i.Operation.Equal?"":"inner-diff",a=t.split("\n");for(let e=0;e<a.length;e++)e>0&&s!==i.Operation.Insert&&n.push(u("","deletion")),e>0&&s!==i.Operation.Delete&&o.push(u("","addition")),a[e]&&(s!==i.Operation.Insert&&n[n.length-1].tokens.push({text:a[e],className:r}),s!==i.Operation.Delete&&o[o.length-1].tokens.push({text:a[e],className:r}))}return n.concat(o)}function u(e,t){return"addition"===t&&n++,"deletion"===t&&o++,"equal"===t&&(o++,n++),{baselineLineNumber:o,currentLineNumber:n,tokens:e?[{text:e,className:"inner-diff"}]:[],type:t}}l=N(1===s?M.sDeletion:M.sDeletions,{PH1:s}),this._diffStats.setText(`${d} ${l}`),this._toolbar.setEnabled(!0),this._emptyWidget.hideWidget(),this._editor.operation((()=>{this._editor.showWidget(),this._editor.setHighlightMode({name:"devtools-diff",diffRows:this._diffRows,mimeType:this._selectedUISourceCode.mimeType(),baselineLines:r,currentLines:a}),this._editor.setText(this._diffRows.map((e=>e.tokens.map((e=>e.text)).join(""))).join("\n")),this._editor.setLineNumberFormatter(this._lineFormatter.bind(this)),this._editor.updateDiffGutter(this._diffRows)}))}_lineFormatter(e){const t=this._diffRows[e-1];let i="deletion"===t.type,s="addition"===t.type;"equal"===t.type&&(i=!0,s=!0);return(i?String(t.baselineLineNumber):"").padStart(this._maxLineDigits," ")+" "+(s?String(t.currentLineNumber):"").padStart(this._maxLineDigits," ")}}var W=Object.freeze({__proto__:null,UIStrings:M,ChangesView:R,DiffUILocationRevealer:class{async reveal(e,t){if(!(e instanceof u.DiffUILocation))throw new Error("Internal error: not a diff ui location");await h.ViewManager.instance().showView("changes.changes"),R.instance()._changesSidebar.selectUISourceCode(e.uiSourceCode,t)}}});export{S as ChangesHighlighter,v as ChangesSidebar,E as ChangesTextEditor,W as ChangesView};

package/static/devtools/changes/changes_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("changes/changesView.css","/*\n * Copyright (c) 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n[slot=insertion-point-main] {\n  flex-direction: column;\n  display: flex;\n}\n\n[slot=insertion-point-sidebar] {\n  overflow: auto;\n}\n\n.editor-container {\n  flex: 1;\n}\n\n:focus.selected {\n  background-color: var(--selection-bg-color);\n  color: #fff;\n}\n\n.CodeMirror-lines:not(:active) {\n  cursor: default !important;\n}\n\n.CodeMirror-line:hover {\n  cursor: default !important;\n  background-color: rgb(0 0 255 / 5%);\n}\n\n.CodeMirror .CodeMirror-linebackground.spacer {\n  text-align: center;\n  color: rgb(0 0 0 / 50%);\n  background-color: rgb(0 0 255 / 10%);\n}\n\n.CodeMirror .equal > span > span {\n  opacity: 50%;\n}\n\n.CodeMirror .CodeMirror-selectedtext:not(.CodeMirror-persist-highlight) {\n  opacity: 100%;\n}\n\n.CodeMirror .CodeMirror-linebackground.addition,\n.-theme-preserve,\n.changes-diff-gutter-marker.addition {\n  background-color: hsl(144deg 55% 49% / 20%);\n}\n\n.CodeMirror .CodeMirror-linebackground.deletion,\n.-theme-preserve,\n.changes-diff-gutter-marker.deletion {\n  background-color: rgb(255 0 0 / 20%);\n}\n\n.CodeMirror .addition .cm-inner-diff:not(.CodeMirror-selectedtext),\n.-theme-preserve {\n  background-color: hsl(144deg 55% 49% / 30%);\n}\n\n.CodeMirror .deletion .cm-inner-diff:not(.CodeMirror-selectedtext),\n.-theme-preserve {\n  background-color: rgb(255 0 0 / 30%);\n}\n\n.changes-toolbar {\n  background-color: var(--toolbar-bg-color);\n  border-top: var(--divider-border);\n}\n\n.changes-diff-gutter {\n  width: 20px;\n}\n\n.changes-diff-gutter-marker {\n  text-align: center;\n}\n\n/*# sourceURL=changes/changesView.css */");RootModule.Runtime.cachedResources.set("changes/changesSidebar.css","li .icon {\n  margin: -3px -5px -3px -5px;\n  background: linear-gradient(45deg, hsl(0deg 0% 50%), hsl(0deg 0% 70%));\n}\n\n.tree-outline li {\n  min-height: 20px;\n}\n\n.tree-outline li:hover:not(.selected) .selection {\n  display: block;\n  background-color: var(--item-hover-color);\n}\n\n.navigator-fs-tree-item .icon {\n  background: linear-gradient(45deg, hsl(28deg 75% 50%), hsl(28deg 75% 70%));\n}\n\n.navigator-sm-script-tree-item .icon,\n.navigator-script-tree-item .icon,\n.navigator-snippet-tree-item .icon {\n  background: linear-gradient(45deg, hsl(48deg 70% 50%), hsl(48deg 70% 70%));\n}\n\n.navigator-sm-stylesheet-tree-item .icon,\n.navigator-stylesheet-tree-item .icon {\n  background: linear-gradient(45deg, hsl(256deg 50% 50%), hsl(256deg 50% 70%));\n}\n\n.navigator-image-tree-item .icon,\n.navigator-font-tree-item .icon {\n  background: linear-gradient(45deg, hsl(109deg 33% 50%), hsl(109deg 33% 70%));\n}\n\n@media (forced-colors: active) {\n  li .icon,\n  .navigator-fs-tree-item .icon,\n  .navigator-sm-script-tree-item .icon,\n  .navigator-script-tree-item .icon,\n  .navigator-snippet-tree-item .icon,\n  .navigator-sm-stylesheet-tree-item .icon,\n  .navigator-stylesheet-tree-item .icon,\n  .navigator-image-tree-item .icon,\n  .navigator-font-tree-item .icon {\n    background-color: ButtonText;\n    background-image: none;\n    forced-color-adjust: none;\n  }\n}\n\n/*# sourceURL=changes/changesSidebar.css */");

package/static/devtools/client_variations/client_variations.js

@@ -0,0 +1 @@
+const t={};(function(){var t=this||self;function r(r,i){r=r.split(".");var n,e=t;r[0]in e||void 0===e.execScript||e.execScript("var "+r[0]);for(;r.length&&(n=r.shift());)r.length||void 0===i?e=e[n]&&e[n]!==Object.prototype[n]?e[n]:e[n]={}:e[n]=i}function i(t,r){function i(){}i.prototype=r.prototype,t.m=r.prototype,t.prototype=new i,t.prototype.constructor=t,t.base=function(t,i,n){for(var e=Array(arguments.length-2),a=2;a<arguments.length;a++)e[a-2]=arguments[a];return r.prototype[i].apply(t,e)}}function n(t){if(Error.captureStackTrace)Error.captureStackTrace(this,n);else{const t=Error().stack;t&&(this.stack=t)}t&&(this.message=String(t))}function e(t,r){for(var i="",e=(t=t.split("%s")).length-1,a=0;a<e;a++)i+=t[a]+(a<r.length?r[a]:"%s");n.call(this,i+t[e])}function a(t,r){throw new e("Failure"+(t?": "+t:""),Array.prototype.slice.call(arguments,1))}function o(){this.a=""}function s(){this.l=""}function c(){this.j=""}function f(){this.a=""}i(n,Error),n.prototype.name="CustomError",i(e,n),e.prototype.name="AssertionError",o.prototype.toString=function(){return"SafeScript{"+this.a+"}"},o.prototype.g=function(t){this.a=t},(new o).g(""),s.prototype.toString=function(){return"SafeStyle{"+this.l+"}"},s.prototype.g=function(t){this.l=t},(new s).g(""),c.prototype.toString=function(){return"SafeStyleSheet{"+this.j+"}"},c.prototype.g=function(t){this.j=t},(new c).g(""),f.prototype.toString=function(){return"SafeHtml{"+this.a+"}"},f.prototype.g=function(t){this.a=t},(new f).g("<!DOCTYPE html>"),(new f).g(""),(new f).g("<br>");var h=null;function u(t){var r=t.length,i=3*r/4;i%3?i=Math.floor(i):-1!="=.".indexOf(t[r-1])&&(i=-1!="=.".indexOf(t[r-2])?i-2:i-1);var n=new Uint8Array(i),e=0;return function(t,r){function i(r){for(;n<t.length;){var i=t.charAt(n++),e=h[i];if(null!=e)return e;if(!/^[\s\xa0]*$/.test(i))throw Error("Unknown base64 encoding at char: "+i)}return r}!function(){if(!h){h={};for(var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split(""),r=["+/=","+/","-_=","-_.","-_"],i=0;5>i;i++)for(var n=t.concat(r[i].split("")),e=0;e<n.length;e++){var a=n[e];void 0===h[a]&&(h[a]=e)}}}();for(var n=0;;){var e=i(-1),a=i(0),o=i(64),s=i(64);if(64===s&&-1===e)break;r(e<<2|a>>4),64!=o&&(r(a<<4&240|o>>2),64!=s&&r(o<<6&192|s))}}(t,(function(t){n[e++]=t})),n.subarray(0,e)}function p(t){this.b=null,this.a=this.h=this.i=0,t&&g(this,t)}var l=[];function g(t,r){t.b=function(t){return t.constructor===Uint8Array?t:t.constructor===ArrayBuffer||"undefined"!=typeof Buffer&&t.constructor===Buffer||t.constructor===Array?new Uint8Array(t):t.constructor===String?u(t):(a("Type not convertible to Uint8Array."),new Uint8Array(0))}(r),t.i=0,t.h=t.b.length,t.a=t.i}function v(t){if(l.length){var r=l.pop();t&&g(r,t),t=r}else t=new p(t);this.a=t,this.h=this.a.a,this.b=this.c=-1,this.f=!1}function y(t){var r=t.a;if(r.a==r.h)return!1;if((r=t.f)||(r=0>(r=t.a).a||r.a>r.h),r)return a("Decoder hit an error"),!1;t.h=t.a.a;var i=t.a.f();return r=i>>>3,0!=(i&=7)&&5!=i&&1!=i&&2!=i&&3!=i&&4!=i?(a("Invalid wire type: %s (at position %s)",i,t.h),t.f=!0,!1):(t.c=r,t.b=i,!0)}function b(t){switch(t.b){case 0:if(0!=t.b)a("Invalid wire type for skipVarintField"),b(t);else{for(t=t.a;128&t.b[t.a];)t.a++;t.a++}break;case 1:1!=t.b?(a("Invalid wire type for skipFixed64Field"),b(t)):(t=t.a).a+=8;break;case 2:if(2!=t.b)a("Invalid wire type for skipDelimitedField"),b(t);else{var r=t.a.f();(t=t.a).a+=r}break;case 5:5!=t.b?(a("Invalid wire type for skipFixed32Field"),b(t)):(t=t.a).a+=4;break;case 3:for(r=t.c;;){if(!y(t)){a("Unmatched start-group tag: stream EOF"),t.f=!0;break}if(4==t.b){t.c!=r&&(a("Unmatched end-group tag"),t.f=!0);break}b(t)}break;default:a("Invalid wire encoding for field.")}}function d(t,r){var i=t.a.f();i=t.a.a+i;for(var n=[];t.a.a<i;)n.push(r.call(t.a));return n}function w(){}p.prototype.reset=function(){this.a=this.i},p.prototype.f=function(){var t=this.b,r=t[this.a],i=127&r;return 128>r?(this.a+=1,i):(i|=(127&(r=t[this.a+1]))<<7,128>r?(this.a+=2,i):(i|=(127&(r=t[this.a+2]))<<14,128>r?(this.a+=3,i):(i|=(127&(r=t[this.a+3]))<<21,128>r?(this.a+=4,i):(i|=(15&(r=t[this.a+4]))<<28,128>r?(this.a+=5,i>>>0):(this.a+=5,128<=t[this.a++]&&128<=t[this.a++]&&128<=t[this.a++]&&128<=t[this.a++]&&this.a++,i)))))},p.prototype.c=p.prototype.f,v.prototype.reset=function(){this.a.reset(),this.b=this.c=-1};var k="function"==typeof Uint8Array,A=Object.freeze?Object.freeze([]):[];function S(t,r){if(r<t.c){r+=t.f;var i=t.a[r];return i===A?t.a[r]=[]:i}if(t.b)return(i=t.b[r])===A?t.b[r]=[]:i}function m(t){var r=t;t=I,r||(r=[]),this.f=-1,this.a=r;t:{if(r=this.a.length){--r;var i=this.a[r];if(!(null===i||"object"!=typeof i||Array.isArray(i)||k&&i instanceof Uint8Array)){this.c=r- -1,this.b=i;break t}}this.c=Number.MAX_VALUE}if(t)for(r=0;r<t.length;r++)if((i=t[r])<this.c)i+=-1,this.a[i]=this.a[i]||A;else{var n=this.c+-1;this.a[n]||(this.b=this.a[n]={}),this.b[i]=this.b[i]||A}}w.prototype.toString=function(){return this.a.toString()},i(m,w);var I=[1,3];function U(t){t=new v(t);for(var r=new m;y(t)&&4!=t.b;)switch(t.c){case 1:for(var i=2==t.b?d(t,t.a.c):[t.a.c()],n=0;n<i.length;n++){var e=i[n];S(r,1).push(e)}break;case 3:for(i=2==t.b?d(t,t.a.c):[t.a.c()],n=0;n<i.length;n++)e=i[n],S(r,3).push(e);break;default:b(t)}return r}r("parseClientVariations",(function(t){var r="";try{r=atob(t)}catch(t){}t=[];for(let i=0;i<r.length;i++)t.push(r.charCodeAt(i));r=null;try{r=U(t)}catch(t){r=U([])}return{variationIds:S(r,1),triggerVariationIds:S(r,3)}})),r("formatClientVariations",(function(t,r="Active client experiment variation IDs.",i="Active client experiment variation IDs that trigger server-side behavior."){const n=t.variationIds;t=t.triggerVariationIds;const e=["message ClientVariations {"];return n.length&&e.push("  // "+r,`  repeated int32 variation_id = [${n.join(", ")}];`),t.length&&e.push("  // "+i,`  repeated int32 trigger_variation_id = [${t.join(", ")}];`),e.push("}"),e.join("\n")}))}).call(t);const r=function(r){return t.parseClientVariations(r)},i=function(r){return t.formatClientVariations(r)};export{i as formatClientVariations,r as parseClientVariations};