@browserless.io/browserless 2.2.0-beta-6 → 2.2.0

package/static/devtools/sdk_test_runner/sdk_test_runner.js

@@ -0,0 +1,297 @@
+// 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.
+
+import * as Platform from '../platform/platform.js';
+
+/**
+ * @fileoverview using private properties isn't a Closure violation in tests.
+ */
+self.SDKTestRunner = self.SDKTestRunner || {};
+
+let id = 0;
+
+function nextId(prefix) {
+  return (prefix || '') + ++id;
+}
+
+SDKTestRunner.PageMock = class {
+  constructor(url) {
+    this._url = url;
+    this._type = SDK.Target.Type.Frame;
+    this._enabledDomains = new Set();
+    this._children = new Map();
+
+    this._mainFrame =
+        {id: nextId(), loaderId: nextId(), mimeType: 'text/html', securityOrigin: this._url, url: this._url};
+
+    this._executionContexts = [];
+    this._executionContexts.push(this._createExecutionContext(this._mainFrame, false));
+    this._scripts = [];
+    this._scriptContents = new Map();
+
+    this._dispatchMap = {
+      'Debugger.enable': this._debuggerEnable,
+      'Debugger.getScriptSource': this._debuggerGetScriptSource,
+      'Debugger.setBlackboxPatterns': (id, params) => this._sendResponse(id, {}),
+      'Runtime.enable': this._runtimeEnable,
+      'Page.enable': this._pageEnable,
+      'Page.getResourceTree': this._pageGetResourceTree
+    };
+  }
+
+  turnIntoWorker() {
+    this._type = SDK.Target.Type.Worker;
+  }
+
+  connectAsMainTarget(targetName) {
+    self.Bindings.debuggerWorkspaceBinding._resetForTest(TestRunner.mainTarget);
+    self.Bindings.resourceMapping._resetForTest(TestRunner.mainTarget);
+    this._enabledDomains.clear();
+    self.SDK.targetManager._targets.clear();
+
+    const oldFactory = ProtocolClient.Connection.getFactory();
+    ProtocolClient.Connection.setFactory(() => {
+      this._connection = new MockPageConnection(this);
+      return this._connection;
+    });
+    const target = self.SDK.targetManager.createTarget(nextId('mock-target-'), targetName, this._type, null);
+    ProtocolClient.Connection.setFactory(oldFactory);
+
+    this._target = target;
+    return target;
+  }
+
+  connectAsChildTarget(targetName, parentMock) {
+    this._enabledDomains.clear();
+    this._sessionId = nextId('mock-target-');
+    this._root = parentMock._root || parentMock;
+    this._root._children.set(this._sessionId, this);
+    const target = self.SDK.targetManager.createTarget(
+        this._sessionId, targetName, this._type, parentMock._target, this._sessionId);
+    this._target = target;
+    return target;
+  }
+
+  disconnect() {
+    if (this._root) {
+      this._root._children.delete(this._sessionId);
+      this._target.dispose();
+      this._root = null;
+      this._sessionId = null;
+    } else {
+      this._connection.disconnect();
+      this._connection = null;
+    }
+    this._target = null;
+  }
+
+  evalScript(url, content, isContentScript) {
+    const id = nextId();
+    content += '\n//# sourceURL=' + url;
+    this._scriptContents.set(id, content);
+    let context = this._executionContexts.find(context => context.auxData.isDefault !== isContentScript);
+
+    if (!context) {
+      context = this._createExecutionContext(this._mainFrame, isContentScript);
+      this._executionContexts.push(context);
+
+      this._fireEvent('Runtime.executionContextCreated', {context: context});
+    }
+
+    const text = new TextUtils.Text(content);
+
+    const script = {
+      scriptId: id,
+      url: url,
+      startLine: 0,
+      startColumn: 0,
+      endLine: text.lineCount(),
+      endColumn: text.lineAt(text.lineCount()).length - 1,
+      executionContextId: context.id,
+      hash: Platform.StringUtilities.hashCode(content),
+      executionContextAuxData: context.auxData,
+      sourceMapURL: '',
+      hasSourceURL: true,
+      isLiveEdit: false,
+      isModule: false,
+      length: content.length
+    };
+
+    this._scripts.push(script);
+    this._fireEvent('Debugger.scriptParsed', script);
+  }
+
+  removeContentScripts() {
+    const index = this._executionContexts.findIndex(context => !context.auxData.isDefault);
+    if (index !== -1) {
+      this._fireEvent('Runtime.executionContextDestroyed', {executionContextId: this._executionContexts[index].id});
+      this._executionContexts.splice(index, 1);
+    }
+  }
+
+  reload() {
+    this._fireEvent('Page.frameStartedLoading', {frameId: this._mainFrame.id});
+
+    for (const context of this._executionContexts) {
+      this._fireEvent('Runtime.executionContextDestroyed', {executionContextId: context.id});
+    }
+
+
+    this._scripts = [];
+    this._scriptContents.clear();
+    this._executionContexts = [];
+    this._fireEvent('Runtime.executionContextsCleared', {});
+    this._executionContexts.push(this._createExecutionContext(this._mainFrame, false));
+
+    for (const context of this._executionContexts) {
+      this._fireEvent('Runtime.executionContextCreated', {context: context});
+    }
+
+
+    this._fireEvent('Page.frameNavigated', {frame: this._mainFrame});
+
+    this._fireEvent('Page.loadEventFired', {timestamp: Date.now() / 1000});
+
+    this._fireEvent('Page.frameStoppedLoading', {frameId: this._mainFrame.id});
+
+    this._fireEvent('Page.domContentEventFired', {timestamp: Date.now() / 1000});
+  }
+
+  _createExecutionContext(frame, isContentScript) {
+    return {
+      id: nextId(),
+
+      auxData: {isDefault: !isContentScript, frameId: frame.id},
+
+      origin: frame.securityOrigin,
+      name: isContentScript ? 'content-script-context' : ''
+    };
+  }
+
+  _debuggerEnable(id, params) {
+    this._enabledDomains.add('Debugger');
+    this._sendResponse(id, {});
+
+    for (const script of this._scripts) {
+      this._fireEvent('Debugger.scriptParsed', script);
+    }
+  }
+
+  _debuggerGetScriptSource(id, params) {
+    if (!this._scriptContents.has(params.scriptId)) {
+      this._sendResponse(id, undefined, {message: 'Can\'t get script content for id ' + params.scriptId, code: 1});
+
+      return;
+    }
+
+    const result = {scriptSource: this._scriptContents.get(params.scriptId)};
+
+    this._sendResponse(id, result);
+  }
+
+  _runtimeEnable(id, params) {
+    this._enabledDomains.add('Runtime');
+    this._sendResponse(id, {});
+
+    for (const context of this._executionContexts) {
+      this._fireEvent('Runtime.executionContextCreated', {context: context});
+    }
+  }
+
+  _pageEnable(id, params) {
+    this._enabledDomains.add('Page');
+    this._sendResponse(id, {});
+  }
+
+  _pageGetResourceTree(id, params) {
+    const result = {frameTree: {frame: this._mainFrame, resources: []}};
+
+    this._sendResponse(id, result);
+  }
+
+  _isSupportedDomain(methodName) {
+    const domain = methodName.split('.')[0];
+
+    if (domain === 'Page') {
+      return this._type === SDK.Target.Type.Frame;
+    }
+
+    return true;
+  }
+
+  _dispatch(sessionId, id, methodName, params) {
+    if (sessionId) {
+      const child = this._children.get(sessionId);
+      if (child) {
+        child._dispatch('', id, methodName, params);
+      }
+      return;
+    }
+
+    const handler = (this._isSupportedDomain(methodName) ? this._dispatchMap[methodName] : null);
+
+    if (handler) {
+      return handler.call(this, id, params);
+    }
+
+    this._sendResponse(
+        id, undefined, {message: 'Can\'t handle command ' + methodName, code: ProtocolClient.DevToolsStubErrorCode});
+  }
+
+  _sendResponse(id, result, error) {
+    const message = {id: id, result: result, error: error};
+    if (this._root) {
+      message.sessionId = this._sessionId;
+      this._root._connection.sendMessageToDevTools(message);
+    } else {
+      this._connection.sendMessageToDevTools(message);
+    }
+  }
+
+  _fireEvent(methodName, params) {
+    const domain = methodName.split('.')[0];
+
+    if (!this._enabledDomains.has(domain)) {
+      return;
+    }
+
+    const message = {method: methodName, params: params};
+    if (this._root) {
+      message.sessionId = this._sessionId;
+      this._root._connection.sendMessageToDevTools(message);
+    } else {
+      this._connection.sendMessageToDevTools(message);
+    }
+  }
+};
+
+class MockPageConnection {
+  constructor(page) {
+    this._page = page;
+  }
+
+  setOnMessage(onMessage) {
+    this._onMessage = onMessage;
+  }
+
+  setOnDisconnect(onDisconnect) {
+    this._onDisconnect = onDisconnect;
+  }
+
+  sendMessageToDevTools(message) {
+    setTimeout(() => this._onMessage.call(null, JSON.stringify(message)), 0);
+  }
+
+  sendRawMessage(messageString) {
+    const message = JSON.parse(messageString);
+    this._page._dispatch(message.sessionId, message.id, message.method, message.params || {});
+  }
+
+  disconnect() {
+    this._onDisconnect.call(null, 'force disconnect');
+    this._onDisconnect = null;
+    this._onMessage = null;
+    return Promise.resolve();
+  }
+}

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

@@ -0,0 +1 @@
+import{SearchConfig as e,SearchResultsPane as a,SearchView as c}from"./search.js";self.Search=self.Search||{},Search=Search||{},Search.SearchConfig=e.SearchConfig,Search.SearchResult=e.SearchResult,Search.SearchScope=e.SearchScope,Search.SearchResultsPane=a.SearchResultsPane,Search.SearchView=c.SearchView;

package/static/devtools/search/search.js

