Prettier sort test attributes (facebook#6384)

2wheeh · Jul 17, 2024 · 4ca9766 · 4ca9766
1 parent d110abc
commit 4ca9766
Show file tree

Hide file tree

Showing 39 changed files with 517 additions and 505 deletions.
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -7,6 +7,10 @@ module.exports = {
   printWidth: 80,
   trailingComma: 'all',
   htmlWhitespaceSensitivity: 'ignore',
-  attributeGroups: ['$DEFAULT', '^data-'],
-  plugins: ['prettier-plugin-tailwindcss'],
+  attributeGroups: ['^class$', '^(id|name)$', '$DEFAULT', '^aria-', '^data-'],
+  attributeSort: 'ASC',
+  plugins: [
+    'prettier-plugin-tailwindcss',
+    'prettier-plugin-organize-attributes',
+  ],
 };
diff --git a/examples/react-plain-text/index.html b/examples/react-plain-text/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script src="/src/main.tsx" type="module"></script>
   </body>
 </html>
diff --git a/examples/react-rich-collab/app.html b/examples/react-rich-collab/app.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script src="/src/main.tsx" type="module"></script>
   </body>
 </html>
diff --git a/examples/react-rich-collab/index.html b/examples/react-rich-collab/index.html
@@ -10,7 +10,6 @@ <h1 align="center" style="margin: 0; font-size: 1.3em">
       React.js Collaborative Lexical Example (see iframes below)
     </h1>
     <iframe
-      width="50%"
       name="left"
       src="/app"
       style="
@@ -20,9 +19,9 @@ <h1 align="center" style="margin: 0; font-size: 1.3em">
         top: 40px;
         left: 0;
         height: calc(100% - 44px);
-      "></iframe>
+      "
+      width="50%"></iframe>
     <iframe
-      width="50%"
       name="right"
       src="/app"
       style="
@@ -32,6 +31,7 @@ <h1 align="center" style="margin: 0; font-size: 1.3em">
         top: 40px;
         left: calc(50% + 1px);
         height: calc(100% - 44px);
-      "></iframe>
+      "
+      width="50%"></iframe>
   </body>
 </html>
diff --git a/examples/react-rich/index.html b/examples/react-rich/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script src="/src/main.tsx" type="module"></script>
   </body>
 </html>
diff --git a/examples/vanilla-js-plugin/index.html b/examples/vanilla-js-plugin/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script src="/src/main.ts" type="module"></script>
   </body>
 </html>
diff --git a/examples/vanilla-js/index.html b/examples/vanilla-js/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script src="/src/main.ts" type="module"></script>
   </body>
 </html>
diff --git a/...evtools/safari-xcode/Lexical Developer Tools/Lexical Developer Tools/Base.lproj/Main.html b/...evtools/safari-xcode/Lexical Developer Tools/Lexical Developer Tools/Base.lproj/Main.html
@@ -1,22 +1,22 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+    <meta content="default-src 'self'" http-equiv="Content-Security-Policy" />
 
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, user-scalable=no" />
 
-    <link rel="stylesheet" href="../Style.css" />
-    <script src="../Script.js" defer></script>
+    <link href="../Style.css" rel="stylesheet" />
+    <script defer src="../Script.js"></script>
   </head>
   <body>
     <img
-      src="../Icon.png"
-      width="128"
+      alt="Lexical Developer Tools Icon"
       height="128"
-      alt="Lexical Developer Tools Icon" />
+      src="../Icon.png"
+      width="128" />
     <p class="state-unknown">
       You can turn on Lexical Developer Tools’s extension in Safari Extensions
       preferences.

diff --git a/packages/lexical-devtools/src/entrypoints/devtools-panel/index.html b/packages/lexical-devtools/src/entrypoints/devtools-panel/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="root">Loading Lexical DevTools UI...</div>
-    <script type="module" src="./main.tsx"></script>
+    <script src="./main.tsx" type="module"></script>
   </body>
 </html>
diff --git a/packages/lexical-devtools/src/entrypoints/devtools/index.html b/packages/lexical-devtools/src/entrypoints/devtools/index.html
@@ -3,6 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script type="module" src="./main.ts"></script>
+    <script src="./main.ts" type="module"></script>
   </head>
 </html>
diff --git a/packages/lexical-devtools/src/entrypoints/popup/index.html b/packages/lexical-devtools/src/entrypoints/popup/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="./main.tsx"></script>
+    <script src="./main.tsx" type="module"></script>
   </body>
 </html>