From af924b1c6aac4cb1f7340182ddde45896977e135 Mon Sep 17 00:00:00 2001
From: Pascal Hartig <realpassy@fb.com>
Date: Wed, 16 Mar 2022 09:41:36 -0700
Subject: [PATCH] Format html files

Summary: Using the built-in VSCode formatter to make them all a little more consistent before making changes to them.

Reviewed By: antonk52, nikoant

Differential Revision: D34897393

fbshipit-source-id: 270e575a4e8b15ff31887a356516af7409315618
---
 desktop/static/index.dev.html     | 193 +++++++++++++-------------
 desktop/static/index.web.dev.html | 217 +++++++++++++++---------------
 desktop/static/index.web.html     | 119 ++++++++--------
 3 files changed, 266 insertions(+), 263 deletions(-)
diff --git a/desktop/static/index.dev.html b/desktop/static/index.dev.html
index 6436a1f99..49c4a6d43 100644
--- a/desktop/static/index.dev.html
+++ b/desktop/static/index.dev.html
@@ -1,107 +1,108 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="style.css">
-    <link id="flipper-theme-import" rel="stylesheet">
-    <link rel="stylesheet" href="graphiql/graphiql.css">
-    <link rel="stylesheet" href="vis/vis.min.css">
-    <title>Flipper</title>
 
-    <style>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="style.css">
+  <link id="flipper-theme-import" rel="stylesheet">
+  <link rel="stylesheet" href="graphiql/graphiql.css">
+  <link rel="stylesheet" href="vis/vis.min.css">
+  <title>Flipper</title>
 
-      #loading {
-        -webkit-app-region: drag;
-        z-index: 999999;
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        padding: 50px;
-        overflow: auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 20px;
-        color: #525252;
-        text-align: center;
+  <style>
+    #loading {
+      -webkit-app-region: drag;
+      z-index: 999999;
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      padding: 50px;
+      overflow: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      color: #525252;
+      text-align: center;
+    }
+
+    .__infinity-dev-box-error {
+      background-color: #000;
+      font-family: monospace;
+      white-space: pre;
+      font-size: 16px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="root">
+    <div id="loading">
+      Loading...
+    </div>
+  </div>
+
+
+  <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
+
+  </div>
+
+  <script src="/socket.io/socket.io.js"></script>
+  <script>
+    (function () {
+      global.electronRequire = window.require;
+
+      let suppressErrors = false;
+
+      const socket = io(location.origin);
+
+      socket.on('refresh', () => {
+        location.reload();
+      });
+
+      socket.on('hasErrors', (html) => {
+        openError(html);
+        suppressErrors = true;
+      });
+
+      function openError(text) {
+        if (suppressErrors) {
+          return;
+        }
+
+        const box = document.querySelector('.__infinity-dev-box-error');
+        box.removeAttribute('hidden');
+        box.textContent = text;
       }
 
-      .__infinity-dev-box-error {
-        background-color: #000;
-        font-family: monospace;
-        white-space: pre;
-        font-size: 16px;
+      // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
+      try {
+        if (JSON.parse(window.process.env.CONFIG).darkMode === 'dark') {
+          document.getElementById('flipper-theme-import').href = "themes/dark.css";
+        } else {
+          document.getElementById('flipper-theme-import').href = "themes/light.css";
+        }
+      } catch (e) {
+        console.error("Failed to initialize theme", e);
+        document.getElementById('flipper-theme-import').href = "themes/light.css";
       }
 
-    </style>
-  </head>
-  <body>
-    <div id="root">
-      <div id="loading">
-        Loading...
-      </div>
-    </div>
+      function init() {
+        const script = document.createElement('script');
+        script.src = window.process.env.BUNDLE_URL;
 
+        script.onerror = () => {
+          openError('Script failure. Check Chrome console for more info.');
+        };
 
-    <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
+        document.body.appendChild(script);
+      }
+      init();
+    })();
+  </script>
+</body>
 
-    </div>
-
-    <script src="/socket.io/socket.io.js"></script>
-    <script>
-      (function() {
-        global.electronRequire = window.require;
-
-        let suppressErrors = false;
-
-        const socket = io(location.origin);
-
-        socket.on('refresh', () => {
-          location.reload();
-        });
-
-        socket.on('hasErrors', (html) => {
-          openError(html);
-          suppressErrors = true;
-        });
-
-        function openError(text) {
-          if (suppressErrors) {
-            return;
-          }
-
-          const box = document.querySelector('.__infinity-dev-box-error');
-          box.removeAttribute('hidden');
-          box.textContent = text;
-        }
-
-        // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
-        try {
-          if (JSON.parse(window.process.env.CONFIG).darkMode === 'dark') {
-            document.getElementById('flipper-theme-import').href="themes/dark.css";
-          } else {
-            document.getElementById('flipper-theme-import').href="themes/light.css";
-          }
-        } catch(e) {
-          console.error("Failed to initialize theme", e);
-          document.getElementById('flipper-theme-import').href="themes/light.css";
-        }
-
-        function init() {
-          const script = document.createElement('script');
-          script.src = window.process.env.BUNDLE_URL;
-
-          script.onerror = () => {
-            openError('Script failure. Check Chrome console for more info.');
-          };
-
-          document.body.appendChild(script);
-        }
-        init();
-      })();
-    </script>
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/desktop/static/index.web.dev.html b/desktop/static/index.web.dev.html
index 551340760..63f3f4878 100644
--- a/desktop/static/index.web.dev.html
+++ b/desktop/static/index.web.dev.html
@@ -1,130 +1,131 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="style.css">
-    <link rel="icon" href="icon.png">
-    <link id="flipper-theme-import" rel="stylesheet">
-    <title>Flipper</title>
-    <script>
-      window.flipperConfig = {
-        theme: 'light',
-        entryPoint: 'flipper-ui-browser/src/index-fast-refresh.bundle?platform=web&dev=true&minify=false',
-        debug: true,
-      }
-    </script>
-    <style>
 
-      #loading {
-        -webkit-app-region: drag;
-        z-index: 999999;
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        padding: 50px;
-        overflow: auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 20px;
-        color: #525252;
-        text-align: center;
-      }
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon" href="icon.png">
+  <link id="flipper-theme-import" rel="stylesheet">
+  <title>Flipper</title>
+  <script>
+    window.flipperConfig = {
+      theme: 'light',
+      entryPoint: 'flipper-ui-browser/src/index-fast-refresh.bundle?platform=web&dev=true&minify=false',
+      debug: true,
+    }
+  </script>
+  <style>
+    #loading {
+      -webkit-app-region: drag;
+      z-index: 999999;
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      padding: 50px;
+      overflow: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      color: #525252;
+      text-align: center;
+    }
 