@@ -0,0 +1 @@
+import{StringUtilities as e}from"../platform/platform.js";import{Revealer as t,Settings as s,Progress as n}from"../common/common.js";import{Linkifier as i}from"../components/components.js";import{i18n as h}from"../i18n/i18n.js";import{TextRange as r}from"../text_utils/text_utils.js";import{Widget as a,TreeOutline as c,ARIAUtils as o,UIUtils as l,HistoryInput as u,Toolbar as _,ProgressIndicator as d,EmptyWidget as g,KeyboardShortcut as p}from"../ui/ui.js";class m{constructor(e,t,s){this._query=e,this._ignoreCase=t,this._isRegex=s,this._parse()}static fromPlainObject(e){return new m(e.query,e.ignoreCase,e.isRegex)}query(){return this._query}ignoreCase(){return this._ignoreCase}isRegex(){return this._isRegex}toPlainObject(){return{query:this.query(),ignoreCase:this.ignoreCase(),isRegex:this.isRegex()}}_parse(){const e=/(\s*(?!-?f(ile)?:)[^\\ ]|\\.)+/,t=e.source+"(\\s+"+e.source+")*",s=["(\\s*"+C.source+"\\s*)","("+/"([^\\"]|\\.)+"/.source+")","("+t+")"].join("|"),n=new RegExp(s,"g"),i=this._query.match(n)||[];this._fileQueries=[],this._queries=[];for(let e=0;e<i.length;++e){const t=i[e];if(!t)continue;const s=this._parseFileQuery(t);if(s)this._fileQueries.push(s),this._fileRegexQueries=this._fileRegexQueries||[],this._fileRegexQueries.push({regex:new RegExp(s.text,this.ignoreCase()?"i":""),isNegative:s.isNegative});else if(this._isRegex)this._queries.push(t);else if(t.startsWith('"')){if(!t.endsWith('"'))continue;this._queries.push(this._parseQuotedQuery(t))}else this._queries.push(this._parseUnquotedQuery(t))}}filePathMatchesFileQuery(e){if(!this._fileRegexQueries)return!0;for(let t=0;t<this._fileRegexQueries.length;++t)if(Boolean(e.match(this._fileRegexQueries[t].regex))===this._fileRegexQueries[t].isNegative)return!1;return!0}queries(){return this._queries||[]}_parseUnquotedQuery(e){return e.replace(/\\(.)/g,"$1")}_parseQuotedQuery(e){return e.substring(1,e.length-1).replace(/\\(.)/g,"$1")}_parseFileQuery(t){const s=t.match(C);if(!s)return null;const n=Boolean(s[1]);t=s[3];let i="";for(let s=0;s<t.length;++s){const n=t[s];if("*"===n)i+=".*";else if("\\"===n){++s;" "===t[s]&&(i+=" ")}else-1!==e.regexSpecialCharacters().indexOf(t.charAt(s))&&(i+="\\"),i+=t.charAt(s)}return new S(i,n)}}const C=/(-)?f(ile)?:((?:[^\\ ]|\\.)+)/;class S{constructor(e,t){this.text=e,this.isNegative=t}}var f=Object.freeze({__proto__:null,SearchConfig:m,FilePatternRegex:C,QueryTerm:S,SearchResult:class{label(){throw new Error("not implemented here")}description(){throw new Error("not implemented here")}matchesCount(){throw new Error("not implemented here")}matchLabel(e){throw new Error("not implemented here")}matchLineContent(e){throw new Error("not implemented here")}matchRevealable(e){throw new Error("not implemented here")}},SearchScope:class{performSearch(e,t,s,n){}performIndexing(e){}stopSearch(){}},RegexQuery:undefined});const x={matchesCountS:"Matches Count {PH1}",lineS:"Line {PH1}",showDMore:"Show {PH1} more"},R=h.registerUIStrings("search/SearchResultsPane.js",x),E=h.getLocalizedString.bind(void 0,R);class w extends a.VBox{constructor(e){super(!0),this._searchConfig=e,this._searchResults=[],this._treeOutline=new c.TreeOutlineInShadow,this._treeOutline.hideOverflow(),this._treeOutline.registerRequiredCSS("search/searchResultsPane.css",{enableLegacyPatching:!0}),this.contentElement.appendChild(this._treeOutline.element),this._matchesExpandedCount=0}addSearchResult(e){this._searchResults.push(e),this._addTreeElement(e)}_addTreeElement(e){const t=new M(this._searchConfig,e);this._treeOutline.appendChild(t),this._treeOutline.selectedTreeElement||t.select(!0,!0),this._matchesExpandedCount<I&&t.expand(),this._matchesExpandedCount+=e.matchesCount()}}const I=20;class M extends c.TreeElement{constructor(e,t){super("",!0),this._searchConfig=e,this._searchResult=t,this._initialized=!1,this.toggleOnClick=!0}onexpand(){this._initialized||(this._updateMatchesUI(),this._initialized=!0)}_updateMatchesUI(){this.removeChildren();const e=Math.min(this._searchResult.matchesCount(),20);e<this._searchResult.matchesCount()?(this._appendSearchMatches(0,e-1),this._appendShowMoreMatchesElement(e-1)):this._appendSearchMatches(0,e)}onattach(){this._updateSearchMatches()}_updateSearchMatches(){this.listItemElement.classList.add("search-result");const e=s(this._searchResult.label(),"search-result-file-name");e.appendChild(s("—","search-result-dash")),e.appendChild(s(this._searchResult.description(),"search-result-qualifier")),this.tooltip=this._searchResult.description(),this.listItemElement.appendChild(e);const t=document.createElement("span");function s(e,t){const s=document.createElement("span");return s.className=t,s.textContent=e,s}t.className="search-result-matches-count",t.textContent=""+this._searchResult.matchesCount(),o.setAccessibleName(t,E(x.matchesCountS,{PH1:this._searchResult.matchesCount()})),this.listItemElement.appendChild(t),this.expanded&&this._updateMatchesUI()}_appendSearchMatches(s,n){const h=this._searchResult,r=this._searchConfig.queries(),a=[];for(let t=0;t<r.length;++t)a.push(e.createSearchRegex(r[t],!this._searchConfig.ignoreCase(),this._searchConfig.isRegex()));for(let e=s;e<n;++e){const s=h.matchLineContent(e).trim();let n=[];for(let e=0;e<a.length;++e)n=n.concat(this._regexMatchRanges(s,a[e]));const r=i.Linkifier.linkifyRevealable(h.matchRevealable(e),"");r.classList.add("search-match-link");const l=document.createElement("span");l.classList.add("search-match-line-number");const u=h.matchLabel(e);l.textContent=u,"number"!=typeof u||isNaN(u)?o.setAccessibleName(l,u):o.setAccessibleName(l,E(x.lineS,{PH1:u})),r.appendChild(l);const _=this._createContentSpan(s,n);r.appendChild(_);const d=new c.TreeElement;this.appendChild(d),d.listItemElement.className="search-match",d.listItemElement.appendChild(r),d.listItemElement.addEventListener("keydown",(s=>{"Enter"===s.key&&(s.consume(!0),t.reveal(h.matchRevealable(e)))})),d.tooltip=s}}_appendShowMoreMatchesElement(e){const t=this._searchResult.matchesCount()-e,s=E(x.showDMore,{PH1:t}),n=new c.TreeElement(s);this.appendChild(n),n.listItemElement.classList.add("show-more-matches"),n.onselect=this._showMoreMatchesElementSelected.bind(this,n,e)}_createContentSpan(e,t){let s=0;t.length>0&&t[0].offset>20&&(s=15),e=e.substring(s,1e3+s),s&&(t=t.map((e=>new r.SourceRange(e.offset-s+1,e.length))),e="…"+e);const n=document.createElement("span");return n.className="search-match-content",n.textContent=e,o.setAccessibleName(n,e+" line"),l.highlightRangesWithStyleClass(n,t,"highlighted-match"),n}_regexMatchRanges(e,t){let s;t.lastIndex=0;const n=[];for(;t.lastIndex<e.length&&(s=t.exec(e));)n.push(new r.SourceRange(s.index,s[0].length));return n}_showMoreMatchesElementSelected(e,t){return this.removeChild(e),this._appendSearchMatches(t,this._searchResult.matchesCount()),!1}}var b=Object.freeze({__proto__:null,UIStrings:x,SearchResultsPane:w,matchesExpandedByDefault:I,matchesShownAtOnce:20,SearchResultsTreeElement:M});const y={search:"Search",searchQuery:"Search Query",matchCase:"Match Case",useRegularExpression:"Use Regular Expression",refresh:"Refresh",clear:"Clear",indexing:"Indexing…",searching:"Searching…",indexingInterrupted:"Indexing interrupted.",foundMatchingLineInFile:"Found 1 matching line in 1 file.",foundDMatchingLinesInFile:"Found {PH1} matching lines in 1 file.",foundDMatchingLinesInDFiles:"Found {PH1} matching lines in {PH2} files.",noMatchesFound:"No matches found.",searchFinished:"Search finished.",searchInterrupted:"Search interrupted."},P=h.registerUIStrings("search/SearchView.js",y),v=h.getLocalizedString.bind(void 0,P);class F extends a.VBox{constructor(e){super(!0),this.setMinimumSize(0,40),this.registerRequiredCSS("search/searchView.css",{enableLegacyPatching:!0}),this._focusOnShow=!1,this._isIndexing=!1,this._searchId=1,this._searchMatchesCount=0,this._searchResultsCount=0,this._nonEmptySearchResultsCount=0,this._searchingView=null,this._notFoundView=null,this._searchConfig=null,this._pendingSearchConfig=null,this._searchResultsPane=null,this._progressIndicator=null,this._visiblePane=null,this.contentElement.classList.add("search-view"),this._searchPanelElement=this.contentElement.createChild("div","search-drawer-header"),this._searchResultsElement=this.contentElement.createChild("div"),this._searchResultsElement.className="search-results";const t=document.createElement("div");t.style.flex="auto",t.style.justifyContent="start",t.style.maxWidth="300px",this._search=u.HistoryInput.create(),this._search.addEventListener("keydown",(e=>{this._onKeyDown(e)})),t.appendChild(this._search),this._search.placeholder=v(y.search),this._search.setAttribute("type","text"),this._search.setAttribute("results","0"),this._search.setAttribute("size","42"),o.setAccessibleName(this._search,v(y.searchQuery));const n=new _.ToolbarItem(t),i=new _.Toolbar("search-toolbar",this._searchPanelElement);this._matchCaseButton=F._appendToolbarToggle(i,"Aa",v(y.matchCase)),this._regexButton=F._appendToolbarToggle(i,".*",v(y.useRegularExpression)),i.appendToolbarItem(n);const h=new _.ToolbarButton(v(y.refresh),"largeicon-refresh"),r=new _.ToolbarButton(v(y.clear),"largeicon-clear");i.appendToolbarItem(h),i.appendToolbarItem(r),h.addEventListener(_.ToolbarButton.Events.Click,(()=>this._onAction())),r.addEventListener(_.ToolbarButton.Events.Click,(()=>{this._resetSearch(),this._onSearchInputClear()}));const a=this.contentElement.createChild("div","search-toolbar-summary");this._searchMessageElement=a.createChild("div","search-message"),this._searchProgressPlaceholderElement=a.createChild("div","flex-centered"),this._searchResultsMessageElement=a.createChild("div","search-message"),this._advancedSearchConfig=s.Settings.instance().createLocalSetting(e+"SearchConfig",new m("",!0,!1).toPlainObject()),this._load(),this._searchScope=null}static _appendToolbarToggle(e,t,s){const n=new _.ToolbarToggle(s);return n.setText(t),n.addEventListener(_.ToolbarButton.Events.Click,(()=>n.setToggled(!n.toggled()))),e.appendToolbarItem(n),n}_buildSearchConfig(){return new m(this._search.value,!this._matchCaseButton.toggled(),this._regexButton.toggled())}async toggle(e,t){e&&(this._search.value=e),this.isShowing()?this.focus():this._focusOnShow=!0,this._initScope(),t?this._onAction():this._startIndexing()}createScope(){throw new Error("Not implemented")}_initScope(){this._searchScope=this.createScope()}wasShown(){this._focusOnShow&&(this.focus(),this._focusOnShow=!1)}_onIndexingFinished(){if(!this._progressIndicator)return;const e=!this._progressIndicator.isCanceled();if(this._progressIndicator.done(),this._progressIndicator=null,this._isIndexing=!1,this._indexingFinished(e),e||(this._pendingSearchConfig=null),!this._pendingSearchConfig)return;const t=this._pendingSearchConfig;this._pendingSearchConfig=null,this._innerStartSearch(t)}_startIndexing(){this._isIndexing=!0,this._progressIndicator&&this._progressIndicator.done(),this._progressIndicator=new d.ProgressIndicator,this._searchMessageElement.textContent=v(y.indexing),this._progressIndicator.show(this._searchProgressPlaceholderElement),this._searchScope&&this._searchScope.performIndexing(new n.ProgressProxy(this._progressIndicator,this._onIndexingFinished.bind(this)))}_onSearchInputClear(){this._search.value="",this._save(),this.focus()}_onSearchResult(e,t){e===this._searchId&&this._progressIndicator&&(this._progressIndicator&&this._progressIndicator.isCanceled()?this._onIndexingFinished():(this._addSearchResult(t),t.matchesCount()&&(this._searchResultsPane||(this._searchResultsPane=new w(this._searchConfig),this._showPane(this._searchResultsPane)),this._searchResultsPane.addSearchResult(t))))}_onSearchFinished(e,t){e===this._searchId&&this._progressIndicator&&(this._searchResultsPane||this._nothingFound(),this._searchFinished(t),this._searchConfig=null,o.alert(this._searchMessageElement.textContent+" "+this._searchResultsMessageElement.textContent,this._searchMessageElement))}async _startSearch(e){this._resetSearch(),++this._searchId,this._initScope(),this._isIndexing||this._startIndexing(),this._pendingSearchConfig=e}_innerStartSearch(e){this._searchConfig=e,this._progressIndicator&&this._progressIndicator.done(),this._progressIndicator=new d.ProgressIndicator,this._searchStarted(this._progressIndicator),this._searchScope&&this._searchScope.performSearch(e,this._progressIndicator,this._onSearchResult.bind(this,this._searchId),this._onSearchFinished.bind(this,this._searchId))}_resetSearch(){this._stopSearch(),this._showPane(null),this._searchResultsPane=null,this._clearSearchMessage()}_clearSearchMessage(){this._searchMessageElement.textContent="",this._searchResultsMessageElement.textContent=""}_stopSearch(){this._progressIndicator&&!this._isIndexing&&this._progressIndicator.cancel(),this._searchScope&&this._searchScope.stopSearch(),this._searchConfig=null}_searchStarted(e){this._resetCounters(),this._searchingView||(this._searchingView=new g.EmptyWidget(v(y.searching))),this._showPane(this._searchingView),this._searchMessageElement.textContent=v(y.searching),e.show(this._searchProgressPlaceholderElement),this._updateSearchResultsMessage()}_indexingFinished(e){this._searchMessageElement.textContent=e?"":v(y.indexingInterrupted)}_updateSearchResultsMessage(){this._searchMatchesCount&&this._searchResultsCount?1===this._searchMatchesCount&&1===this._nonEmptySearchResultsCount?this._searchResultsMessageElement.textContent=v(y.foundMatchingLineInFile):this._searchMatchesCount>1&&1===this._nonEmptySearchResultsCount?this._searchResultsMessageElement.textContent=v(y.foundDMatchingLinesInFile,{PH1:this._searchMatchesCount}):this._searchResultsMessageElement.textContent=v(y.foundDMatchingLinesInDFiles,{PH1:this._searchMatchesCount,PH2:this._nonEmptySearchResultsCount}):this._searchResultsMessageElement.textContent=""}_showPane(e){this._visiblePane&&this._visiblePane.detach(),e&&e.show(this._searchResultsElement),this._visiblePane=e}_resetCounters(){this._searchMatchesCount=0,this._searchResultsCount=0,this._nonEmptySearchResultsCount=0}_nothingFound(){this._notFoundView||(this._notFoundView=new g.EmptyWidget(v(y.noMatchesFound))),this._showPane(this._notFoundView),this._searchResultsMessageElement.textContent=v(y.noMatchesFound)}_addSearchResult(e){const t=e.matchesCount();this._searchMatchesCount+=t,this._searchResultsCount++,t&&this._nonEmptySearchResultsCount++,this._updateSearchResultsMessage()}_searchFinished(e){this._searchMessageElement.textContent=v(e?y.searchFinished:y.searchInterrupted)}focus(){this._search.focus(),this._search.select()}willHide(){this._stopSearch()}_onKeyDown(e){switch(this._save(),e.keyCode){case p.Keys.Enter.code:this._onAction()}}_save(){this._advancedSearchConfig.set(this._buildSearchConfig().toPlainObject())}_load(){const e=m.fromPlainObject(this._advancedSearchConfig.get());this._search.value=e.query(),this._matchCaseButton.setToggled(!e.ignoreCase()),this._regexButton.setToggled(e.isRegex())}_onAction(){o.alert(" ",this._searchMessageElement);const e=this._buildSearchConfig();e.query()&&e.query().length&&this._startSearch(e)}}var T=Object.freeze({__proto__:null,UIStrings:y,SearchView:F});export{f as SearchConfig,b as SearchResultsPane,T as SearchView};

package/static/devtools/search/search_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("search/searchResultsPane.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  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n}\n\n.tree-outline {\n  padding: 0;\n}\n\n.tree-outline ol {\n  padding: 0;\n}\n\n.tree-outline li {\n  height: 16px;\n}\n\nli.search-result {\n  cursor: pointer;\n  font-size: 12px;\n  margin-top: 8px;\n  padding: 2px 0 2px 4px;\n  word-wrap: normal;\n  white-space: pre;\n}\n\nli.search-result:hover {\n  background-color: rgb(121 121 121 / 10%);\n}\n\nli.search-result .search-result-file-name {\n  color: #222;\n  flex: 1 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nli.search-result .search-result-matches-count {\n  color: #888;\n  margin: 0 8px;\n}\n\nli.search-result.expanded .search-result-matches-count {\n  display: none;\n}\n\nli.show-more-matches {\n  color: #222;\n  cursor: pointer;\n  margin: 8px 0 0 -4px;\n}\n\nli.show-more-matches:hover {\n  text-decoration: underline;\n}\n\nli.search-match {\n  margin: 2px 0;\n  word-wrap: normal;\n  white-space: pre;\n}\n\nli.search-match::before {\n  display: none;\n}\n\nli.search-match .search-match-line-number {\n  color: rgb(128 128 128);\n  text-align: right;\n  vertical-align: top;\n  word-break: normal;\n  padding: 2px 4px 2px 6px;\n  margin-right: 5px;\n}\n\nli.search-match:hover {\n  background-color: var(--item-hover-color);\n}\n\nli.search-match .highlighted-match {\n  background-color: #f1ea00;\n}\n\n:host-context(.-theme-with-dark-background) li.search-match .highlighted-match {\n  background-color: hsl(133deg 100% 30%) !important;\n}\n\n.tree-outline .devtools-link {\n  text-decoration: none;\n  display: block;\n  flex: auto;\n}\n\nli.search-match .search-match-content {\n  color: #000;\n}\n\nol.children.expanded {\n  padding-bottom: 4px;\n}\n\n.search-match-link {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin-left: 9px;\n}\n\n.search-result-qualifier {\n  color: #aaa;\n}\n\n.search-result-dash {\n  color: #aaa;\n  margin: 0 4px;\n}\n\n/*# sourceURL=search/searchResultsPane.css */");RootModule.Runtime.cachedResources.set("search/searchView.css","/*\n * Copyright 2014 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.search-drawer-header {\n  align-items: center;\n  flex-shrink: 0;\n  overflow: hidden;\n}\n\n.search-toolbar {\n  background-color: var(--toolbar-bg-color);\n  border-bottom: var(--divider-border);\n}\n\n.search-toolbar-summary {\n  background-color: #eee;\n  border-top: 1px solid #ccc;\n  padding-left: 5px;\n  flex: 0 0 19px;\n  display: flex;\n  padding-right: 5px;\n}\n\n.search-toolbar-summary .search-message {\n  padding-top: 2px;\n  padding-left: 1ex;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.search-view .search-results {\n  overflow-y: auto;\n  display: flex;\n  flex: auto;\n}\n\n.search-view .search-results > div {\n  flex: auto;\n}\n\n/*# sourceURL=search/searchView.css */");

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

@@ -0,0 +1 @@
+import{SecurityModel as e,SecurityPanel as i}from"./security.js";self.Security=self.Security||{},Security=Security||{},Security.SecurityModel=e.SecurityModel,Security.SecurityModel.Events=e.Events,Security.PageVisibleSecurityState=e.PageVisibleSecurityState,Security.CertificateSecurityState=e.CertificateSecurityState,Security.SecurityStyleExplanation=e.SecurityStyleExplanation,Security.SecurityPanel=i.SecurityPanel,Security.SecurityPanelSidebarTree=i.SecurityPanelSidebarTree,Security.SecurityPanelSidebarTree.OriginGroup=i.OriginGroup,Security.SecurityPanelSidebarTreeElement=i.SecurityPanelSidebarTreeElement,Security.SecurityOriginView=i.SecurityOriginView;

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

@@ -0,0 +1 @@
+import{ls as t}from"../platform/platform.js";import{Runtime as e}from"../root/root.js";import{ViewManager as i}from"../ui/ui.js";let r;i.registerViewExtension({location:"panel",id:"security",title:()=>t`Security`,commandPrompt:()=>t`Show Security`,order:80,persistence:"closeable",loadView:async()=>(await async function(){return r||(await e.Runtime.instance().loadModulePromise("security"),r=await import("./security.js")),r}()).SecurityPanel.SecurityPanel.instance()});

