Run prettier on the codebase

firefox-devtools · Sep 1, 2023 · 06fe83d · 06fe83d
1 parent 7d28aee
commit 06fe83d
Show file tree

Hide file tree

Showing 121 changed files with 309 additions and 284 deletions.
diff --git a/docs-developer/call-tree.md b/docs-developer/call-tree.md
@@ -67,9 +67,9 @@ One key point of the aggregation done in the call tree is that it's focused on w
 
 Imagine this simplified example of 3 samples of mixed C++, JavaScript Code (js), and JIT optimized JavaScript (JIT). The functions are all labeled as to their implementation.
 
-| Sample index | Sample's stack                                                                             |
-| ------------ | ------------------------------------------------------------------------------------------ |
-| 0            | `JS::RunScript [c++]  ➡  onLoad [js]  ➡  a [js]  ➡  b [js]`                                |
+| Sample index | Sample's stack                                                                                 |
+| ------------ | ---------------------------------------------------------------------------------------------- |
+| 0            | `JS::RunScript [c++]  ➡  onLoad [js]  ➡  a [js]  ➡  b [js]`                                 |
 | 1            | `JS::RunScript [c++]  ➡  onLoad [js]  ➡  js::jit::IonCannon [c++]  ➡  a [JIT]  ➡  b [JIT]` |
 | 2            | `JS::RunScript [c++]  ➡  onLoad [js]  ➡  js::jit::IonCannon [c++]  ➡  a [JIT]  ➡  b [JIT]` |
 
@@ -113,8 +113,8 @@ Now, taking the stacks and building a call tree produces the following:
 
 This is the correct tree of what you would want to see. But since we are mixing languages together into the same stack system, it might be nice to view only JS functions. In order to do that we hide any C++ stacks, and assign them to the nearest JS stack. Our tables would be updated to look like the following.
 
-| Sample index | Sample's stack                        |
-| ------------ | ------------------------------------- |
+| Sample index | Sample's stack                          |
+| ------------ | --------------------------------------- |
 | 0            | `onLoad [js]  ➡  a [js]  ➡  b [js]`   |
 | 1            | `onLoad [js]  ➡  a [JIT]  ➡  b [JIT]` |
 | 2            | `onLoad [js]  ➡  a [JIT]  ➡  b [JIT]` |

diff --git a/examples/canvas-drawing.html b/examples/canvas-drawing.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

diff --git a/examples/dom-mutation.html b/examples/dom-mutation.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

diff --git a/examples/index.html b/examples/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

diff --git a/examples/merge-sort.html b/examples/merge-sort.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

diff --git a/res/css/focus.css b/res/css/focus.css
@@ -17,12 +17,16 @@ input[type='image']:focus-visible,
 input[type='range']:focus-visible,
 select:focus-visible,
 button:focus-visible {
-  box-shadow: 0 0 0 1px var(--blue-50) inset, 0 0 0 1px var(--blue-50),
+  box-shadow:
+    0 0 0 1px var(--blue-50) inset,
+    0 0 0 1px var(--blue-50),
     0 0 0 4px var(--blue-50-a30);
   outline: 0;
 }
 
 a:focus-visible {
-  box-shadow: 0 0 0 2px var(--blue-50), 0 0 0 6px var(--blue-50-a30);
+  box-shadow:
+    0 0 0 2px var(--blue-50),
+    0 0 0 6px var(--blue-50-a30);
   outline: 0;
 }
diff --git a/res/css/photon/input.css b/res/css/photon/input.css
@@ -20,11 +20,15 @@
 .photon-input:focus-visible,
 .photon-input:focus-visible:invalid {
   border: 1px solid var(--blue-50);
-  box-shadow: 0 0 0 1px var(--blue-50), 0 0 0 4px var(--blue-50-a30);
+  box-shadow:
+    0 0 0 1px var(--blue-50),
+    0 0 0 4px var(--blue-50-a30);
   outline: 0;
 }
 
 .photon-input:invalid:not(:placeholder-shown) {
   border: 1px solid var(--red-60);
-  box-shadow: 0 0 0 1px var(--red-60), 0 0 0 4px var(--red-60-a30);
+  box-shadow:
+    0 0 0 1px var(--red-60),
+    0 0 0 4px var(--red-60-a30);
 }
