Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

3.3 #440

Open
sosukesuzuki opened this issue May 30, 2024 · 6 comments
Open

3.3 #440

sosukesuzuki opened this issue May 30, 2024 · 6 comments

Comments

@sosukesuzuki
Copy link
Member

No description provided.

@sosukesuzuki
Copy link
Member Author

run prettier/prettier#main vs 3.2.5

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented May 30, 2024 •
edited
Loading

prettier/prettier@main VS prettier/[email protected]

Diff (450 lines) 
diff --git ORI/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md ALT/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
index f9114358..dd09ac79 100644
--- ORI/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
+++ ALT/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md
@@ -46,7 +46,8 @@ The CSS {{cssxref("background")}} property is a shorthand for a number of backgr
         105deg,
         rgb(255 255 255 / 20%) 39%,
         rgb(51 56 57 / 100%) 96%
-      ) center center / 400px 200px no-repeat,
+      )
+      center center / 400px 200px no-repeat,
     url(big-star.png) center no-repeat,
     rebeccapurple;
 }
diff --git ORI/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md ALT/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md
index 30056ef5..e11799e7 100644
--- ORI/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md
+++ ALT/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md
@@ -144,7 +144,8 @@ Next, let's look at our button icons:
   font-family: "HeydingsControlsRegular";
   src: url("fonts/heydings_controls-webfont.eot");
   src:
-    url("fonts/heydings_controls-webfont.eot?#iefix") format("embedded-opentype"),
+    url("fonts/heydings_controls-webfont.eot?#iefix")
+      format("embedded-opentype"),
     url("fonts/heydings_controls-webfont.woff") format("woff"),
     url("fonts/heydings_controls-webfont.ttf") format("truetype");
   font-weight: normal;
diff --git ORI/content/files/en-us/web/api/web_authentication_api/index.md ALT/content/files/en-us/web/api/web_authentication_api/index.md
index f8af1450..508d2688 100644
--- ORI/content/files/en-us/web/api/web_authentication_api/index.md
+++ ALT/content/files/en-us/web/api/web_authentication_api/index.md
@@ -213,9 +213,9 @@ const createCredentialDefaultArgs = {
     timeout: 60000,
     challenge: new Uint8Array([
       // must be a cryptographically random number sent from a server
-      0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a,
-      0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38,
-      0x94, 0x52, 0x77, 0x97, 0x0f, 0xef,
+      0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17,
+      0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15,
+      0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef,
     ]).buffer,
   },
 };
@@ -227,9 +227,9 @@ const getCredentialDefaultArgs = {
     // allowCredentials: [newCredential] // see below
     challenge: new Uint8Array([
       // must be a cryptographically random number sent from a server
-      0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67,
-      0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26,
-      0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50,
+      0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15,
+      0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f,
+      0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50,
     ]).buffer,
   },
 };
diff --git ORI/content/files/en-us/web/css/@import/index.md ALT/content/files/en-us/web/css/@import/index.md
index 3c9a3090..0aa3915c 100644
--- ORI/content/files/en-us/web/css/@import/index.md
+++ ALT/content/files/en-us/web/css/@import/index.md
@@ -101,8 +101,8 @@ The `@import` rules in the above examples show media-dependent conditions that w
 
 ```css
 @import url("gridy.css") supports(display: grid) screen and (max-width: 400px);
-@import url("flexy.css") supports(not (display: grid) and (display: flex)) screen
-  and (max-width: 400px);
+@import url("flexy.css") supports(not (display: grid) and (display: flex))
+  screen and (max-width: 400px);
 ```
 
 The `@import` rules above illustrate how you might import a layout that uses a grid if `display: grid` is supported, and otherwise imports CSS that uses `display: flex`.
@@ -115,8 +115,8 @@ You can also specify CSS functions in `supports()`, and it will evaluate to `tru
 For example, the code below shows an `@import` that is conditional on both [child combinators](/en-US/docs/Web/CSS/Child_combinator) (`selector()`) and the `font-tech()` function:
 
 ```css