package/static/devtools/security/security.js

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{SDKModel as t,ResourceTreeModel as i,NetworkManager as s}from"../sdk/sdk.js";import{ResourceType as r,ParsedURL as n,EventTarget as o}from"../common/common.js";import{InspectorFrontendHost as c}from"../host/host.js";import{NetworkLogView as a,NetworkPanel as l}from"../network/network.js";import{Panel as u,UIUtils as h,ARIAUtils as d,TreeOutline as S,Widget as y,Tooltip as g}from"../ui/ui.js";const p={theSecurityOfThisPageIsUnknown:"The security of this page is unknown.",thisPageIsNotSecure:"This page is not secure.",thisPageIsSecureValidHttps:"This page is secure (valid HTTPS).",thisPageIsNotSecureBrokenHttps:"This page is not secure (broken HTTPS).",cipherWithMAC:"{PH1} with {PH2}",keyExchangeWithGroup:"{PH1} with {PH2}"},m=e.registerUIStrings("security/SecurityModel.ts",p),C=e.getLocalizedString.bind(void 0,m);class w extends t.SDKModel{constructor(e){super(e),this._dispatcher=new E(this),this._securityAgent=e.securityAgent(),e.registerSecurityDispatcher(this._dispatcher),this._securityAgent.invoke_enable()}resourceTreeModel(){return this.target().model(i.ResourceTreeModel)}networkManager(){return this.target().model(s.NetworkManager)}static SecurityStateComparator(e,t){const i=v();return(e&&i.get(e)||0)-(t&&i.get(t)||0)}}let f=null;const v=()=>{if(!f){f=new Map;const e=[Protocol.Security.SecurityState.Info,Protocol.Security.SecurityState.InsecureBroken,Protocol.Security.SecurityState.Insecure,Protocol.Security.SecurityState.Neutral,Protocol.Security.SecurityState.Secure,Protocol.Security.SecurityState.Unknown];for(let t=0;t<e.length;t++)f.set(e[t],t+1)}return f};var P;t.SDKModel.register(w,t.Capability.Security,!1),function(e){e.SecurityStateChanged="SecurityStateChanged",e.VisibleSecurityStateChanged="VisibleSecurityStateChanged"}(P||(P={}));const x={[Protocol.Security.SecurityState.Unknown]:C(p.theSecurityOfThisPageIsUnknown),[Protocol.Security.SecurityState.Insecure]:C(p.thisPageIsNotSecure),[Protocol.Security.SecurityState.Neutral]:C(p.thisPageIsNotSecure),[Protocol.Security.SecurityState.Secure]:C(p.thisPageIsSecureValidHttps),[Protocol.Security.SecurityState.InsecureBroken]:C(p.thisPageIsNotSecureBrokenHttps)};class _{constructor(e,t,i){this.securityState=e,this.explanations=t,this.summary=i}}class T{constructor(e,t,i,s){this.securityState=e,this.certificateSecurityState=t?new k(t):null,this.safetyTipInfo=i?new b(i):null,this.securityStateIssueIds=s}}class k{constructor(e){this.protocol=e.protocol,this.keyExchange=e.keyExchange,this.keyExchangeGroup=e.keyExchangeGroup||null,this.cipher=e.cipher,this.mac=e.mac||null,this.certificate=e.certificate,this.subjectName=e.subjectName,this.issuer=e.issuer,this.validFrom=e.validFrom,this.validTo=e.validTo,this.certificateNetworkError=e.certificateNetworkError||null,this.certificateHasWeakSignature=e.certificateHasWeakSignature,this.certificateHasSha1Signature=e.certificateHasSha1Signature,this.modernSSL=e.modernSSL,this.obsoleteSslProtocol=e.obsoleteSslProtocol,this.obsoleteSslKeyExchange=e.obsoleteSslKeyExchange,this.obsoleteSslCipher=e.obsoleteSslCipher,this.obsoleteSslSignature=e.obsoleteSslSignature}isCertificateExpiringSoon(){const e=new Date(1e3*this.validTo).getTime();return e<new Date(Date.now()).setHours(48)&&e>Date.now()}getKeyExchangeName(){return this.keyExchangeGroup?this.keyExchange?C(p.keyExchangeWithGroup,{PH1:this.keyExchange,PH2:this.keyExchangeGroup}):this.keyExchangeGroup:this.keyExchange}getCipherFullName(){return this.mac?C(p.cipherWithMAC,{PH1:this.cipher,PH2:this.mac}):this.cipher}}class b{constructor(e){this.safetyTipStatus=e.safetyTipStatus,this.safeUrl=e.safeUrl||null}}class I{constructor(e,t,i,s,r=[],n=Protocol.Security.MixedContentType.None,o=[]){this.securityState=e,this.title=t,this.summary=i,this.description=s,this.certificate=r,this.mixedContentType=n,this.recommendations=o}}class E{constructor(e){this._model=e}securityStateChanged({securityState:e,explanations:t,summary:i}){const s=new _(e,t,i||null);this._model.dispatchEventToListeners(P.SecurityStateChanged,s)}visibleSecurityStateChanged({visibleSecurityState:e}){const t=new T(e.securityState,e.certificateSecurityState||null,e.safetyTipInfo||null,e.securityStateIssueIds);this._model.dispatchEventToListeners(P.VisibleSecurityStateChanged,t)}certificateError(e){}}var L=Object.freeze({__proto__:null,UIStrings:p,SecurityModel:w,get Events(){return P},SummaryMessages:x,PageSecurityState:_,PageVisibleSecurityState:T,CertificateSecurityState:k,SecurityStyleExplanation:I});const M={overview:"Overview",mainOrigin:"Main origin",nonsecureOrigins:"Non-secure origins",secureOrigins:"Secure origins",unknownCanceled:"Unknown / canceled",reloadToViewDetails:"Reload to view details",mainOriginSecure:"Main origin (secure)",mainOriginNonsecure:"Main origin (non-secure)",securityOverview:"Security overview",secure:"Secure",info:"Info",notSecure:"Not secure",viewCertificate:"View certificate",theSecurityOfThisPageIsUnknown:"The security of this page is unknown.",thisPageIsNotSecure:"This page is not secure.",thisPageIsSecureValidHttps:"This page is secure (valid HTTPS).",thisPageIsNotSecureBrokenHttps:"This page is not secure (broken HTTPS).",notSecureBroken:"Not secure (broken)",thisPageIsDangerousFlaggedBy:"This page is dangerous (flagged by Google Safe Browsing).",flaggedByGoogleSafeBrowsing:"Flagged by Google Safe Browsing",toCheckThisPagesStatusVisit:"To check this page's status, visit g.co/safebrowsingstatus.",thisIsAnErrorPage:"This is an error page.",thisPageIsInsecureUnencrypted:"This page is insecure (unencrypted HTTP).",formFieldEditedOnANonsecurePage:"Form field edited on a non-secure page",dataWasEnteredInAFieldOnA:"Data was entered in a field on a non-secure page. A warning has been added to the URL bar.",thisPageHasANonhttpsSecureOrigin:"This page has a non-HTTPS secure origin.",thisPageIsSuspicious:"This page is suspicious",chromeHasDeterminedThatThisSite:"Chrome has determined that this site could be fake or fraudulent.\n\nIf you believe this is shown in error please visit https://bugs.chromium.org/p/chromium/issues/entry?template=Safety+Tips+Appeals.",possibleSpoofingUrl:"Possible spoofing URL",thisSitesHostnameLooksSimilarToS:"This site's hostname looks similar to {PH1}. Attackers sometimes mimic sites by making small, hard-to-see changes to the domain name.\n\nIf you believe this is shown in error please visit https://bugs.chromium.org/p/chromium/issues/entry?template=Safety+Tips+Appeals.",thisPageIsSuspiciousFlaggedBy:"This page is suspicious (flagged by Chrome).",certificate:"Certificate",insecureSha:"insecure (SHA-1)",theCertificateChainForThisSite:"The certificate chain for this site contains a certificate signed using SHA-1.",subjectAlternativeNameMissing:"Subject Alternative Name missing",theCertificateForThisSiteDoesNot:"The certificate for this site does not contain a Subject Alternative Name extension containing a domain name or IP address.",missing:"missing",thisSiteIsMissingAValidTrusted:"This site is missing a valid, trusted certificate ({PH1}).",validAndTrusted:"valid and trusted",theConnectionToThisSiteIsUsingA:"The connection to this site is using a valid, trusted server certificate issued by {PH1}.",publickeypinningBypassed:"Public-Key-Pinning bypassed",publickeypinningWasBypassedByA:"Public-Key-Pinning was bypassed by a local root certificate.",certificateExpiresSoon:"Certificate expires soon",theCertificateForThisSiteExpires:"The certificate for this site expires in less than 48 hours and needs to be renewed.",connection:"Connection",secureConnectionSettings:"secure connection settings",theConnectionToThisSiteIs:"The connection to this site is encrypted and authenticated using {PH1}, {PH2}, and {PH3}.",sIsObsoleteEnableTlsOrLater:"{PH1} is obsolete. Enable TLS 1.2 or later.",rsaKeyExchangeIsObsoleteEnableAn:"RSA key exchange is obsolete. Enable an ECDHE-based cipher suite.",sIsObsoleteEnableAnAesgcmbased:"{PH1} is obsolete. Enable an AES-GCM-based cipher suite.",theServerSignatureUsesShaWhichIs:"The server signature uses SHA-1, which is obsolete. Enable a SHA-2 signature algorithm instead. (Note this is different from the signature in the certificate.)",obsoleteConnectionSettings:"obsolete connection settings",resources:"Resources",activeMixedContent:"active mixed content",youHaveRecentlyAllowedNonsecure:"You have recently allowed non-secure content (such as scripts or iframes) to run on this site.",mixedContent:"mixed content",thisPageIncludesHttpResources:"This page includes HTTP resources.",nonsecureForm:"non-secure form",thisPageIncludesAFormWithA:'This page includes a form with a non-secure "action" attribute.',activeContentWithCertificate:"active content with certificate errors",youHaveRecentlyAllowedContent:"You have recently allowed content loaded with certificate errors (such as scripts or iframes) to run on this site.",contentWithCertificateErrors:"content with certificate errors",thisPageIncludesResourcesThat:"This page includes resources that were loaded with certificate errors.",allServedSecurely:"all served securely",allResourcesOnThisPageAreServed:"All resources on this page are served securely.",blockedMixedContent:"Blocked mixed content",yourPageRequestedNonsecure:"Your page requested non-secure resources that were blocked.",reloadThePageToRecordRequestsFor:"Reload the page to record requests for HTTP resources.",viewDRequestInNetworkPanel:"View {PH1} request in Network Panel",viewDRequestsInNetworkPanel:"View {PH1} requests in Network Panel",origin:"Origin",viewRequestsInNetworkPanel:"View requests in Network Panel",protocol:"Protocol",keyExchange:"Key exchange",keyExchangeGroup:"Key exchange group",cipher:"Cipher",certificateTransparency:"Certificate Transparency",subject:"Subject",san:"SAN",validFrom:"Valid from",validUntil:"Valid until",issuer:"Issuer",openFullCertificateDetails:"Open full certificate details",sct:"SCT",logName:"Log name",logId:"Log ID",validationStatus:"Validation status",source:"Source",issuedAt:"Issued at",hashAlgorithm:"Hash algorithm",signatureAlgorithm:"Signature algorithm",signatureData:"Signature data",showFullDetails:"Show full details",hideFullDetails:"Hide full details",thisRequestCompliesWithChromes:"This request complies with `Chrome`'s Certificate Transparency policy.",thisRequestDoesNotComplyWith:"This request does not comply with `Chrome`'s Certificate Transparency policy.",thisResponseWasLoadedFromCache:"This response was loaded from cache. Some security details might be missing.",theSecurityDetailsAboveAreFrom:"The security details above are from the first inspected response.",thisOriginIsANonhttpsSecure:"This origin is a non-HTTPS secure origin.",yourConnectionToThisOriginIsNot:"Your connection to this origin is not secure.",noSecurityInformation:"No security information",noSecurityDetailsAreAvailableFor:"No security details are available for this origin.",na:"(n/a)",showLess:"Show less",showMoreSTotal:"Show more ({PH1} total)"},N=e.registerUIStrings("security/SecurityPanel.ts",M),A=e.getLocalizedString.bind(void 0,N);let R;class H extends u.PanelWithSidebar{constructor(){super("security"),this._mainView=new F(this);const e=document.createElement("span");e.classList.add("title"),e.textContent=A(M.overview),this._sidebarMainViewElement=new V(e,this._setVisibleView.bind(this,this._mainView),"security-main-view-sidebar-tree-item","lock-icon"),this._sidebarMainViewElement.tooltip=e.textContent,this._sidebarTree=new O(this._sidebarMainViewElement,this.showOrigin.bind(this)),this.panelSidebarElement().appendChild(this._sidebarTree.element),this._lastResponseReceivedForLoaderId=new Map,this._origins=new Map,this._filterRequestCounts=new Map,t.TargetManager.instance().observeModels(w,this),this._visibleView=null,this._eventListeners=[],this._securityModel=null}static instance(e={forceNew:null}){const{forceNew:t}=e;return R&&!t||(R=new H),R}static _instance(){return H.instance()}static createCertificateViewerButtonForOrigin(e,t){const i=h.createTextButton(e,(async e=>{e.consume();const i=await s.MultitargetNetworkManager.instance().getCertificate(t);i.length>0&&c.InspectorFrontendHostInstance.showCertificateViewer(i)}),"origin-button");return d.markAsButton(i),i}static createCertificateViewerButtonForCert(e,t){const i=h.createTextButton(e,(e=>{e.consume(),c.InspectorFrontendHostInstance.showCertificateViewer(t)}),"origin-button");return d.markAsButton(i),i}static createHighlightedUrl(e,t){const i="://",s=e.indexOf(i);if(-1===s){const t=document.createElement("span");return t.textContent=e,t}const r=document.createElement("span"),n=e.substr(0,s),o=e.substr(s+i.length);return r.createChild("span","url-scheme-"+t).textContent=n,r.createChild("span","url-scheme-separator").textContent=i,r.createChild("span").textContent=o,r}_updateSecurityState(e,t,i){this._sidebarMainViewElement.setSecurityState(e),this._mainView.updateSecurityState(e,t,i)}_onSecurityStateChanged(e){const t=e.data,i=t.securityState,s=t.explanations,r=t.summary;this._updateSecurityState(i,s,r)}_updateVisibleSecurityState(e){this._sidebarMainViewElement.setSecurityState(e.securityState),this._mainView.updateVisibleSecurityState(e)}_onVisibleSecurityStateChanged(e){const t=e.data;this._updateVisibleSecurityState(t)}selectAndSwitchToMainView(){this._sidebarMainViewElement.select(!0)}showOrigin(e){const t=this._origins.get(e);t&&(t.originView||(t.originView=new B(this,e,t)),this._setVisibleView(t.originView))}wasShown(){super.wasShown(),this._visibleView||this.selectAndSwitchToMainView()}focus(){this._sidebarTree.focus()}_setVisibleView(e){this._visibleView!==e&&(this._visibleView&&this._visibleView.detach(),this._visibleView=e,e&&this.splitWidget().setMainWidget(e))}_onResponseReceived(e){const t=e.data.request;t.resourceType()===r.resourceTypes.Document&&this._lastResponseReceivedForLoaderId.set(t.loaderId,t)}_processRequest(e){const t=n.ParsedURL.extractOrigin(e.url());if(!t)return;let i=e.securityState();e.mixedContentType!==Protocol.Security.MixedContentType.Blockable&&e.mixedContentType!==Protocol.Security.MixedContentType.OptionallyBlockable||(i=Protocol.Security.SecurityState.Insecure);const s=this._origins.get(t);if(s){const r=s.securityState;if(s.securityState=this._securityStateMin(r,i),r!==s.securityState){const r=e.securityDetails();r&&(s.securityDetails=r),this._sidebarTree.updateOrigin(t,i),s.originView&&s.originView.setSecurityState(i)}}else{const s={securityState:i,securityDetails:e.securityDetails(),loadedFromCache:e.cached(),originView:void 0};this._origins.set(t,s),this._sidebarTree.addOrigin(t,i)}}_onRequestFinished(e){const t=e.data;this._updateFilterRequestCounts(t),this._processRequest(t)}_updateFilterRequestCounts(e){if(e.mixedContentType===Protocol.Security.MixedContentType.None)return;let t=a.MixedContentFilterValues.All;e.wasBlocked()?t=a.MixedContentFilterValues.Blocked:e.mixedContentType===Protocol.Security.MixedContentType.Blockable?t=a.MixedContentFilterValues.BlockOverridden:e.mixedContentType===Protocol.Security.MixedContentType.OptionallyBlockable&&(t=a.MixedContentFilterValues.Displayed);const i=this._filterRequestCounts.get(t);i?this._filterRequestCounts.set(t,i+1):this._filterRequestCounts.set(t,1),this._mainView.refreshExplanations()}filterRequestCount(e){return this._filterRequestCounts.get(e)||0}_securityStateMin(e,t){return w.SecurityStateComparator(e,t)<0?e:t}modelAdded(e){if(this._securityModel)return;this._securityModel=e;const t=e.resourceTreeModel(),r=e.networkManager();this._eventListeners=[e.addEventListener(P.VisibleSecurityStateChanged,this._onVisibleSecurityStateChanged,this),t.addEventListener(i.Events.MainFrameNavigated,this._onMainFrameNavigated,this),t.addEventListener(i.Events.InterstitialShown,this._onInterstitialShown,this),t.addEventListener(i.Events.InterstitialHidden,this._onInterstitialHidden,this),r.addEventListener(s.Events.ResponseReceived,this._onResponseReceived,this),r.addEventListener(s.Events.RequestFinished,this._onRequestFinished,this)],t.isInterstitialShowing()&&this._onInterstitialShown()}modelRemoved(e){this._securityModel===e&&(this._securityModel=null,o.EventTarget.removeEventListeners(this._eventListeners))}_onMainFrameNavigated(e){const t=e.data,i=this._lastResponseReceivedForLoaderId.get(t.loaderId);this.selectAndSwitchToMainView(),this._sidebarTree.clearOrigins(),this._origins.clear(),this._lastResponseReceivedForLoaderId.clear(),this._filterRequestCounts.clear(),this._mainView.refreshExplanations();const s=n.ParsedURL.extractOrigin(i?i.url():t.url);this._sidebarTree.setMainOrigin(s),i&&this._processRequest(i)}_onInterstitialShown(){this.selectAndSwitchToMainView(),this._sidebarTree.toggleOriginsList(!0)}_onInterstitialHidden(){this._sidebarTree.toggleOriginsList(!1)}}class O extends S.TreeOutlineInShadow{constructor(e,t){super(),this.registerRequiredCSS("security/sidebar.css",{enableLegacyPatching:!0}),this.registerRequiredCSS("security/lockIcon.css",{enableLegacyPatching:!0}),this.appendChild(e),this._showOriginInPanel=t,this._mainOrigin=null,this._originGroupTitles=new Map([[D.MainOrigin,A(M.mainOrigin)],[D.NonSecure,A(M.nonsecureOrigins)],[D.Secure,A(M.secureOrigins)],[D.Unknown,A(M.unknownCanceled)]]),this._originGroups=new Map;for(const e of Object.values(D)){const t=this._createOriginGroupElement(this._originGroupTitles.get(e));this._originGroups.set(e,t),this.appendChild(t)}this._clearOriginGroups();const i=new S.TreeElement(A(M.reloadToViewDetails));i.selectable=!1,i.listItemElement.classList.add("security-main-view-reload-message");this._originGroups.get(D.MainOrigin).appendChild(i),this._elementsByOrigin=new Map}_originGroupTitle(e){return this._originGroupTitles.get(e)}_originGroupElement(e){return this._originGroups.get(e)}_createOriginGroupElement(e){const t=new S.TreeElement(e,!0);return t.selectable=!1,t.setCollapsible(!1),t.expand(),t.listItemElement.classList.add("security-sidebar-origins"),d.setAccessibleName(t.childrenListElement,e),t}toggleOriginsList(e){for(const t of this._originGroups.values())t.hidden=e}addOrigin(e,t){const i=new V(H.createHighlightedUrl(e,t),this._showOriginInPanel.bind(this,e),"security-sidebar-tree-item","security-property");i.tooltip=e,this._elementsByOrigin.set(e,i),this.updateOrigin(e,t)}setMainOrigin(e){this._mainOrigin=e}updateOrigin(e,t){const i=this._elementsByOrigin.get(e);let s;if(i.setSecurityState(t),e===this._mainOrigin)s=this._originGroups.get(D.MainOrigin),t===Protocol.Security.SecurityState.Secure?s.title=A(M.mainOriginSecure):s.title=A(M.mainOriginNonsecure),d.setAccessibleName(s.childrenListElement,s.title);else switch(t){case Protocol.Security.SecurityState.Secure:s=this._originGroupElement(D.Secure);break;case Protocol.Security.SecurityState.Unknown:s=this._originGroupElement(D.Unknown);break;default:s=this._originGroupElement(D.NonSecure)}const r=i.parent;r!==s&&(r&&(r.removeChild(i),0===r.childCount()&&(r.hidden=!0)),s.appendChild(i),s.hidden=!1)}_clearOriginGroups(){for(const e of this._originGroups.values())e.removeChildren(),e.hidden=!0;const e=this._originGroupElement(D.MainOrigin);e.title=this._originGroupTitle(D.MainOrigin),e.hidden=!1}clearOrigins(){this._clearOriginGroups(),this._elementsByOrigin.clear()}}var D;!function(e){e.MainOrigin="MainOrigin",e.NonSecure="NonSecure",e.Secure="Secure",e.Unknown="Unknown"}(D||(D={}));class V extends S.TreeElement{constructor(e,t,i,s){super("",!1),this._selectCallback=t,this._cssPrefix=s,this.listItemElement.classList.add(i),this._iconElement=this.listItemElement.createChild("div","icon"),this._iconElement.classList.add(this._cssPrefix),this.listItemElement.appendChild(e),this._securityState=null,this.setSecurityState(Protocol.Security.SecurityState.Unknown)}static SecurityStateComparator(e,t){return w.SecurityStateComparator(e.securityState(),t.securityState())}setSecurityState(e){this._securityState&&this._iconElement.classList.remove(this._cssPrefix+"-"+this._securityState),this._securityState=e,this._iconElement.classList.add(this._cssPrefix+"-"+e)}securityState(){return this._securityState}onselect(){return this._selectCallback(),!0}}class F extends y.VBox{constructor(e){super(!0),this.registerRequiredCSS("security/mainView.css",{enableLegacyPatching:!0}),this.registerRequiredCSS("security/lockIcon.css",{enableLegacyPatching:!0}),this.setMinimumSize(200,100),this.contentElement.classList.add("security-main-view"),this._panel=e,this._summarySection=this.contentElement.createChild("div","security-summary"),this._securityExplanationsMain=this.contentElement.createChild("div","security-explanation-list security-explanations-main"),this._securityExplanationsExtra=this.contentElement.createChild("div","security-explanation-list security-explanations-extra");const t=this._summarySection.createChild("div","security-summary-section-title");t.textContent=A(M.securityOverview),d.markAsHeading(t,1);const i=this._summarySection.createChild("div","lock-spectrum");this._lockSpectrum=new Map([[Protocol.Security.SecurityState.Secure,i.createChild("div","lock-icon lock-icon-secure")],[Protocol.Security.SecurityState.Neutral,i.createChild("div","lock-icon lock-icon-neutral")],[Protocol.Security.SecurityState.Insecure,i.createChild("div","lock-icon lock-icon-insecure")]]),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Secure),A(M.secure)),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Neutral),A(M.info)),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure),A(M.notSecure)),this._summarySection.createChild("div","triangle-pointer-container").createChild("div","triangle-pointer-wrapper").createChild("div","triangle-pointer"),this._summaryText=this._summarySection.createChild("div","security-summary-text"),d.markAsHeading(this._summaryText,2),this._explanations=null,this._securityState=null}getLockSpectrumDiv(e){const t=this._lockSpectrum.get(e);if(!t)throw new Error("Invalid argument: "+e);return t}_addExplanation(e,t){const i=e.createChild("div","security-explanation");i.classList.add("security-explanation-"+t.securityState),i.createChild("div","security-property").classList.add("security-property-"+t.securityState);const s=i.createChild("div","security-explanation-text"),r=s.createChild("div","security-explanation-title");if(t.title?(r.createChild("span").textContent=t.title+" - ",r.createChild("span","security-explanation-title-"+t.securityState).textContent=t.summary):r.textContent=t.summary,s.createChild("div").textContent=t.description,t.certificate.length&&s.appendChild(H.createCertificateViewerButtonForCert(A(M.viewCertificate),t.certificate)),t.recommendations&&t.recommendations.length){const e=s.createChild("ul","security-explanation-recommendations");for(const i of t.recommendations)e.createChild("li").textContent=i}return s}updateSecurityState(e,t,i){this._summarySection.classList.remove("security-summary-"+this._securityState),this._securityState=e,this._summarySection.classList.add("security-summary-"+this._securityState);const s=new Map([[Protocol.Security.SecurityState.Unknown,A(M.theSecurityOfThisPageIsUnknown)],[Protocol.Security.SecurityState.Insecure,A(M.thisPageIsNotSecure)],[Protocol.Security.SecurityState.Neutral,A(M.thisPageIsNotSecure)],[Protocol.Security.SecurityState.Secure,A(M.thisPageIsSecureValidHttps)],[Protocol.Security.SecurityState.InsecureBroken,A(M.thisPageIsNotSecureBrokenHttps)]]);this._securityState===Protocol.Security.SecurityState.Insecure?(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.add("lock-icon-insecure"),this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.remove("lock-icon-insecure-broken"),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure),A(M.notSecure))):this._securityState===Protocol.Security.SecurityState.InsecureBroken&&(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.add("lock-icon-insecure-broken"),this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.remove("lock-icon-insecure"),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure),A(M.notSecureBroken))),this._summaryText.textContent=i||s.get(this._securityState)||"",this._explanations=t,this.refreshExplanations()}updateVisibleSecurityState(e){this._summarySection.classList.remove("security-summary-"+this._securityState),this._securityState=e.securityState,this._summarySection.classList.add("security-summary-"+this._securityState),this._securityState===Protocol.Security.SecurityState.Insecure?(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.add("lock-icon-insecure"),this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.remove("lock-icon-insecure-broken"),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure),A(M.notSecure))):this._securityState===Protocol.Security.SecurityState.InsecureBroken&&(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.add("lock-icon-insecure-broken"),this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure).classList.remove("lock-icon-insecure"),g.Tooltip.install(this.getLockSpectrumDiv(Protocol.Security.SecurityState.Insecure),A(M.notSecureBroken)));const{summary:t,explanations:i}=this._getSecuritySummaryAndExplanations(e);this._summaryText.textContent=t||x[this._securityState],this._explanations=this._orderExplanations(i),this.refreshExplanations()}_getSecuritySummaryAndExplanations(e){const{securityState:t,securityStateIssueIds:i}=e;let s;const r=[];if(s=this._explainSafetyTipSecurity(e,s,r),i.includes("malicious-content"))s=A(M.thisPageIsDangerousFlaggedBy),r.unshift(new I(Protocol.Security.SecurityState.Insecure,void 0,A(M.flaggedByGoogleSafeBrowsing),A(M.toCheckThisPagesStatusVisit)));else{if(i.includes("is-error-page")&&(null===e.certificateSecurityState||null===e.certificateSecurityState.certificateNetworkError))return s=A(M.thisIsAnErrorPage),{summary:s,explanations:r};t===Protocol.Security.SecurityState.InsecureBroken&&i.includes("scheme-is-not-cryptographic")&&(s=s||A(M.thisPageIsInsecureUnencrypted),i.includes("insecure-input-events")&&r.push(new I(Protocol.Security.SecurityState.Insecure,void 0,A(M.formFieldEditedOnANonsecurePage),A(M.dataWasEnteredInAFieldOnA))))}return i.includes("scheme-is-not-cryptographic")?(t!==Protocol.Security.SecurityState.Neutral||i.includes("insecure-origin")||(s=A(M.thisPageHasANonhttpsSecureOrigin)),{summary:s,explanations:r}):(this._explainCertificateSecurity(e,r),this._explainConnectionSecurity(e,r),this._explainContentSecurity(e,r),{summary:s,explanations:r})}_explainSafetyTipSecurity(e,t,i){const{securityStateIssueIds:s,safetyTipInfo:r}=e,n=[];if(s.includes("bad_reputation"))n.push({summary:A(M.thisPageIsSuspicious),description:A(M.chromeHasDeterminedThatThisSite)});else if(s.includes("lookalike")&&r&&r.safeUrl){const e=new URL(r.safeUrl).hostname;n.push({summary:A(M.possibleSpoofingUrl),description:A(M.thisSitesHostnameLooksSimilarToS,{PH1:e})})}return n.length>0&&(t=t||A(M.thisPageIsSuspiciousFlaggedBy),i.push(new I(Protocol.Security.SecurityState.Insecure,void 0,n[0].summary,n[0].description))),t}_explainCertificateSecurity(e,t){const{certificateSecurityState:i,securityStateIssueIds:s}=e,r=A(M.certificate);if(i&&i.certificateHasSha1Signature){const e=A(M.insecureSha),s=A(M.theCertificateChainForThisSite);i.certificateHasWeakSignature?t.push(new I(Protocol.Security.SecurityState.Insecure,r,e,s,i.certificate,Protocol.Security.MixedContentType.None)):t.push(new I(Protocol.Security.SecurityState.Neutral,r,e,s,i.certificate,Protocol.Security.MixedContentType.None))}i&&s.includes("cert-missing-subject-alt-name")&&t.push(new I(Protocol.Security.SecurityState.Insecure,r,A(M.subjectAlternativeNameMissing),A(M.theCertificateForThisSiteDoesNot),i.certificate,Protocol.Security.MixedContentType.None)),i&&null!==i.certificateNetworkError?t.push(new I(Protocol.Security.SecurityState.Insecure,r,A(M.missing),A(M.thisSiteIsMissingAValidTrusted,{PH1:i.certificateNetworkError}),i.certificate,Protocol.Security.MixedContentType.None)):i&&!i.certificateHasSha1Signature&&t.push(new I(Protocol.Security.SecurityState.Secure,r,A(M.validAndTrusted),A(M.theConnectionToThisSiteIsUsingA,{PH1:i.issuer}),i.certificate,Protocol.Security.MixedContentType.None)),s.includes("pkp-bypassed")&&t.push(new I(Protocol.Security.SecurityState.Info,r,A(M.publickeypinningBypassed),A(M.publickeypinningWasBypassedByA))),i&&i.isCertificateExpiringSoon()&&t.push(new I(Protocol.Security.SecurityState.Info,void 0,A(M.certificateExpiresSoon),A(M.theCertificateForThisSiteExpires)))}_explainConnectionSecurity(e,t){const i=e.certificateSecurityState;if(!i)return;const s=A(M.connection);if(i.modernSSL)return void t.push(new I(Protocol.Security.SecurityState.Secure,s,A(M.secureConnectionSettings),A(M.theConnectionToThisSiteIs,{PH1:i.protocol,PH2:i.getKeyExchangeName(),PH3:i.getCipherFullName()})));const r=[];i.obsoleteSslProtocol&&r.push(A(M.sIsObsoleteEnableTlsOrLater,{PH1:i.protocol})),i.obsoleteSslKeyExchange&&r.push(A(M.rsaKeyExchangeIsObsoleteEnableAn)),i.obsoleteSslCipher&&r.push(A(M.sIsObsoleteEnableAnAesgcmbased,{PH1:i.cipher})),i.obsoleteSslSignature&&r.push(A(M.theServerSignatureUsesShaWhichIs)),t.push(new I(Protocol.Security.SecurityState.Info,s,A(M.obsoleteConnectionSettings),A(M.theConnectionToThisSiteIs,{PH1:i.protocol,PH2:i.getKeyExchangeName(),PH3:i.getCipherFullName()}),void 0,void 0,r))}_explainContentSecurity(e,t){let i=!0;const s=A(M.resources),r=e.securityStateIssueIds;r.includes("ran-mixed-content")&&(i=!1,t.push(new I(Protocol.Security.SecurityState.Insecure,s,A(M.activeMixedContent),A(M.youHaveRecentlyAllowedNonsecure),[],Protocol.Security.MixedContentType.Blockable))),r.includes("displayed-mixed-content")&&(i=!1,t.push(new I(Protocol.Security.SecurityState.Neutral,s,A(M.mixedContent),A(M.thisPageIncludesHttpResources),[],Protocol.Security.MixedContentType.OptionallyBlockable))),r.includes("contained-mixed-form")&&(i=!1,t.push(new I(Protocol.Security.SecurityState.Neutral,s,A(M.nonsecureForm),A(M.thisPageIncludesAFormWithA)))),null!==e.certificateSecurityState&&null!==e.certificateSecurityState.certificateNetworkError||(r.includes("ran-content-with-cert-error")&&(i=!1,t.push(new I(Protocol.Security.SecurityState.Insecure,s,A(M.activeContentWithCertificate),A(M.youHaveRecentlyAllowedContent)))),r.includes("displayed-content-with-cert-errors")&&(i=!1,t.push(new I(Protocol.Security.SecurityState.Neutral,s,A(M.contentWithCertificateErrors),A(M.thisPageIncludesResourcesThat))))),i&&(r.includes("scheme-is-not-cryptographic")||t.push(new I(Protocol.Security.SecurityState.Secure,s,A(M.allServedSecurely),A(M.allResourcesOnThisPageAreServed))))}_orderExplanations(e){if(0===e.length)return e;const t=[Protocol.Security.SecurityState.Insecure,Protocol.Security.SecurityState.Neutral,Protocol.Security.SecurityState.Secure,Protocol.Security.SecurityState.Info],i=[];for(const s of t)i.push(...e.filter((e=>e.securityState===s)));return i}refreshExplanations(){if(this._securityExplanationsMain.removeChildren(),this._securityExplanationsExtra.removeChildren(),this._explanations){for(const e of this._explanations)if(e.securityState===Protocol.Security.SecurityState.Info)this._addExplanation(this._securityExplanationsExtra,e);else switch(e.mixedContentType){case Protocol.Security.MixedContentType.Blockable:this._addMixedContentExplanation(this._securityExplanationsMain,e,a.MixedContentFilterValues.BlockOverridden);break;case Protocol.Security.MixedContentType.OptionallyBlockable:this._addMixedContentExplanation(this._securityExplanationsMain,e,a.MixedContentFilterValues.Displayed);break;default:this._addExplanation(this._securityExplanationsMain,e)}if(this._panel.filterRequestCount(a.MixedContentFilterValues.Blocked)>0){const e={securityState:Protocol.Security.SecurityState.Info,summary:A(M.blockedMixedContent),description:A(M.yourPageRequestedNonsecure),mixedContentType:Protocol.Security.MixedContentType.Blockable,certificate:[],title:""};this._addMixedContentExplanation(this._securityExplanationsMain,e,a.MixedContentFilterValues.Blocked)}}}_addMixedContentExplanation(e,t,i){const s=this._addExplanation(e,t),r=this._panel.filterRequestCount(i);if(!r){return void(s.createChild("div","security-mixed-content").textContent=A(M.reloadThePageToRecordRequestsFor))}const n=s.createChild("div","security-mixed-content devtools-link");d.markAsLink(n),n.tabIndex=0,n.textContent=A(1===r?M.viewDRequestInNetworkPanel:M.viewDRequestsInNetworkPanel,{PH1:r}),n.addEventListener("click",this.showNetworkFilter.bind(this,i)),n.addEventListener("keydown",(e=>{"Enter"===e.key&&this.showNetworkFilter(i,e)}))}showNetworkFilter(e,t){t.consume(),l.NetworkPanel.revealAndFilter([{filterType:a.FilterType.MixedContent,filterValue:e}])}}class B extends y.VBox{constructor(e,t,i){super(),this._panel=e,this.setMinimumSize(200,100),this.element.classList.add("security-origin-view"),this.registerRequiredCSS("security/originView.css",{enableLegacyPatching:!0}),this.registerRequiredCSS("security/lockIcon.css",{enableLegacyPatching:!0});const s=this.element.createChild("div","title-section"),r=s.createChild("div","title-section-header");r.textContent=A(M.origin),d.markAsHeading(r,1);const o=s.createChild("div","origin-display");this._originLockIcon=o.createChild("span","security-property"),this._originLockIcon.classList.add("security-property-"+i.securityState),o.appendChild(H.createHighlightedUrl(t,i.securityState));const c=s.createChild("div","view-network-button"),u=h.createTextButton(A(M.viewRequestsInNetworkPanel),(e=>{e.consume();const i=new n.ParsedURL(t);l.NetworkPanel.revealAndFilter([{filterType:a.FilterType.Domain,filterValue:i.host},{filterType:a.FilterType.Scheme,filterValue:i.scheme}])}));if(c.appendChild(u),d.markAsLink(u),i.securityDetails){const e=this.element.createChild("div","origin-view-section"),s=e.createChild("div","origin-view-section-title");s.textContent=A(M.connection),d.markAsHeading(s,2);let r=new U;e.appendChild(r.element()),r.addRow(A(M.protocol),i.securityDetails.protocol),i.securityDetails.keyExchange&&r.addRow(A(M.keyExchange),i.securityDetails.keyExchange),i.securityDetails.keyExchangeGroup&&r.addRow(A(M.keyExchangeGroup),i.securityDetails.keyExchangeGroup),r.addRow(A(M.cipher),i.securityDetails.cipher+(i.securityDetails.mac?" with "+i.securityDetails.mac:""));const n=this.element.createChild("div","origin-view-section"),o=n.createChild("div","origin-view-section-title");o.textContent=A(M.certificate),d.markAsHeading(o,2);const c=i.securityDetails.signedCertificateTimestampList.length,a=i.securityDetails.certificateTransparencyCompliance;let l;if(c||a!==Protocol.Network.CertificateTransparencyCompliance.Unknown){l=this.element.createChild("div","origin-view-section");const e=l.createChild("div","origin-view-section-title");e.textContent=A(M.certificateTransparency),d.markAsHeading(e,2)}const u=this._createSanDiv(i.securityDetails.sanList),S=new Date(1e3*i.securityDetails.validFrom).toUTCString(),y=new Date(1e3*i.securityDetails.validTo).toUTCString();if(r=new U,n.appendChild(r.element()),r.addRow(A(M.subject),i.securityDetails.subjectName),r.addRow(A(M.san),u),r.addRow(A(M.validFrom),S),r.addRow(A(M.validUntil),y),r.addRow(A(M.issuer),i.securityDetails.issuer),r.addRow("",H.createCertificateViewerButtonForOrigin(A(M.openFullCertificateDetails),t)),!l)return;const g=new U;g.element().classList.add("sct-summary"),l.appendChild(g.element());for(let e=0;e<c;e++){const t=i.securityDetails.signedCertificateTimestampList[e];g.addRow(A(M.sct),t.logDescription+" ("+t.origin+", "+t.status+")")}const p=l.createChild("div","sct-details");p.classList.add("hidden");for(let e=0;e<c;e++){const t=new U;p.appendChild(t.element());const s=i.securityDetails.signedCertificateTimestampList[e];t.addRow(A(M.logName),s.logDescription),t.addRow(A(M.logId),s.logId.replace(/(.{2})/g,"$1 ")),t.addRow(A(M.validationStatus),s.status),t.addRow(A(M.source),s.origin),t.addRow(A(M.issuedAt),new Date(s.timestamp).toUTCString()),t.addRow(A(M.hashAlgorithm),s.hashAlgorithm),t.addRow(A(M.signatureAlgorithm),s.signatureAlgorithm),t.addRow(A(M.signatureData),s.signatureData.replace(/(.{2})/g,"$1 "))}if(c){const e=h.createTextButton(A(M.showFullDetails),(function(){let t;const i=!p.classList.contains("hidden");t=A(i?M.showFullDetails:M.hideFullDetails),e.textContent=t,d.setAccessibleName(e,t),d.setExpanded(e,!i),g.element().classList.toggle("hidden"),p.classList.toggle("hidden")}),"details-toggle");l.appendChild(e)}switch(a){case Protocol.Network.CertificateTransparencyCompliance.Compliant:l.createChild("div","origin-view-section-notes").textContent=A(M.thisRequestCompliesWithChromes);break;case Protocol.Network.CertificateTransparencyCompliance.NotCompliant:l.createChild("div","origin-view-section-notes").textContent=A(M.thisRequestDoesNotComplyWith);break;case Protocol.Network.CertificateTransparencyCompliance.Unknown:}const m=this.element.createChild("div","origin-view-section origin-view-notes");i.loadedFromCache&&(m.createChild("div").textContent=A(M.thisResponseWasLoadedFromCache)),m.createChild("div").textContent=A(M.theSecurityDetailsAboveAreFrom)}else if(i.securityState===Protocol.Security.SecurityState.Secure){const e=this.element.createChild("div","origin-view-section"),t=e.createChild("div","origin-view-section-title");t.textContent=A(M.secure),d.markAsHeading(t,2),e.createChild("div").textContent=A(M.thisOriginIsANonhttpsSecure)}else if(i.securityState!==Protocol.Security.SecurityState.Unknown){const e=this.element.createChild("div","origin-view-section"),t=e.createChild("div","origin-view-section-title");t.textContent=A(M.notSecure),d.markAsHeading(t,2),e.createChild("div").textContent=A(M.yourConnectionToThisOriginIsNot)}else{const e=this.element.createChild("div","origin-view-section"),t=e.createChild("div","origin-view-section-title");t.textContent=A(M.noSecurityInformation),d.markAsHeading(t,2),e.createChild("div").textContent=A(M.noSecurityDetailsAreAvailableFor)}}_createSanDiv(e){const t=document.createElement("div");if(0===e.length)t.textContent=A(M.na),t.classList.add("empty-san");else{const s=2,r=e.length>s+1;for(let i=0;i<e.length;i++){const n=t.createChild("span","san-entry");n.textContent=e[i],r&&i>=s&&n.classList.add("truncated-entry")}if(r){function i(){const i=t.classList.contains("truncated-san");let r;i?(t.classList.remove("truncated-san"),r=A(M.showLess)):(t.classList.add("truncated-san"),r=A(M.showMoreSTotal,{PH1:e.length})),s.textContent=r,d.setAccessibleName(s,r),d.setExpanded(s,i)}const s=h.createTextButton(A(M.showMoreSTotal,{PH1:e.length}),i);t.appendChild(s),i()}}return t}setSecurityState(e){for(const e of Array.prototype.slice.call(this._originLockIcon.classList))e.startsWith("security-property-")&&this._originLockIcon.classList.remove(e);this._originLockIcon.classList.add("security-property-"+e)}}class U{constructor(){this._element=document.createElement("table"),this._element.classList.add("details-table")}element(){return this._element}addRow(e,t){const i=this._element.createChild("div","details-table-row");i.createChild("div").textContent=e;const s=i.createChild("div");"string"==typeof t?s.textContent=t:s.appendChild(t)}}var q=Object.freeze({__proto__:null,UIStrings:M,SecurityPanel:H,SecurityPanelSidebarTree:O,get OriginGroup(){return D},SecurityPanelSidebarTreeElement:V,SecurityMainView:F,SecurityOriginView:B,SecurityDetailsTable:U});export{L as SecurityModel,q as SecurityPanel};