diff --git a/res/index.html b/res/index.html
@@ -1,7 +1,7 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/res/photon/index.html b/res/photon/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" dir="ltr">
   <head>
     <meta charset="utf-8" />

diff --git a/src/actions/publish.js b/src/actions/publish.js
@@ -248,9 +248,8 @@ export function attemptToPublish(): ThunkAction<Promise<boolean>> {
       dispatch(uploadCompressionStarted(abortfunction));
 
       const sanitizedInformation = getSanitizedProfile(prePublishedState);
-      const gzipData: Uint8Array = await getSanitizedProfileData(
-        prePublishedState
-      );
+      const gzipData: Uint8Array =
+        await getSanitizedProfileData(prePublishedState);
 
       // The previous line was async, check to make sure that this request is still valid.
       // The upload could have been aborted while we were compressing the data.

diff --git a/src/actions/receive-profile.js b/src/actions/receive-profile.js
@@ -1022,9 +1022,8 @@ export function retrieveProfileFromBrowser(
           );
         },
       });
-      const unpackedProfile = await _unpackGeckoProfileFromBrowser(
-        rawGeckoProfile
-      );
+      const unpackedProfile =
+        await _unpackGeckoProfileFromBrowser(rawGeckoProfile);
       const profile = processGeckoProfile(unpackedProfile);
       await dispatch(loadProfile(profile, { browserConnection }, initialLoad));
     } catch (error) {
@@ -1337,9 +1336,8 @@ export function retrieveProfileOrZipFromUrl(
       switch (response.responseType) {
         case 'PROFILE': {
           const serializedProfile = response.profile;
-          const profile = await unserializeProfileOfArbitraryFormat(
-            serializedProfile
-          );
+          const profile =
+            await unserializeProfileOfArbitraryFormat(serializedProfile);
           if (profile === undefined) {
             throw new Error('Unable to parse the profile.');
           }

diff --git a/src/app-logic/uploaded-profiles-db.js b/src/app-logic/uploaded-profiles-db.js
@@ -153,7 +153,7 @@ export async function persistUploadedProfileInformationToDb(
  * This returns the list of all the stored data.
  */
 export async function listAllUploadedProfileInformationFromDb(): Promise<
-  UploadedProfileInformation[]
+  UploadedProfileInformation[],
 > {
   const db = await open();
   return db.getAllFromIndex(OBJECTSTORE_NAME, 'publishedDate');
@@ -195,9 +195,8 @@ export async function changeStoredProfileNameInDb(
   profileToken: string,
   profileName: string
 ): Promise<void> {
-  const storedProfile = await retrieveUploadedProfileInformationFromDb(
-    profileToken
-  );
+  const storedProfile =
+    await retrieveUploadedProfileInformationFromDb(profileToken);
   if (storedProfile && storedProfile.name !== profileName) {
     // We need to update the name, but also the urlPath. For this we'll convert
     // the old one to a state, and convert it back to a url string, so that

diff --git a/src/app-logic/url-handling.js b/src/app-logic/url-handling.js
@@ -232,13 +232,13 @@ type BaseQueryShape = $Shape<$ObjMap<BaseQuery, $MakeOptional>>;
 // Full profile view and active tab profile view query shapes are for also
 // typechecking during the query object initialization.
 type FullProfileSpecificBaseQueryShape = $Shape<
-  $ObjMap<FullProfileSpecificBaseQuery, $MakeOptional>
+  $ObjMap<FullProfileSpecificBaseQuery, $MakeOptional>,
 >;
 type ActiveTabProfileSpecificBaseQueryShape = $Shape<
-  $ObjMap<ActiveTabProfileSpecificBaseQuery, $MakeOptional>
+  $ObjMap<ActiveTabProfileSpecificBaseQuery, $MakeOptional>,
 >;
 type OriginsProfileSpecificBaseQueryShape = $Shape<
-  $ObjMap<OriginsProfileSpecificBaseQuery, $MakeOptional>
+  $ObjMap<OriginsProfileSpecificBaseQuery, $MakeOptional>,
 >;
 
 // Query shapes for individual query paths. These are needed for QueryShape union type.

diff --git a/src/app-logic/web-channel.js b/src/app-logic/web-channel.js
@@ -152,7 +152,7 @@ export async function getSymbolTableViaWebChannel(
 }
 
 export async function getProfileViaWebChannel(): Promise<
-  ArrayBuffer | MixedObject
+  ArrayBuffer | MixedObject,
 > {
   return _sendMessageWithResponse({
     type: 'GET_PROFILE',

diff --git a/src/components/app/AppLocalizationProvider.js b/src/components/app/AppLocalizationProvider.js
@@ -194,7 +194,7 @@ type ProviderDispatchProps = {|
 type ProviderProps = ConnectedProps<
   ProviderOwnProps,
   ProviderStateProps,
-  ProviderDispatchProps
+  ProviderDispatchProps,
 >;
 
 /**
@@ -257,7 +257,7 @@ class AppLocalizationProviderImpl extends React.PureComponent<ProviderProps> {
 export const AppLocalizationProvider = explicitConnect<
   ProviderOwnProps,
   ProviderStateProps,
-  ProviderDispatchProps
+  ProviderDispatchProps,
 >({
   mapStateToProps: (state) => ({
     localization: getLocalization(state),

diff --git a/src/components/app/AppViewRouter.js b/src/components/app/AppViewRouter.js
@@ -148,7 +148,7 @@ class AppViewRouterImpl extends PureComponent<AppViewRouterProps> {
 export const AppViewRouter = explicitConnect<
   {||},
   AppViewRouterStateProps,
-  {||}
+  {||},
 >({
   mapStateToProps: (state: State) => ({
     view: getView(state),

diff --git a/src/components/app/AssemblyCodeFetcher.js b/src/components/app/AssemblyCodeFetcher.js
@@ -129,7 +129,7 @@ class AssemblyCodeFetcherImpl extends React.PureComponent<Props> {
 export const AssemblyCodeFetcher = explicitConnect<
   {||},
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => ({
     assemblyViewNativeSymbol: getAssemblyViewNativeSymbol(state),

diff --git a/src/components/app/AssemblyViewToggleButton.js b/src/components/app/AssemblyViewToggleButton.js
@@ -74,7 +74,7 @@ class AssemblyViewToggleButtonImpl extends React.PureComponent<Props> {
 export const AssemblyViewToggleButton = explicitConnect<
   {||},
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => ({
     assemblyViewIsOpen: getAssemblyViewIsOpen(state),

diff --git a/src/components/app/CurrentProfileUploadedInformationLoader.js b/src/components/app/CurrentProfileUploadedInformationLoader.js
@@ -69,7 +69,7 @@ class CurrentProfileUploadedInformationLoaderImpl extends PureComponent<Props> {
 export const CurrentProfileUploadedInformationLoader = explicitConnect<
   {||},
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => ({
     hash: getHash(state),

diff --git a/src/components/app/DetailsContainer.js b/src/components/app/DetailsContainer.js
@@ -53,7 +53,7 @@ function DetailsContainerImpl({
 export const DetailsContainer = explicitConnect<
   {||},
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => ({
     selectedTab: getSelectedTab(state),

diff --git a/src/components/app/DragAndDrop.js b/src/components/app/DragAndDrop.js
@@ -226,7 +226,7 @@ type OverlayDispatchProps = {|
 type OverlayProps = ConnectedProps<
   OverlayOwnProps,
   OverlayStateProps,
-  OverlayDispatchProps
+  OverlayDispatchProps,
 >;
 
 /**
@@ -268,7 +268,7 @@ class DragAndDropOverlayImpl extends React.PureComponent<OverlayProps> {
 export const DragAndDropOverlay = explicitConnect<
   OverlayOwnProps,
   OverlayStateProps,
-  OverlayDispatchProps
+  OverlayDispatchProps,
 >({
   mapStateToProps: (state) => ({
     isDragging: getIsDragAndDropDragging(state),

diff --git a/src/components/app/Home.css b/src/components/app/Home.css
@@ -84,7 +84,8 @@
   line-height: 1.5;
   text-align: center;
   text-decoration: none;
-  transition: background-color 250ms var(--animation-curve),
+  transition:
+    background-color 250ms var(--animation-curve),
     color 250ms var(--animation-curve);
 }
 
@@ -179,7 +180,9 @@
   .homeTransition-enter.homeTransition-enter-active {
     opacity: 1;
     transform: translateX(0);
-    transition: opacity 300ms ease-out, transform 300ms ease-out;
+    transition:
+      opacity 300ms ease-out,
+      transform 300ms ease-out;
   }
 }
 

diff --git a/src/components/app/Home.js b/src/components/app/Home.js
@@ -52,7 +52,7 @@ type LoadFromUrlState = {
 
 class ActionButtons extends React.PureComponent<
   ActionButtonsProps,
-  ActionButtonsState
+  ActionButtonsState,
 > {
   _fileInput: HTMLInputElement | null;
 
@@ -129,7 +129,7 @@ class ActionButtons extends React.PureComponent<
 
 class LoadFromUrl extends React.PureComponent<
   LoadFromUrlProps,
-  LoadFromUrlState
+  LoadFromUrlState,
 > {
   state = {
     value: '',
@@ -211,7 +211,7 @@ type DispatchHomeProps = {|
 type HomeProps = ConnectedProps<
   OwnHomeProps,
   StateHomeProps,
-  DispatchHomeProps
+  DispatchHomeProps,
 >;
 
 type HomeState = {
@@ -630,7 +630,7 @@ function _isFirefox(): boolean {
 export const Home = explicitConnect<
   OwnHomeProps,
   StateHomeProps,
-  DispatchHomeProps
+  DispatchHomeProps,
 >({
   mapStateToProps: (state) => ({
     browserConnection: getBrowserConnection(state),

diff --git a/src/components/app/LanguageSwitcher.js b/src/components/app/LanguageSwitcher.js
@@ -64,7 +64,7 @@ class LanguageSwitcherImpl extends React.PureComponent<Props> {
 export const LanguageSwitcher = explicitConnect<
   OwnProps,
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   component: LanguageSwitcherImpl,
   mapStateToProps: (state) => ({

diff --git a/src/components/app/ListOfPublishedProfiles.js b/src/components/app/ListOfPublishedProfiles.js
@@ -44,7 +44,7 @@ type PublishedProfileState = {|
  */
 class PublishedProfile extends React.PureComponent<
   PublishedProfileProps,
-  PublishedProfileState
+  PublishedProfileState,
 > {
   state = {
     confirmDialogIsOpen: false,

diff --git a/src/components/app/MenuButtons/Publish.css b/src/components/app/MenuButtons/Publish.css
@@ -163,7 +163,10 @@
     rgb(255 255 255 / 0.4) 80%,
     transparent 80%
   );
-  background-size: 21px 20px, 100% 100%, 100% 100%;
+  background-size:
+    21px 20px,
+    100% 100%,
+    100% 100%;
 }
 
 @keyframes animate-stripes {

diff --git a/src/components/app/MenuButtons/Publish.js b/src/components/app/MenuButtons/Publish.js
@@ -84,7 +84,7 @@ type PublishState = {|
 
 class MenuButtonsPublishImpl extends React.PureComponent<
   PublishProps,
-  PublishState
+  PublishState,
 > {
   state = { compressError: null, prevCompressedPromise: null };
   _toggles: { [$Keys<CheckedSharingOptions>]: () => mixed } = {
@@ -390,7 +390,7 @@ class MenuButtonsPublishImpl extends React.PureComponent<
 export const MenuButtonsPublish = explicitConnect<
   OwnProps,
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => ({
     profile: getProfile(state),
@@ -434,7 +434,7 @@ type DownloadButtonState = {|
  */
 class DownloadButton extends React.PureComponent<
   DownloadButtonProps,
-  DownloadButtonState
+  DownloadButtonState,
 > {
   _isMounted: boolean = false;
   state = {

diff --git a/src/components/app/ProfileFilterNavigator.js b/src/components/app/ProfileFilterNavigator.js
@@ -102,7 +102,7 @@ class ProfileFilterNavigatorBarImpl extends React.PureComponent<Props> {
 export const ProfileFilterNavigator = explicitConnect<
   {||},
   StateProps,
-  DispatchProps
+  DispatchProps,
 >({
   mapStateToProps: (state) => {
     const items = getCommittedRangeLabels(state);