-@import url("whatever.css") supports((selector(h2 > p)) and
-    (font-tech(color-COLRv1)));
+@import url("whatever.css")
+supports((selector(h2 > p)) and (font-tech(color-COLRv1)));
 ```
 
 ### Importing CSS rules into a cascade layer
diff --git ORI/content/files/en-us/web/css/@media/prefers-reduced-data/index.md ALT/content/files/en-us/web/css/@media/prefers-reduced-data/index.md
index e6ed3d58..781e7697 100644
--- ORI/content/files/en-us/web/css/@media/prefers-reduced-data/index.md
+++ ALT/content/files/en-us/web/css/@media/prefers-reduced-data/index.md
@@ -58,9 +58,9 @@ In this example the `montserrat-regular.woff2` font file will neither be preload
       local("Montserrat Regular"),
       local("Montserrat-Regular"),
       url("fonts/montserrat-regular.woff2") format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
-      U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
-      U+2212, U+2215, U+FEFF, U+FFFD;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
+      U+2215, U+FEFF, U+FFFD;
   }
 }
 
diff --git ORI/content/files/en-us/web/css/@supports/index.md ALT/content/files/en-us/web/css/@supports/index.md
index 77bc42b0..7ea22abb 100644
--- ORI/content/files/en-us/web/css/@supports/index.md
+++ ALT/content/files/en-us/web/css/@supports/index.md
@@ -260,7 +260,8 @@ If a browser doesn't support the font technology, a fallback font (`Bungee-fallb
 @font-face {
   font-family: "Bungee Spice";
   src:
-    url("https://fonts.googleapis.com/css2?family=Bungee+Spice") tech(color-COLRv1),
+    url("https://fonts.googleapis.com/css2?family=Bungee+Spice")
+      tech(color-COLRv1),
     url("Bungee-fallback.otf") format("opentype");
 }
 ```
diff --git ORI/content/files/en-us/web/css/background-image/index.md ALT/content/files/en-us/web/css/background-image/index.md
index 5da5b35a..6ffd5aa5 100644
--- ORI/content/files/en-us/web/css/background-image/index.md
+++ ALT/content/files/en-us/web/css/background-image/index.md
@@ -26,7 +26,8 @@ background-image: linear-gradient(
     to bottom,
     rgba(255, 255, 0, 0.5),
     rgba(0, 0, 255, 0.5)
-  ), url("catfront.png");
+  ),
+  url("catfront.png");
 
 /* Global values */
 background-image: inherit;
diff --git ORI/content/files/en-us/web/css/background-origin/index.md ALT/content/files/en-us/web/css/background-origin/index.md
index 17c0b1a2..ed82e4a8 100644
--- ORI/content/files/en-us/web/css/background-origin/index.md
+++ ALT/content/files/en-us/web/css/background-origin/index.md
@@ -95,7 +95,8 @@ In this example the box has a thick dotted border. The first gradient uses the `
       rgba(131, 58, 180, 1) 0%,
       rgba(253, 29, 29, 0.6) 60%,
       rgba(252, 176, 69, 1) 100%
-    ), radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%);
+    ),
+    radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%);
   border: 20px dashed black;
   padding: 20px;
   width: 400px;
diff --git ORI/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md ALT/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
index 818ff5a1..72767b40 100644
--- ORI/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
+++ ALT/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md
@@ -37,7 +37,8 @@ In this example, three backgrounds are stacked: the Firefox logo, an image of bu
 .multi-bg-example {
   width: 100%;
   height: 400px;
-  background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
+  background-image: url(firefox.png), url(bubbles.png),
+    linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-position:
     bottom right,
diff --git ORI/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md ALT/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
index 3c779880..725333b2 100644
--- ORI/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
+++ ALT/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md
@@ -169,12 +169,10 @@ img {
 
 ```css nolint
 img {
-  filter: drop-shadow(2px 2px 0 hsl(300deg 100% 50%)) drop-shadow(
-      -2px -2px 0 hsl(210deg 100% 50%)
-    )
-    drop-shadow(2px 2px 0 hsl(120deg 100% 50%)) drop-shadow(
-      -2px -2px 0 hsl(30deg 100% 50%)
-    );
+  filter: drop-shadow(2px 2px 0 hsl(300deg 100% 50%))
+    drop-shadow(-2px -2px 0 hsl(210deg 100% 50%))
+    drop-shadow(2px 2px 0 hsl(120deg 100% 50%))
+    drop-shadow(-2px -2px 0 hsl(30deg 100% 50%));
 }
 img + img {
   filter: none;
diff --git ORI/content/files/en-us/web/css/css_images/using_css_gradients/index.md ALT/content/files/en-us/web/css/css_images/using_css_gradients/index.md
index c9bb15bb..a0387d15 100644
--- ORI/content/files/en-us/web/css/css_images/using_css_gradients/index.md
+++ ALT/content/files/en-us/web/css/css_images/using_css_gradients/index.md
@@ -355,7 +355,8 @@ div {
       217deg,
       rgba(255, 0, 0, 0.8),
       rgba(255, 0, 0, 0) 70.71%
-    ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
+    ),
+    linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
     linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%);
 }
 ```
@@ -610,7 +611,8 @@ div {
         circle at 93.3% 75%,
         rgba(0, 255, 0, 0.5),
         rgba(0, 255, 0, 0) 70.71%
-      ) beige;
+      )
+      beige;
   border-radius: 50%;
 }
 ```
@@ -758,7 +760,8 @@ div {
       rgba(75, 0, 130, 0.5) 240px,
       rgba(238, 130, 238, 0.5) 280px,
       rgba(255, 0, 0, 0.5) 300px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -190deg,
       rgba(255, 0, 0, 0.5) 30px,
       rgba(255, 153, 0, 0.5) 60px,
@@ -768,8 +771,18 @@ div {
       rgba(75, 0, 130, 0.5) 180px,
       rgba(238, 130, 238, 0.5) 210px,
       rgba(255, 0, 0, 0.5) 230px
-    ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green
-        200px, blue 250px, indigo 300px, violet 350px, red 370px);
+    ),
+    repeating-linear-gradient(
+      23deg,
+      red 50px,
+      orange 100px,
+      yellow 150px,
+      green 200px,
+      blue 250px,
+      indigo 300px,
+      violet 350px,
+      red 370px
+    );
 }
 ```
 