package/static/devtools/security/security_module.js

@@ -0,0 +1 @@
+import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("security/lockIcon.css","/* Copyright (c) 2015 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.lock-icon,\n.security-property {\n  height: 16px;\n  width: 16px;\n  -webkit-mask-image: url(Images/securityIcons.svg);\n  -webkit-mask-size: 80px 32px;\n  background-color: #888;\n}\n\n.lock-icon-secure {\n  -webkit-mask-position: 0 0;\n  background-color: #0b8043;\n}\n\n.lock-icon-unknown,\n.lock-icon-neutral {\n  -webkit-mask-position: -16px 0;\n  background-color: #000; /* Black for clarity on lower DPI screens */\n}\n\n@media (-webkit-min-device-pixel-ratio: 1.1) {\n  .lock-icon-unknown,\n  .lock-icon-neutral {\n    background-color: #5a5a5a; /* Gray for hiDPI screens */\n  }\n}\n\n.lock-icon-insecure {\n  -webkit-mask-position: -32px 0;\n  background-color: #5a5a5a;\n}\n\n.lock-icon-insecure-broken {\n  -webkit-mask-position: -32px 0;\n  background-color: #c63626;\n}\n\n.security-property-secure {\n  -webkit-mask-position: 0 -16px;\n  background-color: #0b8043;\n}\n\n.security-property-neutral {\n  -webkit-mask-position: -16px -16px;\n  background-color: #c63626;\n}\n\n.security-property-insecure {\n  -webkit-mask-position: -32px -16px;\n  background-color: #c63626;\n}\n\n.security-property-insecure-broken {\n  -webkit-mask-position: -32px -16px;\n  background-color: #c63626;\n}\n\n.security-property-info {\n  -webkit-mask-position: -48px -16px;\n  background-color: rgb(0 0 0 / 50%);\n}\n\n.security-property-unknown {\n  -webkit-mask-position: -64px -16px;\n  background-color: rgb(0 0 0 / 50%);\n}\n\n.url-scheme-secure {\n  color: #0b8043;\n}\n\n.url-scheme-neutral,\n.url-scheme-insecure,\n.url-scheme-insecure-broken {\n  color: #cb3626;\n}\n\n.url-scheme-separator {\n  color: #8a8a8a;\n}\n\n@media (forced-colors: active) {\n  .lock-icon,\n  .security-property,\n  .url-scheme-neutral,\n  .url-scheme-insecure,\n  .url-scheme-insecure-broken {\n    forced-color-adjust: none;\n  }\n\n  .lock-icon-unknown,\n  .lock-icon-neutral {\n    background-color: Highlight;\n  }\n\n  .security-property-info,\n  .security-property-unknown {\n    background-color: canvastext;\n  }\n\n  .tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-info,\n  .tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-unknown {\n    background-color: HighlightText;\n  }\n}\n\n/*# sourceURL=security/lockIcon.css */");RootModule.Runtime.cachedResources.set("security/mainView.css","/* Copyright (c) 2015 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.devtools-link {\n  display: inline-block;\n}\n\n.security-main-view {\n  user-select: text;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--toolbar-bg-color);\n}\n\n.security-main-view > div {\n  flex-shrink: 0;\n}\n\n.security-summary-section-title {\n  font-size: 15px;\n  margin: 12px 16px;\n}\n\n.lock-spectrum {\n  margin: 8px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.security-summary .lock-icon {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin: 0 0;\n}\n\n/* Separate the middle icon from the other two. */\n\n.security-summary .lock-icon-neutral {\n  margin: 0 16px;\n}\n\n.security-summary:not(.security-summary-secure) .lock-icon-secure,\n.security-summary:not(.security-summary-neutral) .lock-icon-neutral,\n.security-summary:not(.security-summary-insecure) .lock-icon-insecure,\n.security-summary:not(.security-summary-insecure-broken) .lock-icon-insecure-broken {\n  background-color: rgb(90 90 90 / 25%);\n}\n\n@media (forced-colors: active) {\n  .security-summary-neutral .lock-icon-neutral {\n    background-color: Highlight;\n  }\n\n  .security-summary:not(.security-summary-secure) .lock-icon-secure,\n  .security-summary:not(.security-summary-neutral) .lock-icon-neutral,\n  .security-summary:not(.security-summary-insecure) .lock-icon-insecure,\n  .security-summary:not(.security-summary-insecure-broken) .lock-icon-insecure-broken {\n    background-color: canvastext;\n  }\n}\n\n.triangle-pointer-container {\n  margin: 8px 24px 0;\n  padding: 0 0;\n}\n\n.triangle-pointer-wrapper {\n  /* Defaults for dynamic properties. */\n  transform: translateX(0);\n  transition: transform 0.3s;\n}\n\n.triangle-pointer {\n  width: 12px;\n  height: 12px;\n  margin-bottom: -6px;\n  margin-left: -6px;\n  transform: rotate(-45deg);\n  border-style: solid;\n  border-width: 1px 1px 0 0;\n  background: var(--color-background);\n  border-color: rgb(217 217 217);\n}\n\n.security-summary-secure .triangle-pointer-wrapper {\n  transform: translateX(0);\n}\n\n.security-summary-neutral .triangle-pointer-wrapper {\n  transform: translateX(32px);\n}\n\n.security-summary-insecure .triangle-pointer-wrapper {\n  transform: translateX(64px);\n}\n\n.security-summary-insecure-broken .triangle-pointer-wrapper {\n  transform: translateX(64px);\n}\n\n.security-summary-text {\n  padding: 16px 24px;\n  border-style: solid;\n  border-width: 1px 0;\n  font-size: 15px;\n  background: var(--color-background);\n  border-color: rgb(217 217 217);\n}\n\n.security-summary-secure .triangle-pointer,\n.security-summary-secure .security-summary-text,\n.security-explanation-title-secure {\n  color: #0b8043;\n}\n\n.security-summary-insecure-broken .triangle-pointer,\n.security-summary-insecure-broken .security-summary-text,\n.security-explanation-title-neutral,\n.security-explanation-title-insecure,\n.security-explanation-title-insecure-broken {\n  color: #cb3626;\n}\n\n.security-explanation-list {\n  padding-bottom: 16px;\n}\n\n.security-explanation-list:empty {\n  border-bottom: none;\n  padding: 0;\n}\n\n.security-explanations-main {\n  margin-top: -5px;\n  background-color: var(--color-background);\n  border-bottom: 1px solid rgb(230 230 230);\n}\n\n.security-explanations-extra {\n  background-color: transparent;\n}\n\n.security-explanation {\n  padding: 11px;\n  display: flex;\n  white-space: nowrap;\n  border: none;\n  color: rgb(90 90 90);\n}\n\n.security-explanation-text {\n  flex: auto;\n  white-space: normal;\n  max-width: 400px;\n}\n\n.security-explanation .security-property {\n  flex: none;\n  width: 16px;\n  height: 16px;\n  margin-right: 16px;\n}\n\n.security-explanation-title {\n  color: rgb(48 57 66);\n  margin-top: 1px;\n  margin-bottom: 8px;\n}\n\n.security-mixed-content {\n  margin-top: 8px;\n}\n\n.security-explanation-recommendations {\n  padding-inline-start: 16px;\n}\n\n.security-explanation-recommendations > li {\n  margin-bottom: 4px;\n}\n\n/*# sourceURL=security/mainView.css */");RootModule.Runtime.cachedResources.set("security/originView.css","/* Copyright (c) 2015 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.title-section {\n  padding: 16px 0 24px 0;\n  border-bottom: 1px solid rgb(230 230 230);\n}\n\n.title-section-header {\n  padding-left: 16px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\n\n.security-origin-view {\n  overflow-x: hidden;\n  overflow-y: scroll;\n  display: block;\n  user-select: text;\n}\n\n.security-origin-view .origin-view-section {\n  border-bottom: 1px solid rgb(230 230 230);\n  padding: 12px 6px 12px  24px;\n  font-size: 12px;\n}\n\n.origin-view-notes {\n  margin-top: 2px;\n  color: #8c8c8c;\n}\n\n.origin-view-section-notes {\n  margin-top: 6px;\n  color: #8c8c8c;\n}\n\n.security-origin-view .origin-display {\n  font-size: 12px;\n  padding-left: 32px;\n  display: flex;\n  align-items: center;\n}\n\n.title-section > .view-network-button {\n  padding: 6px 0 0 16px;\n}\n\n.security-origin-view .origin-display .security-property {\n  display: inline-block;\n  vertical-align: middle;\n  position: absolute;\n  left: 13px;\n}\n\n.security-origin-view .origin-view-section-title {\n  margin-top: 4px;\n  margin-bottom: 4px;\n  font-weight: bold;\n}\n\n.security-origin-view .details-table-row {\n  display: flex;\n  white-space: nowrap;\n  overflow: hidden;\n  line-height: 22px;\n}\n\n.security-origin-view .details-table-row > div {\n  align-items: flex-start;\n}\n\n.security-origin-view .details-table-row > div:first-child {\n  color: rgb(140 140 140);\n  width: 110px;\n  margin-right: 1em;\n  flex: none;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.security-origin-view .details-table-row > div:nth-child(2) {\n  flex: auto;\n  white-space: normal;\n}\n\n.security-origin-view .sct-details .details-table .details-table-row:last-child div:last-child {\n  border-bottom: 1px solid rgb(230 230 230);\n  padding-bottom: 10px;\n}\n\n.security-origin-view .sct-details .details-table:last-child .details-table-row:last-child div:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.security-origin-view .details-toggle {\n  margin-left: 126px;\n}\n\n.security-origin-view .sct-toggle {\n  margin-left: 145px;\n  padding-top: 5px;\n}\n\n.security-origin-view .details-table .empty-san {\n  color: rgb(140 140 140);\n}\n\n.security-origin-view .details-table .san-entry {\n  display: block;\n}\n\n.security-origin-view .truncated-san .truncated-entry {\n  display: none;\n}\n\n.origin-button {\n  margin-top: 4px;\n  margin-left: 0;\n}\n\n.origin-view-section:last-child {\n  border-bottom: none;\n}\n\n.devtools-link {\n  display: inline-flex;\n}\n\n/*# sourceURL=security/originView.css */");RootModule.Runtime.cachedResources.set("security/sidebar.css","/* Copyright (c) 2015 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.tree-outline {\n  padding: 0;\n}\n\n.tree-outline li {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 2px 5px;\n  overflow: hidden;\n  margin: 2px 0;\n  border-top: 1px solid transparent;\n  white-space: nowrap;\n}\n\n.tree-outline .lock-icon,\n.tree-outline .security-property {\n  margin-right: 4px;\n  flex: none;\n}\n\n.tree-outline li.selected:focus .lock-icon,\n.tree-outline .security-sidebar-tree-item.selected:focus .icon {\n  background-color: var(--selection-fg-color);\n}\n\n@media (forced-colors: active) {\n  .tree-outline .lock-icon,\n  .tree-outline .security-property {\n    forced-color-adjust: none;\n  }\n\n  .tree-outline li.selected:focus .lock-icon,\n  .tree-outline .security-sidebar-tree-item.selected:focus .icon {\n    background-color: HighlightText;\n  }\n}\n\n.tree-outline .security-main-view-sidebar-tree-item {\n  border-bottom: 1px solid rgb(230 230 230);\n  padding: 16px 0;\n}\n\n.tree-outline li.security-sidebar-origins {\n  padding: 1px 8px 1px 13px;\n  margin-top: 1em;\n  margin-bottom: 0.5em;\n  color: rgb(90 90 90);\n  border-top: none;\n  line-height: 16px;\n  text-shadow: rgb(255 255 255 / 75%) 0 1px 0;\n}\n\n.tree-outline ol {\n  padding-left: 0;\n}\n\n.tree-outline li::before {\n  content: none;\n}\n\n.tree-outline .security-main-view-sidebar-tree-item,\n.tree-outline .security-sidebar-origins,\n.tree-outline li.security-sidebar-origins + .children > li {\n  padding-left: 16px;\n}\n\n.security-sidebar-tree-item {\n  padding: 2px 0;\n}\n\n.security-sidebar-tree-item .title {\n  overflow: hidden;\n  margin-right: 5px;\n}\n\n.security-main-view-reload-message .tree-element-title {\n  color: rgb(0 0 0 / 60%);\n  padding-left: 8px;\n}\n\n/*# sourceURL=security/sidebar.css */");