-      .__infinity-dev-box-error {
-        background-color: red;
-        font-family: monospace;
-        font-size: 12px;
-        z-index: 10;
-        bottom: 0;
-        left: 0;
-        position: absolute;
-      }
+    .__infinity-dev-box-error {
+      background-color: red;
+      font-family: monospace;
+      font-size: 12px;
+      z-index: 10;
+      bottom: 0;
+      left: 0;
+      position: absolute;
+    }
+  </style>
+</head>
 
-    </style>
-  </head>
-  <body>
-    <div id="root">
-      <div id="loading">
-        Loading...
-      </div>
+<body>
+  <div id="root">
+    <div id="loading">
+      Loading...
     </div>
+  </div>
 
 
-    <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
+  <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
 
-    </div>
+  </div>
 
-    <script>
-      (function() {
-        // FIXME: needed to make Metro work
-        window.global = window;
-        let suppressErrors = false;
+  <script>
+    (function () {
+      // FIXME: needed to make Metro work
+      window.global = window;
+      let suppressErrors = false;
 
-        const socket = new WebSocket(`ws://${location.host}`);
+      const socket = new WebSocket(`ws://${location.host}`);
 
-        socket.addEventListener('message', ({ data: dataRaw }) => {
-          const message = JSON.parse(dataRaw.toString())
+      socket.addEventListener('message', ({ data: dataRaw }) => {
+        const message = JSON.parse(dataRaw.toString())
 
-          if (message.event === 'hasErrors') {
-            openError(message.payload);
-            suppressErrors = true;
-          }
-        })
-
-        socket.addEventListener('error', () => {
-          openError('WebSocket -> error');
+        if (message.event === 'hasErrors') {
+          openError(message.payload);
           suppressErrors = true;
-        })
-
-
-        function openError(text) {
-          if (suppressErrors) {
-            return;
-          }
-
-          const box = document.querySelector('.__infinity-dev-box-error');
-          box.removeAttribute('hidden');
-          box.textContent = text;
-          box.appendChild(closeButton);
         }
-        window.flipperShowError = openError;
-        window.flipperHideError = () => {
-          const box = document.querySelector('.__infinity-dev-box-error');
-          box.setAttribute('hidden', true);
+      })
+
+      socket.addEventListener('error', () => {
+        openError('WebSocket -> error');
+        suppressErrors = true;
+      })
+
+
+      function openError(text) {
+        if (suppressErrors) {
+          return;
         }
 
-        const closeButton = document.createElement('button');
-        closeButton.addEventListener('click', window.flipperHideError);
-        closeButton.textContent = 'X';
+        const box = document.querySelector('.__infinity-dev-box-error');
+        box.removeAttribute('hidden');
+        box.textContent = text;
+        box.appendChild(closeButton);
+      }
+      window.flipperShowError = openError;
+      window.flipperHideError = () => {
+        const box = document.querySelector('.__infinity-dev-box-error');
+        box.setAttribute('hidden', true);
+      }
 
-        // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
-        try {
-          if (window.flipperConfig.theme === 'dark') {
-            document.getElementById('flipper-theme-import').href="themes/dark.css";
-          } else {
-            document.getElementById('flipper-theme-import').href="themes/light.css";
-          }
-        } catch(e) {
-          console.error("Failed to initialize theme", e);
-          document.getElementById('flipper-theme-import').href="themes/light.css";
+      const closeButton = document.createElement('button');
+      closeButton.addEventListener('click', window.flipperHideError);
+      closeButton.textContent = 'X';
+
+      // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
+      try {
+        if (window.flipperConfig.theme === 'dark') {
+          document.getElementById('flipper-theme-import').href = "themes/dark.css";
+        } else {
+          document.getElementById('flipper-theme-import').href = "themes/light.css";
         }
+      } catch (e) {
+        console.error("Failed to initialize theme", e);
+        document.getElementById('flipper-theme-import').href = "themes/light.css";
+      }
 
-        function init() {
-          const script = document.createElement('script');
-          script.src = window.flipperConfig.entryPoint;
+      function init() {
+        const script = document.createElement('script');
+        script.src = window.flipperConfig.entryPoint;
 
-          script.onerror = (e) => {
-            openError('Script failure. Check Chrome console for more info.');
-          };
+        script.onerror = (e) => {
+          openError('Script failure. Check Chrome console for more info.');
+        };
 
-          document.body.appendChild(script);
-        }
-        init();
-      })();
-    </script>
-  </body>
-</html>
+        document.body.appendChild(script);
+      }
+      init();
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/desktop/static/index.web.html b/desktop/static/index.web.html
index 4a0e44b7e..c17c715a9 100644
--- a/desktop/static/index.web.html
+++ b/desktop/static/index.web.html
@@ -1,65 +1,65 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="style.css">
-    <link id="flipper-theme-import" rel="stylesheet">
-    <link rel="icon" href="icon.png">
-    <title>Flipper</title>
-    <script>
-      window.flipperConfig = {
-        theme: 'light',
-        entryPoint: 'bundle.js',
-        debug: false,
-      }
-    </script>
-    <style>
 
-      #loading {
-        -webkit-app-region: drag;
-        z-index: 999999;
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        padding: 50px;
-        overflow: auto;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 20px;
-        color: #525252;
-        text-align: center;
-      }
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon" href="icon.png">
+  <link id="flipper-theme-import" rel="stylesheet">
+  <title>Flipper</title>
+  <script>
+    window.flipperConfig = {
+      theme: 'light',
+      entryPoint: 'bundle.js',
+      debug: false,
+    }
+  </script>
+  <style>
+    #loading {
+      -webkit-app-region: drag;
+      z-index: 999999;
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      padding: 50px;
+      overflow: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      color: #525252;
+      text-align: center;
+    }
 
-      .__infinity-dev-box-error {
-        background-color: red;
-        font-family: monospace;
-        font-size: 12px;
-        z-index: 10;
-        bottom: 0;
-        left: 0;
-        position: absolute;
-      }
+    .__infinity-dev-box-error {
+      background-color: red;
+      font-family: monospace;
+      font-size: 12px;
+      z-index: 10;
+      bottom: 0;
+      left: 0;
+      position: absolute;
+    }
+  </style>
+</head>
 
-    </style>
-  </head>
-  <body>
-    <div id="root">
-      <div id="loading">
-        Loading...
-      </div>
+<body>
+  <div id="root">
+    <div id="loading">
+      Loading...
     </div>
+  </div>
 
 
-    <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
+  <div class="__infinity-dev-box __infinity-dev-box-error" hidden>
 
-    </div>
+  </div>
 
-    <script>
-      (function() {
+  <script>
+      (function () {
         // FIXME: needed to make Metro work
         window.global = window;
         let suppressErrors = false;
@@ -87,13 +87,13 @@
         // load correct theme (n.b. this doesn't handle system value specifically, will assume light in such cases)
         try {
           if (window.flipperConfig.theme === 'dark') {
-            document.getElementById('flipper-theme-import').href="themes/dark.css";
+            document.getElementById('flipper-theme-import').href = "themes/dark.css";
           } else {
-            document.getElementById('flipper-theme-import').href="themes/light.css";
+            document.getElementById('flipper-theme-import').href = "themes/light.css";
           }
-        } catch(e) {
+        } catch (e) {
           console.error("Failed to initialize theme", e);
-          document.getElementById('flipper-theme-import').href="themes/light.css";
+          document.getElementById('flipper-theme-import').href = "themes/light.css";
         }
 
         function init() {
@@ -108,6 +108,7 @@
         }
         init();
       })();
-    </script>
-  </body>
-</html>
+  </script>
+</body>
+
+</html>
\ No newline at end of file