@@ -806,7 +819,8 @@ div {
       transparent 116px,
       rgba(255, 206, 0, 0.25) 116px,
       rgba(255, 206, 0, 0.25) 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       0deg,
       transparent,
       transparent 50px,
@@ -820,18 +834,21 @@ div {
       transparent 116px,
       rgba(255, 206, 0, 0.25) 116px,
       rgba(255, 206, 0, 0.25) 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -45deg,
       transparent,
       transparent 5px,
       rgba(143, 77, 63, 0.25) 5px,
       rgba(143, 77, 63, 0.25) 10px
-    ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px, rgba(143, 77, 63, 0.25) 10px);
+    ),
+    repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent 5px,
+      rgba(143, 77, 63, 0.25) 5px,
+      rgba(143, 77, 63, 0.25) 10px
+    );
 
   background: repeating-linear-gradient(
       90deg,
@@ -841,7 +858,8 @@ div {
       rgba(255, 127, 0, 0.25) 63px 69px,
       transparent 69px 116px,
       rgba(255, 206, 0, 0.25) 116px 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       0deg,
       transparent 0 50px,
       rgba(255, 127, 0, 0.25) 50px 56px,
@@ -849,16 +867,17 @@ div {
       rgba(255, 127, 0, 0.25) 63px 69px,
       transparent 69px 116px,
       rgba(255, 206, 0, 0.25) 116px 166px
-    ), repeating-linear-gradient(
+    ),
+    repeating-linear-gradient(
       -45deg,
       transparent 0 5px,
       rgba(143, 77, 63, 0.25) 5px 10px
-    ), repeating-linear-gradient(45deg, transparent 0 5px, rgba(
-          143,
-          77,
-          63,
-          0.25
-        ) 5px 10px);
+    ),
+    repeating-linear-gradient(
+      45deg,
+      transparent 0 5px,
+      rgba(143, 77, 63, 0.25) 5px 10px
+    );
 }
 ```
 
@@ -914,14 +933,16 @@ div {
         rgba(0, 0, 0, 0.5) 15px,
         rgba(255, 255, 255, 0.5) 15px,
         rgba(255, 255, 255, 0.5) 30px
-      ) top left no-repeat,
+      )
+      top left no-repeat,
     repeating-radial-gradient(
         ellipse at 20% 50%,
         rgba(0, 0, 0, 0.5),
         rgba(0, 0, 0, 0.5) 10px,
         rgba(255, 255, 255, 0.5) 10px,
         rgba(255, 255, 255, 0.5) 20px
-      ) top left no-repeat yellow;
+      )
+      top left no-repeat yellow;
   background-size:
     200px 200px,
     150px 150px;
diff --git ORI/content/files/en-us/web/css/env/index.md ALT/content/files/en-us/web/css/env/index.md
index 7693cc26..6d27369e 100644
--- ORI/content/files/en-us/web/css/env/index.md
+++ ALT/content/files/en-us/web/css/env/index.md
@@ -60,10 +60,8 @@ You can then use `env()` in your CSS:
 
 ```css
 body {
-  padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(
-      safe-area-inset-bottom,
-      20px
-    ) env(safe-area-inset-left, 20px);
+  padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px)
+    env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
 }
 ```
 
@@ -139,10 +137,8 @@ The below example makes use of the optional second parameter of `env()`, which a
 p {
   width: 300px;
   border: 2px solid red;
-  padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env(
-      safe-area-inset-bottom,
-      50px
-    ) env(SAFE-AREA-INSET-LEFT, 50px);
+  padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px)
+    env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px);
 }
 ```
 