package/static/devtools/security_test_runner/security_test_runner.js

@@ -0,0 +1,32 @@
+// 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.SecurityTestRunner = self.SecurityTestRunner || {};
+
+SecurityTestRunner.dumpSecurityPanelSidebarOrigins = function() {
+  for (const key in Security.SecurityPanelSidebarTree.OriginGroup) {
+    const originGroup = Security.SecurityPanelSidebarTree.OriginGroup[key];
+    const element = Security.SecurityPanel._instance()._sidebarTree._originGroups.get(originGroup);
+
+    if (element.hidden) {
+      continue;
+    }
+
+    TestRunner.addResult('Group: ' + element.title);
+    const originTitles = element.childrenListElement.getElementsByTagName('span');
+
+    for (const originTitle of originTitles) {
+      if (originTitle.className !== 'tree-element-title') {
+        TestRunner.dumpDeepInnerHTML(originTitle);
+      }
+    }
+  }
+};
+
+SecurityTestRunner.dispatchRequestFinished = function(request) {
+  TestRunner.networkManager.dispatchEventToListeners(SDK.NetworkManager.Events.RequestFinished, request);
+};

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

@@ -0,0 +1 @@
+import{ServiceManager as e,serviceManager as r}from"./services.js";self.Services=self.Services||{},Services=Services||{},Services.ServiceManager=e.ServiceManager,Services.ServiceManager.Service=e.Service,Services.serviceManager=r;

package/static/devtools/services/services.js

@@ -0,0 +1 @@
+import{InspectorFrontendHost as e}from"../host/host.js";import{Runtime as s}from"../root/root.js";class t{createRemoteService(e){if(!this._remoteConnection){const e=s.Runtime.queryParam("service-backend");if(!e)return console.error("No endpoint address specified"),Promise.resolve(null);this._remoteConnection=new o(new r(e))}return this._remoteConnection._createService(e)}createAppService(t,i){let r=t+".js";const c=s.Runtime.queryParam("remoteBase"),a=s.Runtime.queryParam("debugFrontend"),h=e.isUnderTest(),_=[];c&&_.push("remoteBase="+c),a&&_.push("debugFrontend="+a),h&&_.push("isUnderTest=true"),_.length&&(r+="?"+_.join("&"));const l=new Worker(r,{type:"module"});return new o(new n(l))._createService(i)}}class o{constructor(e){this._port=e,this._port.setHandlers(this._onMessage.bind(this),this._connectionClosed.bind(this)),this._lastId=1,this._callbacks=new Map,this._services=new Map}_createService(e){return this._sendCommand(e+".create").then((s=>{if(!s)return console.error("Could not initialize service: "+e),null;const t=new i(this,e,s.id);return this._services.set(e+":"+s.id,t),t}))}_serviceDisposed(e){this._services.delete(e._serviceName+":"+e._objectId),this._services.size||this._port.close()}_sendCommand(e,s){const t=this._lastId++,o=JSON.stringify({id:t,method:e,params:s||{}});return this._port.send(o).then((e=>e?new Promise((e=>this._callbacks.set(t,e))):Promise.resolve(null)))}_onMessage(e){let s;try{s=JSON.parse(e)}catch(e){return void console.error(e)}if(s.id){s.error&&console.error("Service error: "+s.error);const e=this._callbacks.get(s.id);return void(e&&(e(s.error?null:s.result),this._callbacks.delete(s.id)))}const t=s.method.split("."),o=t[0],i=t[1],r=this._services.get(o+":"+s.params.id);r?r._dispatchNotification(i,s.params):console.error("Unable to lookup stub for "+o+":"+s.params.id)}_connectionClosed(){for(const e of this._callbacks.values())e(null);this._callbacks.clear();for(const e of this._services.values())e._dispatchNotification("disposed");this._services.clear()}}class i{constructor(e,s,t){this._connection=e,this._serviceName=s,this._objectId=t,this._notificationHandlers=new Map}dispose(){const e={id:this._objectId};return this._connection._sendCommand(this._serviceName+".dispose",e).then((()=>{this._connection._serviceDisposed(this)}))}on(e,s){this._notificationHandlers.set(e,s)}send(e,s){return(s=s||{}).id=this._objectId,this._connection._sendCommand(this._serviceName+"."+e,s)}_dispatchNotification(e,s){const t=this._notificationHandlers.get(e);t?t(s):console.error("Could not report notification '"+e+"' on '"+this._objectId+"'")}}class r{constructor(e){this._url=e,this._socket}setHandlers(e,s){this._messageHandler=e,this._closeHandler=s}_open(){return this._connectionPromise||(this._connectionPromise=new Promise(function(e){let s;try{s=new WebSocket(this._url),s.onmessage=o.bind(this),s.onclose=i.bind(this),s.onopen=t.bind(this)}catch(s){e(!1)}function t(){this._socket=s,e(!0)}function o(e){this._messageHandler&&this._messageHandler(e.data)}function i(){this._socket||e(!1),this._socketClosed(Boolean(this._socket))}}.bind(this))),this._connectionPromise}send(e){return this._open().then((()=>!!this._socket&&(this._socket.send(e),!0)))}close(){return this._open().then((()=>(this._socket&&(this._socket.close(),this._socketClosed(!0)),!0)))}_socketClosed(e){this._socket=null,delete this._connectionPromise,e&&this._closeHandler&&this._closeHandler()}}class n{constructor(e){let s;this._worker=e,this._workerPromise=new Promise((e=>{s=e})),this._worker.onmessage=function(e){if("workerReady"===e.data)return void s(!0);this._messageHandler&&this._messageHandler(e.data)}.bind(this)}setHandlers(e,s){this._messageHandler=e,this._closeHandler=s}send(e){return this._workerPromise.then((()=>{try{return this._worker.postMessage(e),!0}catch(e){return!1}}))}close(){return this._workerPromise.then((()=>(this._worker&&this._worker.terminate(),!1)))}}var c=Object.freeze({__proto__:null,ServiceManager:t,Connection:o,Service:i,RemoteServicePort:r,WorkerServicePort:n});const a=new t;export{c as ServiceManager,a as serviceManager};

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

@@ -0,0 +1 @@
+import{FrameworkIgnoreListSettingsTab as e,SettingsScreen as t,KeybindsSettingsTab as n}from"./settings.js";self.Settings=self.Settings||{},Settings=Settings||{},Settings.FrameworkIgnoreListSettingsTab=e.FrameworkIgnoreListSettingsTab,Settings.SettingsScreen=t.SettingsScreen,Settings.SettingsScreen.ActionDelegate=t.ActionDelegate,Settings.SettingsScreen.Revealer=t.Revealer,Settings.GenericSettingsTab=t.GenericSettingsTab,Settings.ExperimentsSettingsTab=t.ExperimentsSettingsTab,Settings.KeybindsSettingsTab=n.KeybindsSettingsTab;

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