diff --git ORI/content/files/en-us/web/css/filter/index.md ALT/content/files/en-us/web/css/filter/index.md
index 60cb855d..423f84c5 100644
--- ORI/content/files/en-us/web/css/filter/index.md
+++ ALT/content/files/en-us/web/css/filter/index.md
@@ -196,8 +196,8 @@ Filter functions are applied in order of appearance. The same filter function ca
 ```css
 #MDN-logo {
   border: 1px solid blue;
-  filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0
-        red);
+  filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg)
+    drop-shadow(5px 5px 0 red);
 }
 ```
 
diff --git ORI/content/files/en-us/web/css/gradient/conic-gradient/index.md ALT/content/files/en-us/web/css/gradient/conic-gradient/index.md
index 21082720..d62abbec 100644
--- ORI/content/files/en-us/web/css/gradient/conic-gradient/index.md
+++ ALT/content/files/en-us/web/css/gradient/conic-gradient/index.md
@@ -212,7 +212,8 @@ div {
       #000 0.25turn 0.5turn,
       #fff 0.5turn 0.75turn,
       #000 0.75turn
-    ) top left / 25% 25% repeat;
+    )
+    top left / 25% 25% repeat;
   border: 1px solid;
 }
 ```
diff --git ORI/content/files/en-us/web/css/grid-auto-columns/index.md ALT/content/files/en-us/web/css/grid-auto-columns/index.md
index 62b13f9f..99c37880 100644
--- ORI/content/files/en-us/web/css/grid-auto-columns/index.md
+++ ALT/content/files/en-us/web/css/grid-auto-columns/index.md
@@ -49,7 +49,8 @@ grid-auto-columns: min-content max-content auto;
 grid-auto-columns: 100px 150px 390px;
 grid-auto-columns: 10% 33.3%;
 grid-auto-columns: 0.5fr 3fr 1fr;
-grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax);
+grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr)
+  minmax(20%, 80vmax);
 grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px);
 
 /* Global values */
diff --git ORI/content/files/en-us/web/css/mask-image/index.md ALT/content/files/en-us/web/css/mask-image/index.md
index 9445ad87..88f7105b 100644
--- ORI/content/files/en-us/web/css/mask-image/index.md
+++ ALT/content/files/en-us/web/css/mask-image/index.md
@@ -24,7 +24,8 @@ mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
 mask-image: image(url(mask.png), skyblue);
 
 /* Multiple values */
-mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent);
+mask-image: image(url(mask.png), skyblue),
+  linear-gradient(rgba(0, 0, 0, 1), transparent);
 
 /* Global values */
 mask-image: inherit;
diff --git ORI/content/files/en-us/web/css/transform-function/matrix3d/index.md ALT/content/files/en-us/web/css/transform-function/matrix3d/index.md
index 6035435a..15cc9f14 100644
--- ORI/content/files/en-us/web/css/transform-function/matrix3d/index.md
+++ ALT/content/files/en-us/web/css/transform-function/matrix3d/index.md
@@ -110,24 +110,8 @@ a `matrix3d()` transform to it.
 
 #example-element:hover,
 #example-element:focus {
-  transform: rotate3d(1, 1, 1, 30deg) matrix3d(
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      6,
-      0,
-      0,
-      0,
-      1,
-      0,
-      50,
-      100,
-      0,
-      1.1
-    );
+  transform: rotate3d(1, 1, 1, 30deg)
+    matrix3d(1, 0, 0, 0, 0, 1, 6, 0, 0, 0, 1, 0, 50, 100, 0, 1.1);
 }
 
 .face {

@sosukesuzuki sosukesuzuki mentioned this issue May 30, 2024
Closed
11 tasks
@fisker
Copy link
Member

fisker commented Jun 4, 2024

Run #16347

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Jun 4, 2024 •
edited
Loading

prettier/prettier#16347 VS prettier/prettier@main

The diff is empty.

@fisker
Copy link
Member

fisker commented Aug 9, 2024

Run #16546

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Aug 9, 2024 •
edited
Loading

prettier/prettier#16546 VS prettier/prettier@main

The diff is empty.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@fisker @sosukesuzuki