@@ -0,0 +1 @@
+import{i18n as e}from"../i18n/i18n.js";import{Runtime as t}from"../root/root.js";import{ViewManager as i}from"../ui/ui.js";const s={shortcuts:"Shortcuts",preferences:"Preferences",experiments:"Experiments",ignoreList:"Ignore List",showShortcuts:"Show Shortcuts",showPreferences:"Show Preferences",showExperiments:"Show Experiments",showIgnoreList:"Show Ignore List"},n=e.registerUIStrings("settings/settings-meta.ts",s),r=e.getLazilyComputedLocalizedString.bind(void 0,n);let o;async function a(){return o||(await t.Runtime.instance().loadModulePromise("settings"),o=await import("./settings.js")),o}i.registerViewExtension({location:"settings-view",id:"preferences",title:r(s.preferences),commandPrompt:r(s.showPreferences),order:0,loadView:async()=>(await a()).SettingsScreen.GenericSettingsTab.instance()}),i.registerViewExtension({location:"settings-view",id:"experiments",title:r(s.experiments),commandPrompt:r(s.showExperiments),order:3,experiment:t.ExperimentName.ALL,loadView:async()=>(await a()).SettingsScreen.ExperimentsSettingsTab.instance()}),i.registerViewExtension({location:"settings-view",id:"blackbox",title:r(s.ignoreList),commandPrompt:r(s.showIgnoreList),order:4,loadView:async()=>(await a()).FrameworkIgnoreListSettingsTab.FrameworkIgnoreListSettingsTab.instance()}),i.registerViewExtension({location:"settings-view",id:"keybinds",title:r(s.shortcuts),commandPrompt:r(s.showShortcuts),order:100,loadView:async()=>(await a()).KeybindsSettingsTab.KeybindsSettingsTab.instance()});export{s as UIStrings};

package/static/devtools/settings/settings.js

@@ -0,0 +1 @@
+import{Settings as t}from"../common/common.js";import{Reload as e}from"../components/components.js";import{userMetrics as s,InspectorFrontendHost as i,UserMetrics as n}from"../host/host.js";import{i18n as r}from"../i18n/i18n.js";import{ls as o}from"../platform/platform.js";import{Runtime as a}from"../root/root.js";import{Widget as c,Utils as d,ARIAUtils as l,ViewManager as h,Toolbar as u,TabbedPane as g,Dialog as m,GlassPane as p,UIUtils as b,SettingsUI as _,InspectorView as S,Tooltip as f,ListWidget as y,ListModel as v,ListControl as E,ShortcutRegistry as C,KeyboardShortcut as T,ActionRegistry as I,Icon as k}from"../ui/ui.js";const w={settings:"Settings",shortcuts:"Shortcuts",preferences:"Preferences",restoreDefaultsAndReload:"Restore defaults and reload",experiments:"Experiments",theseExperimentsCouldBeUnstable:"These experiments could be unstable or unreliable and may require you to restart DevTools.",theseExperimentsAreParticularly:"These experiments are particularly unstable. Enable at your own risk.",warning:"WARNING:",oneOrMoreSettingsHaveChanged:"One or more settings have changed which requires a reload to take effect."},x=r.registerUIStrings("settings/SettingsScreen.ts",w),L=r.getLocalizedString.bind(void 0,x);let A,R,F;class P extends c.VBox{constructor(){super(!0),this.registerRequiredCSS("settings/settingsScreen.css",{enableLegacyPatching:!0}),this.contentElement.classList.add("settings-window-main"),this.contentElement.classList.add("vbox");const t=document.createElement("div"),e=d.createShadowRootWithCoreStyles(t,{cssFile:"settings/settingsScreen.css",enableLegacyPatching:!0,delegatesFocus:void 0}).createChild("div","settings-window-title");l.markAsHeading(e,1),e.textContent=L(w.settings),this._tabbedLocation=h.ViewManager.instance().createTabbedLocation((()=>P._revealSettingsScreen()),"settings-view");const s=this._tabbedLocation.tabbedPane();s.leftToolbar().appendToolbarItem(new u.ToolbarItem(t)),s.setShrinkableTabs(!1),s.makeVerticalTabLayout();const i=h.ViewManager.instance().view("keybinds");i&&i.widget().then((t=>{this._keybindsTab=t})),s.show(this.contentElement),s.selectTab("preferences"),s.addEventListener(g.Events.TabInvoked,this._tabInvoked,this),this._reportTabOnReveal=!1}static instance(t={forceNew:null}){const{forceNew:e}=t;return A&&!e||(A=new P),A}static _revealSettingsScreen(){const t=P.instance();if(t.isShowing())return t;t._reportTabOnReveal=!0;const e=new m.Dialog;return e.contentElement.tabIndex=-1,e.addCloseButton(),e.setOutsideClickCallback((()=>{})),e.setPointerEventsBehavior(p.PointerEventsBehavior.PierceGlassPane),e.setOutsideTabIndexBehavior(m.OutsideTabIndexBehavior.PreserveMainViewTabIndex),t.show(e.contentElement),e.setEscapeKeyCallback(t._onEscapeKeyPressed.bind(t)),e.show(),t}static async _showSettingsScreen(t={name:void 0,focusTabHeader:void 0}){const{name:e,focusTabHeader:s}=t,i=P._revealSettingsScreen();i._selectTab(e||"preferences");const n=i._tabbedLocation.tabbedPane();await n.waitForTabElementUpdate(),s?n.focusSelectedTabHeader():n.focus()}resolveLocation(t){return this._tabbedLocation}_selectTab(t){this._tabbedLocation.tabbedPane().selectTab(t,!0)}_tabInvoked(t){const e=t.data;if(!e.isUserGesture)return;const s=e.prevTabId,i=e.tabId;!this._reportTabOnReveal&&s&&s===i||(this._reportTabOnReveal=!1,this._reportSettingsPanelShown(i))}_reportSettingsPanelShown(t){t!==L(w.shortcuts)?s.settingsPanelShown(t):s.settingsPanelShown("shortcuts")}_onEscapeKeyPressed(t){"keybinds"===this._tabbedLocation.tabbedPane().selectedTabId&&this._keybindsTab&&this._keybindsTab.onEscapeKeyPressed(t)}}class N extends c.VBox{constructor(t,e){super(),this.element.classList.add("settings-tab-container"),e&&(this.element.id=e);const s=this.element.createChild("header");b.createTextChild(s.createChild("h1"),t),this.containerElement=this.element.createChild("div","settings-container-wrapper").createChild("div","settings-tab settings-content settings-container")}_appendSection(t){const e=this.containerElement.createChild("div","settings-block");if(t){l.markAsGroup(e);const s=e.createChild("div","settings-section-title");s.textContent=t,l.markAsHeading(s,2),l.setAccessibleName(e,t)}return e}}class B extends N{constructor(){super(L(w.preferences),"preferences-tab-content");const s=["","Appearance","Sources","Elements","Network","Performance","Console","Extensions","Persistence","Debugger","Global"];this._nameToSection=new Map;for(const t of s)this._createSectionElement(t);const i=[...a.Runtime.instance().extensions("setting").map((t=>{const e=t.descriptor().category;return{category:e?o(e):void 0,settingName:t.descriptor().settingName,title:t.title(),order:t.descriptor().order,settingType:t.descriptor().settingType||"",defaultValue:t.descriptor().defaultValue}})),...t.getRegisteredSettings().map((t=>{const e=t.titleMac&&t.titleMac(),s=t.title&&t.title(),{category:i,settingName:n,order:r,settingType:o,defaultValue:a}=t;return{category:i||void 0,settingName:n,title:e||s,order:r||void 0,settingType:o,defaultValue:a}}))];i.sort(((t,e)=>t.order&&e.order?t.order-e.order:0)),i.forEach(this._addSetting.bind(this)),a.Runtime.instance().extensions(_.SettingUI).forEach(this._addSettingUI.bind(this)),this._appendSection().appendChild(b.createTextButton(L(w.restoreDefaultsAndReload),(function(){t.Settings.instance().clearAll(),e.reload()})))}static instance(t={forceNew:null}){const{forceNew:e}=t;return R&&!e||(R=new B),R}static isSettingVisible(t){return Boolean(t.title&&t.category)}_addSetting(e){if(!B.isSettingVisible(e))return;const s=e.category;if(!s)return;const i=this._sectionElement(s);if(!i)return;const n=t.Settings.instance().moduleSetting(e.settingName),r=_.createControlForSetting(n);r&&i.appendChild(r)}_addSettingUI(t){const e=t.descriptor().category||"";t.instance().then(function(t){const s=t.settingElement();if(s){let t=this._sectionElement(e);t||(t=this._createSectionElement(e)),t.appendChild(s)}}.bind(this))}_createSectionElement(t){const e=t&&L(t),s=this._appendSection(e);return this._nameToSection.set(t,s),s}_sectionElement(t){return this._nameToSection.get(t)||null}}class K extends N{constructor(){super(L(w.experiments),"experiments-tab-content");const t=a.experiments.allConfigurableExperiments().sort(),e=t.filter((t=>t.unstable)),s=t.filter((t=>!t.unstable));if(s.length){const t=this._appendSection(),e=L(w.theseExperimentsCouldBeUnstable);t.appendChild(this._createExperimentsWarningSubsection(e));for(const e of s)t.appendChild(this._createExperimentCheckbox(e))}if(e.length){const t=this._appendSection(),s=L(w.theseExperimentsAreParticularly);t.appendChild(this._createExperimentsWarningSubsection(s));for(const s of e)"blackboxJSFramesOnTimeline"!==s.name&&t.appendChild(this._createExperimentCheckbox(s))}}static instance(t={forceNew:null}){const{forceNew:e}=t;return F&&!e||(F=new K),F}_createExperimentsWarningSubsection(t){const e=document.createElement("div");e.createChild("span","settings-experiments-warning-subsection-warning").textContent=L(w.warning),b.createTextChild(e," ");return e.createChild("span","settings-experiments-warning-subsection-message").textContent=t,e}_createExperimentCheckbox(t){const e=b.CheckboxLabel.create(L(t.title),t.isEnabled()),i=e.checkboxElement;i.name=t.name,i.addEventListener("click",(function(){t.setEnabled(i.checked),"ignoreListJSFramesOnTimeline"===t.name&&a.experiments.setEnabled("blackboxJSFramesOnTimeline",i.checked),s.experimentChanged(t.name,t.isEnabled()),S.InspectorView.instance().displayReloadRequiredWarning(L(w.oneOrMoreSettingsHaveChanged))}),!1);const n=document.createElement("p");return n.className=t.unstable&&!t.isEnabled()?"settings-experiment-unstable":"",n.appendChild(e),n}}var M=Object.freeze({__proto__:null,UIStrings:w,SettingsScreen:P,GenericSettingsTab:B,ExperimentsSettingsTab:K,ActionDelegate:class{handleAction(t,e){switch(e){case"settings.show":return P._showSettingsScreen({focusTabHeader:!0}),!0;case"settings.documentation":return i.InspectorFrontendHostInstance.openInNewTab(b.addReferrerToURL("https://developers.google.com/web/tools/chrome-devtools/")),!0;case"settings.shortcuts":return P._showSettingsScreen({name:"keybinds",focusTabHeader:!0}),!0}return!1}},Revealer:class{reveal(e){console.assert(e instanceof t.Setting);const s=e;let n=!1;[...a.Runtime.instance().extensions("setting").map((t=>{const e=t.descriptor().category;return{category:e?o(e):void 0,settingName:t.descriptor().settingName,title:t.title(),order:t.descriptor().order,settingType:t.descriptor().settingType||"",defaultValue:t.descriptor().defaultValue}})),...t.getRegisteredSettings().map((t=>{const e=t.titleMac&&t.titleMac(),s=t.title&&t.title(),{category:i,settingName:n,order:r,settingType:o,defaultValue:a}=t;return{category:i||void 0,settingName:n,title:e||s,order:r||void 0,settingType:o,defaultValue:a}}))].forEach((function(t){if(!B.isSettingVisible(t))return;t.settingName===s.name&&(i.InspectorFrontendHostInstance.bringToFront(),P._showSettingsScreen(),n=!0)})),a.Runtime.instance().extensions(_.SettingUI).forEach((function(t){const e=t.descriptor().settings;e&&-1!==e.indexOf(s.name)&&(i.InspectorFrontendHostInstance.bringToFront(),P._showSettingsScreen(),n=!0)}));for(const t of h.getRegisteredViewExtensions()){const e=t.viewId();if("settings-view"!==t.location())continue;const r=t.settings();r&&-1!==r.indexOf(s.name)&&(i.InspectorFrontendHostInstance.bringToFront(),P._showSettingsScreen({name:e}),n=!0)}return n?Promise.resolve():Promise.reject()}}});const D={frameworkIgnoreList:"Framework Ignore List",debuggerWillSkipThroughThe:"Debugger will skip through the scripts and will not stop on exceptions thrown by them.",ignoreListContentScripts:"Add content scripts to ignore list",ignoreListContentScriptsExtension:"Add content scripts to ignore list (extension scripts in the page)",ignoreList:"Ignore List",disabled:"Disabled",noIgnoreListPatterns:"No ignore list patterns",addPattern:"Add pattern...",addFilenamePattern:"Add filename pattern",ignoreScriptsWhoseNamesMatchS:"Ignore scripts whose names match '{PH1}'",pattern:"Pattern",behavior:"Behavior",patternCannotBeEmpty:"Pattern cannot be empty",patternAlreadyExists:"Pattern already exists",patternMustBeAValidRegular:"Pattern must be a valid regular expression"},U=r.registerUIStrings("settings/FrameworkIgnoreListSettingsTab.ts",D),O=r.getLocalizedString.bind(void 0,U);let V;class H extends c.VBox{constructor(){super(!0),this.registerRequiredCSS("settings/frameworkIgnoreListSettingsTab.css",{enableLegacyPatching:!0});const e=this.contentElement.createChild("div","header");e.textContent=O(D.frameworkIgnoreList),l.markAsHeading(e,1),this.contentElement.createChild("div","intro").textContent=O(D.debuggerWillSkipThroughThe);const s=this.contentElement.createChild("div","ignore-list-content-scripts");s.appendChild(_.createSettingCheckbox(O(D.ignoreListContentScripts),t.Settings.instance().moduleSetting("skipContentScripts"),!0)),f.Tooltip.install(s,O(D.ignoreListContentScriptsExtension)),this._ignoreListLabel=O(D.ignoreList),this._disabledLabel=O(D.disabled),this._list=new y.ListWidget(this),this._list.element.classList.add("ignore-list"),this._list.registerRequiredCSS("settings/frameworkIgnoreListSettingsTab.css",{enableLegacyPatching:!0});const i=document.createElement("div");i.classList.add("ignore-list-empty"),i.textContent=O(D.noIgnoreListPatterns),this._list.setEmptyPlaceholder(i),this._list.show(this.contentElement);const n=b.createTextButton(O(D.addPattern),this._addButtonClicked.bind(this),"add-button");l.setAccessibleName(n,O(D.addFilenamePattern)),this.contentElement.appendChild(n),this._setting=t.Settings.instance().moduleSetting("skipStackFramesPattern"),this._setting.addChangeListener(this._settingUpdated,this),this.setDefaultFocusedElement(n)}static instance(t={forceNew:null}){const{forceNew:e}=t;return V&&!e||(V=new H),V}wasShown(){super.wasShown(),this._settingUpdated()}_settingUpdated(){this._list.clear();const t=this._setting.getAsArray();for(let e=0;e<t.length;++e)this._list.appendItem(t[e],!0)}_addButtonClicked(){this._list.addNewItem(this._setting.getAsArray().length,{pattern:"",disabled:!1})}renderItem(t,e){const s=document.createElement("div");s.classList.add("ignore-list-item");const i=s.createChild("div","ignore-list-pattern");return i.textContent=t.pattern,f.Tooltip.install(i,O(D.ignoreScriptsWhoseNamesMatchS,{PH1:t.pattern})),s.createChild("div","ignore-list-separator"),s.createChild("div","ignore-list-behavior").textContent=t.disabled?this._disabledLabel:this._ignoreListLabel,t.disabled&&s.classList.add("ignore-list-disabled"),s}removeItemRequested(t,e){const s=this._setting.getAsArray();s.splice(e,1),this._setting.setAsArray(s)}commitEdit(t,e,s){t.pattern=e.control("pattern").value.trim(),t.disabled=e.control("behavior").value===this._disabledLabel;const i=this._setting.getAsArray();s&&i.push(t),this._setting.setAsArray(i)}beginEdit(t){const e=this._createEditor();return e.control("pattern").value=t.pattern,e.control("behavior").value=t.disabled?this._disabledLabel:this._ignoreListLabel,e}_createEditor(){if(this._editor)return this._editor;const t=new y.Editor;this._editor=t;const e=t.contentElement(),s=e.createChild("div","ignore-list-edit-row");s.createChild("div","ignore-list-pattern").textContent=O(D.pattern),s.createChild("div","ignore-list-separator ignore-list-separator-invisible"),s.createChild("div","ignore-list-behavior").textContent=O(D.behavior);const i=e.createChild("div","ignore-list-edit-row"),n=t.createInput("pattern","text","/framework\\.js$",function(t,e,s){const i=s.value.trim(),n=this._setting.getAsArray();if(!i.length)return{valid:!1,errorMessage:O(D.patternCannotBeEmpty)};for(let t=0;t<n.length;++t)if(t!==e&&n[t].pattern===i)return{valid:!1,errorMessage:O(D.patternAlreadyExists)};let r;try{r=new RegExp(i)}catch(t){}if(!r)return{valid:!1,errorMessage:O(D.patternMustBeAValidRegular)};return{valid:!0,errorMessage:void 0}}.bind(this));l.setAccessibleName(n,O(D.pattern)),i.createChild("div","ignore-list-pattern").appendChild(n),i.createChild("div","ignore-list-separator ignore-list-separator-invisible");const r=t.createSelect("behavior",[this._ignoreListLabel,this._disabledLabel],(function(t,e,s){return{valid:!0,errorMessage:void 0}}));return l.setAccessibleName(r,O(D.behavior)),i.createChild("div","ignore-list-behavior").appendChild(r),t}}var j=Object.freeze({__proto__:null,UIStrings:D,FrameworkIgnoreListSettingsTab:H});const W={shortcuts:"Shortcuts",matchShortcutsFromPreset:"Match shortcuts from preset",keyboardShortcutsList:"Keyboard shortcuts list",shortcutModified:"Shortcut modified",noShortcutForAction:"No shortcut for action",addAShortcut:"Add a shortcut",confirmChanges:"Confirm changes",discardChanges:"Discard changes",removeShortcut:"Remove shortcut",editShortcut:"Edit shortcut",shortcutsCannotContainOnly:"Shortcuts cannot contain only modifier keys.",thisShortcutIsInUseByS:"This shortcut is in use by {PH1}: {PH2}.",RestoreDefaultShortcuts:"Restore default shortcuts",FullListOfDevtoolsKeyboard:"Full list of DevTools keyboard shortcuts and gestures",ResetShortcutsForAction:"Reset shortcuts for action"},q=r.registerUIStrings("settings/KeybindsSettingsTab.ts",W),z=r.getLocalizedString.bind(void 0,q);let G;class J extends c.VBox{constructor(){super(!0),this.registerRequiredCSS("settings/keybindsSettingsTab.css",{enableLegacyPatching:!0});this.contentElement.createChild("header").createChild("h1").textContent=z(W.shortcuts);const e=t.Settings.instance().moduleSetting("activeKeybindSet"),s=t.Settings.instance().moduleSetting("userShortcuts");s.addChangeListener(this.update,this),e.addChangeListener(this.update,this);const i=_.createControlForSetting(e,z(W.matchShortcutsFromPreset));i&&(i.classList.add("keybinds-set-select"),this.contentElement.appendChild(i)),this._items=new v.ListModel,this._list=new E.ListControl(this._items,this,E.ListMode.NonViewport),this._items.replaceAll(this._createListItems()),l.markAsList(this._list.element),this.registerRequiredCSS("settings/keybindsSettingsTab.css",{enableLegacyPatching:!0}),this.contentElement.appendChild(this._list.element),l.setAccessibleName(this._list.element,z(W.keyboardShortcutsList));const n=this.contentElement.createChild("div");n.classList.add("keybinds-footer");const r=b.createDocumentationLink("iterate/inspect-styles/shortcuts",z(W.FullListOfDevtoolsKeyboard));r.classList.add("docs-link"),n.appendChild(r),n.appendChild(b.createTextButton(z(W.RestoreDefaultShortcuts),(()=>{s.set([]),e.set(C.DefaultShortcutSetting)}))),this._editingItem=null,this._editingRow=null,this.update()}static instance(t={forceNew:null}){const{forceNew:e}=t;return G&&!e||(G=new J),G}createElementForItem(t){let e=document.createElement("div");if("string"==typeof t)l.setLevel(e,1),e.classList.add("keybinds-category-header"),e.textContent=t;else{const s=new $(t,this,t===this._editingItem);e=s.element,l.setLevel(e,2),t===this._editingItem&&(this._editingRow=s)}return e.classList.add("keybinds-list-item"),l.markAsListitem(e),e.tabIndex=t===this._list.selectedItem()&&t!==this._editingItem?0:-1,e}commitChanges(t,e){for(const[t,i]of e)t.type!==T.Type.UnsetShortcut&&(C.ShortcutRegistry.instance().removeShortcut(t),i||s.actionTaken(n.Action.ShortcutRemoved)),i&&(C.ShortcutRegistry.instance().registerUserShortcut(t.changeKeys(i).changeType(T.Type.UserShortcut)),t.type===T.Type.UnsetShortcut?s.actionTaken(n.Action.UserShortcutAdded):s.actionTaken(n.Action.ShortcutModified));this.stopEditing(t)}heightForItem(t){return 0}isItemSelectable(t){return!0}selectedItemChanged(t,e,s,i){s&&(s.tabIndex=-1),i&&(e===this._editingItem&&this._editingRow?this._editingRow.focus():(i.tabIndex=0,this._list.element.hasFocus()&&i.focus()),this.setDefaultFocusedElement(i))}updateSelectedItemARIA(t,e){return!0}startEditing(t){this._editingItem&&this.stopEditing(this._editingItem),b.markBeingEdited(this._list.element,!0),this._editingItem=t,this._list.refreshItem(t)}stopEditing(t){b.markBeingEdited(this._list.element,!1),this._editingItem=null,this._editingRow=null,this._list.refreshItem(t),this.focus()}_createListItems(){const t=I.ActionRegistry.instance().actions().sort(((t,e)=>t.category()<e.category()?-1:t.category()>e.category()?1:t.id()<e.id()?-1:t.id()>e.id()?1:0)),e=[];let s;return t.forEach((t=>{s!==t.category()&&e.push(t.category()),e.push(t),s=t.category()})),e}onEscapeKeyPressed(t){const e=document.deepActiveElement();this._editingRow&&e&&"INPUT"===e.nodeName&&this._editingRow.onEscapeKeyPressed(t)}update(){this._editingItem&&this.stopEditing(this._editingItem),this._list.refreshAllItems(),this._list.selectedItem()||this._list.selectItem(this._items.at(0))}willHide(){this._editingItem&&this.stopEditing(this._editingItem)}}class ${constructor(t,e,s){this._isEditing=Boolean(s),this._settingsTab=e,this._item=t,this.element=document.createElement("div"),this._editedShortcuts=new Map,this._shortcutInputs=new Map,this._shortcuts=C.ShortcutRegistry.instance().shortcutsForAction(t.id()),this._elementToFocus=null,this._confirmButton=null,this._addShortcutLinkContainer=null,this._errorMessageElement=null,this._secondKeyTimeout=null,this._update()}focus(){this._elementToFocus&&this._elementToFocus.focus()}_update(){this.element.removeChildren(),this._elementToFocus=null,this._shortcutInputs.clear(),this.element.classList.toggle("keybinds-editing",this._isEditing),this.element.createChild("div","keybinds-action-name keybinds-list-text").textContent=this._item.title(),this._shortcuts.forEach(this._createShortcutRow,this),0===this._shortcuts.length&&this._createEmptyInfo(),this._isEditing&&this._setupEditor()}_createEmptyInfo(){if(C.ShortcutRegistry.instance().actionHasDefaultShortcut(this._item.id())){const t=k.Icon.create("largeicon-shortcut-changed","keybinds-modified");l.setAccessibleName(t,z(W.shortcutModified)),this.element.appendChild(t)}if(!this._isEditing){const t=this.element.createChild("div","keybinds-shortcut keybinds-list-text");l.setAccessibleName(t,z(W.noShortcutForAction)),a.experiments.isEnabled("keyboardShortcutEditor")&&this.element.appendChild(this._createEditButton())}}_setupEditor(){this._addShortcutLinkContainer=this.element.createChild("div","keybinds-shortcut devtools-link");const t=this._addShortcutLinkContainer.createChild("span","devtools-link");t.textContent=z(W.addAShortcut),t.tabIndex=0,l.markAsLink(t),self.onInvokeElement(t,this._addShortcut.bind(this)),this._elementToFocus||(this._elementToFocus=t),this._errorMessageElement=this.element.createChild("div","keybinds-info keybinds-error hidden"),l.markAsAlert(this._errorMessageElement),this.element.appendChild(this._createIconButton(z(W.ResetShortcutsForAction),"largeicon-undo","",this._resetShortcutsToDefaults.bind(this))),this._confirmButton=this._createIconButton(z(W.confirmChanges),"largeicon-checkmark","keybinds-confirm-button",(()=>this._settingsTab.commitChanges(this._item,this._editedShortcuts))),this.element.appendChild(this._confirmButton),this.element.appendChild(this._createIconButton(z(W.discardChanges),"largeicon-delete","keybinds-cancel-button",(()=>this._settingsTab.stopEditing(this._item)))),this.element.addEventListener("keydown",(t=>{isEscKey(t)&&(this._settingsTab.stopEditing(this._item),t.consume(!0))}))}_addShortcut(){const t=new T.KeyboardShortcut([],this._item.id(),T.Type.UnsetShortcut);this._shortcuts.push(t),this._update();const e=this._shortcutInputs.get(t);e&&e.focus()}_createShortcutRow(t,e){if(this._editedShortcuts.has(t)&&!this._editedShortcuts.get(t))return;let s;t.type===T.Type.UnsetShortcut||t.isDefault()||(s=k.Icon.create("largeicon-shortcut-changed","keybinds-modified"),l.setAccessibleName(s,z(W.shortcutModified)),this.element.appendChild(s));const i=this.element.createChild("div","keybinds-shortcut keybinds-list-text");if(this._isEditing){const e=i.createChild("input","harmony-input");e.spellcheck=!1,this._shortcutInputs.set(t,e),this._elementToFocus||(this._elementToFocus=e),e.value=t.title();const s=this._editedShortcuts.get(t);s&&(e.value=this._shortcutInputTextForDescriptors(s)),e.addEventListener("keydown",this._onShortcutInputKeyDown.bind(this,t,e)),e.addEventListener("blur",(()=>{null!==this._secondKeyTimeout&&(clearTimeout(this._secondKeyTimeout),this._secondKeyTimeout=null)})),i.appendChild(this._createIconButton(z(W.removeShortcut),"largeicon-trash-bin","keybinds-delete-button",(()=>{const e=this._shortcuts.indexOf(t);t.isDefault()||this._shortcuts.splice(e,1),this._editedShortcuts.set(t,null),this._update(),this.focus(),this._validateInputs()})))}else{t.descriptors.flatMap((t=>t.name.split(" + "))).forEach((t=>{i.createChild("span","keybinds-key").textContent=t})),a.experiments.isEnabled("keyboardShortcutEditor")&&0===e&&this.element.appendChild(this._createEditButton())}}_createEditButton(){return this._createIconButton(z(W.editShortcut),"largeicon-edit","keybinds-edit-button",(()=>this._settingsTab.startEditing(this._item)))}_createIconButton(t,e,s,i){const n=document.createElement("button");return n.appendChild(k.Icon.create(e)),n.addEventListener("click",i),l.setAccessibleName(n,t),s&&n.classList.add(s),n}_onShortcutInputKeyDown(t,e,s){if("Tab"!==s.key){const i=this._descriptorForEvent(s),n=this._editedShortcuts.get(t)||[];this._editedShortcuts.set(t,n);const r=2===n.length&&T.KeyboardShortcut.isModifier(n[1].key);2===n.length&&!r&&n.splice(0,2),this._secondKeyTimeout?(clearTimeout(this._secondKeyTimeout),this._secondKeyTimeout=null,n.push(i)):r?n[1]=i:T.KeyboardShortcut.isModifier(i.key)?n[0]=i:(n[0]=i,this._secondKeyTimeout=window.setTimeout((()=>{this._secondKeyTimeout=null}),C.KeyTimeout)),e.value=this._shortcutInputTextForDescriptors(n),this._validateInputs(),s.consume(!0)}}_descriptorForEvent(t){const e=T.KeyboardShortcut.makeKeyFromEvent(t),s=T.KeyboardShortcut.keyCodeAndModifiersFromKey(e),i=T.Keys[t.key]||T.KeyBindings[t.key];return T.KeyboardShortcut.makeDescriptor(i||t.key,s.modifiers)}_shortcutInputTextForDescriptors(t){return t.map((t=>t.name)).join(" ")}_resetShortcutsToDefaults(){this._editedShortcuts.clear();for(const t of this._shortcuts)if(t.type===T.Type.UnsetShortcut){const e=this._shortcuts.indexOf(t);this._shortcuts.splice(e,1)}else t.type===T.Type.UserShortcut&&this._editedShortcuts.set(t,null);C.ShortcutRegistry.instance().disabledDefaultsForAction(this._item.id()).forEach((t=>{this._shortcuts.push(t),this._editedShortcuts.set(t,t.descriptors)})),this._update(),this.focus()}onEscapeKeyPressed(t){const e=document.deepActiveElement();for(const[s,i]of this._shortcutInputs.entries())e===i&&this._onShortcutInputKeyDown(s,i,t)}_validateInputs(){const t=this._confirmButton,e=this._errorMessageElement;t&&e&&(t.disabled=!1,e.classList.add("hidden"),this._shortcutInputs.forEach(((s,i)=>{const n=this._editedShortcuts.get(i);if(!n)return;if(n.some((t=>T.KeyboardShortcut.isModifier(t.key))))return t.disabled=!0,s.classList.add("error-input"),l.setInvalid(s,!0),e.classList.remove("hidden"),void(e.textContent=z(W.shortcutsCannotContainOnly));const r=C.ShortcutRegistry.instance().actionsForDescriptors(n).filter((t=>t!==this._item.id()));if(r.length){t.disabled=!0,s.classList.add("error-input"),l.setInvalid(s,!0),e.classList.remove("hidden");const i=I.ActionRegistry.instance().action(r[0]);if(!i)return;const n=i.title(),o=i.category();e.textContent=z(W.thisShortcutIsInUseByS,{PH1:o,PH2:n})}else s.classList.remove("error-input"),l.setInvalid(s,!1)})))}}var Q=Object.freeze({__proto__:null,UIStrings:W,KeybindsSettingsTab:J,ShortcutListItem:$});export{j as FrameworkIgnoreListSettingsTab,Q as KeybindsSettingsTab,M as SettingsScreen};