Merge branch 'main' into http-page

.github/workflows/spelling-check-bot.yml

@@ -9,6 +9,8 @@ jobs:
   sync:
     if: github.repository == 'mdn/content'
     runs-on: ubuntu-latest
+    permissions:
+      issues: write
 
     steps:
       - uses: actions/checkout@v4
@@ -21,36 +23,32 @@ jobs:
 
       - name: Run scripts
         run: |
-          npm install
           echo Running spelling check...
           output=$(npx cspell --no-progress --gitignore --config .vscode/cspell.json "**/*.md" || exit 0)
-          output=$(node scripts/linkify-logs.js "${output}")
-          output=$(echo "$output" | sed 's/^/- /')
-          echo "$output"
-          echo "OUTPUT<<EOF" >> $GITHUB_ENV
-          echo "$output" >> $GITHUB_ENV
-          echo "EOF" >> $GITHUB_ENV
+          if [ -n "${output}" ]; then
+            output=$(node scripts/linkify-logs.js "${output}")
+            output=$(echo "$output" | sed 's/^/- /')
+            echo "$output"
+            echo "OUTPUT<<EOF" >> $GITHUB_ENV
+            echo "$output" >> $GITHUB_ENV
+            echo "EOF" >> $GITHUB_ENV
+          else
+            echo "No typos found! 🎉"
+          fi
 
       - name: Report spellcheck errors
         if: env.OUTPUT != ''
         run: |
-          comment_body=$(cat<<EOM
-          Typos and unknown words:
-
-          ${OUTPUT}
-
-          > [!TIP]
-          > To exclude words from the spellchecker, you can add valid words (web technology terms or abbreviations) to the [terms-abbreviations.txt](https://github.com/mdn/content/blob/main/.vscode/terms-abbreviations.txt) dictionary for IDE autocompletion. To ignore strings that are not words (\`AABBCC\` in code, for instance), you can add them to [ignore-list.txt](https://github.com/mdn/content/blob/main/.vscode/ignore-list.txt).
-          EOM
-          )
-          comment_body+=$'\n\n'$(echo "_(comment last updated: $(date +'%Y-%m-%d %H:%M:%S'))_")
-          gh api \
-            --method PATCH \
-            -H "Accept: application/vnd.github+json" \
-            -H "X-GitHub-Api-Version: 2022-11-28" \
-            /repos/mdn/content/issues/35634 \
-            -f "state=open" \
-            -f "body=${comment_body}"
+          issue=$(gh issue create --title "$TITLE" --label "$LABELS" --body "$BODY")
+          echo Issue URL ${issue}
         env:
-          OUTPUT: ${{ env.OUTPUT }}
-          GH_TOKEN: ${{ github.token }}
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          TITLE: Weekly spelling check
+          LABELS: reported by automation,good first issue
+          BODY: |
+            Typos and unknown words:
+
+            ${{ env.OUTPUT }}
+
+            > [!TIP]
+            > To exclude words from the spellchecker, you can add valid words (web technology terms or abbreviations) to the [terms-abbreviations.txt](https://github.com/mdn/content/blob/main/.vscode/terms-abbreviations.txt) dictionary for IDE autocompletion. To ignore strings that are not words (\`AABBCC\` in code, for instance), you can add them to [ignore-list.txt](https://github.com/mdn/content/blob/main/.vscode/ignore-list.txt).

.vscode/cspell.json

@@ -64,7 +64,6 @@
     "favourite-colour",
     "ucaf:.*\""
   ],
-  "allowCompoundWords": true,
   "dictionaryDefinitions": [
     {
       "name": "terms-abbreviations",

.vscode/ignore-list.txt

@@ -1,3 +1,238 @@
+aaabcc
+aabaac
+aacbbbcac
+ACCEPTEDTOS
+accname
+adduser
+adjtimescapheight
+adjtimesexheight
+adrianroselli
+advertisementreceived
+aggregatable
+alastairc
+alistapart
+ALLOWFROM
+alphanumerals
+Animometer
+Annonay
+antialiasing
+apacheconf
+apachectl
+ASCIIID
+assetlinks
+audiocontext
+beforeinstallpromptevent
+beforetoggle
+belgin
+blockable
+brians
+Browsersync
+browsingtopics
+bytestring
+CACHEDIR
+catchable
+Caterina
+characterboundsupdate
+Cheatsheet
+checkboard
+checkmarks
+clipboardchange
+Codelab
+collectability
+collinearity
+concatenator
+contenido
+contentlost
+contentscripts
+contentvisibilityautostatechange
+controlbar
+cookieless
+cooluser
+crashextensions
+credentialled
+crookedtimber
+cssgridgarden
+csstricks
+Cubehelix
+cubemaps
+currentscreenchange
+customstateset
+cycletracker
+davidwalsh
+demuxing
+Descripton
+dropshow
+enablei
+Engish
+Ethere
+everytime
+evilsite
+examplestyles
+Fairchild
+fencedframe
+fencedframeconfig
+fencedframes
+filetext
+filterfunctions
+Flagfox
+forwidth
+gattserverdisconnected
+generatable
+GETMATCHEDRULES
+givenname
+greenblue
+greenzero
+growshrink
+harpercollins
+highspeed
+imagebad
+imagegrid
+infobox
+infoboxes
+infobox's
+innertext
+interarrival
+ipados
+jamiedoe
+Jinping
+Kobabe
+lazyloaded
+letmein
+lightpurple
+Lindenberg
+linecaps
+longwinded
+loopstarted
+lowdelay
+macaron
+Malala
+mathit
+maxplaybackrate
+megastore
+metastring
+miplevel
+Miroslav
+Misparsed
+modulepreloaded
+montecarlo
+mouseentry
+multifactor
+multimemory
+mygroupmarker
+mysampler
+mystatename
+navigables
+nextslide
+Nodepad
+noteblocks
+notrendered
+Nowrapping
+offsetted
+ontextformatupdate
+ontextupdate
+pagereveal
+pageswap
+paintable
+paintsize
+papermakers
+permissionspolicy
+pipline
+Platformer
+playbackrate
+popovertarget
+popovertargetaction
+precache
+precached
+precaches
+precaching
+preconnects
+preloaders
+premultiplication
+prerenderingchange
+prerenders
+previousslide
+pricelist
+properities
+pythonanywhere
+pythonaware
+rawupdate
+readonlyinline
+realpython
+redblue
+redyellow
+redzero
+requireinteraction
+reselecting
+Resizeable
+resnapped
+Ronaldo
+rtctransform
+samplepay
+scanability
+screenreaders
+screenschange
+seecompattable
+selectchange
+selectedness
+Serpentina
+shadowrootdelegatesfocus
+shadowrootmode
+shadowrootserializable
+sharedmem
+sharpyuv
+shortlinks
+shrinkwap
+shrinkwrapping
+sinkchange
+smashingmagazine
+Snapshotting
+somestate
+srihash
+stackexchange
+Stormys
+Stratford
+styleable
+subformula
+subformulas
+subheaders
+subpattern
+subpopover
+subproject
+Subsentence
+subsetting
+subteam
+subteams
+sunsetting
+supersets
+swashoff
+targettable
+textformatupdate
+textupdate
+timeframe
+truthyness
+tunetheweb
+tutsplus
+underliner
+underlyingly
+usecase
+useinbandfec
+valuechange
+viewbox
+virtualkeyboardpolicy
+webappmanifest
+webbundle
+webcodecs
+webdav
+webdesignerdepot
+webidentity
+webtransport
+whitepoint
+wisedog
+workgroups
+writingsuggestions
+zeroblue
+zeroyellow
+zerozero
 Amit
 Scrimba
 rvfc
@@ -1123,6 +1358,7 @@ Digi
 Digianswer
 dignissim
 Dijit
+dimoulis
 dinocons
 dinodescr
 Dinos
@@ -1663,6 +1899,7 @@ Freecodecamp
 Freemium
 Freetype
 Freitag
+Frida
 fringilla
 fringille
 fromcharcode
@@ -2368,6 +2605,7 @@ JXON
 Kadir
 Kadlec
 kaios
+Kahlo
 Kakao
 Kaku
 Kaply
@@ -3778,7 +4016,6 @@ quaxxor
 queryphrase
 queryset
 querysets
-querystring
 quibusdam
 QUIC
 quickbrownfox

files/en-us/_redirects.txt

@@ -11660,6 +11660,7 @@
 /en-US/docs/Web/CSS/linear-gradient()	/en-US/docs/Web/CSS/gradient/linear-gradient
 /en-US/docs/Web/CSS/margin-new	/en-US/docs/Web/CSS/margin
 /en-US/docs/Web/CSS/margin_collapsing	/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing
+/en-US/docs/Web/CSS/masonry-auto-flow	/en-US/docs/Web/CSS/grid-auto-flow
 /en-US/docs/Web/CSS/max()	/en-US/docs/Web/CSS/max
 /en-US/docs/Web/CSS/media	/en-US/docs/Web/CSS/@media
 /en-US/docs/Web/CSS/media/Bitmap	/en-US/docs/Web/CSS/@media

files/en-us/_wikihistory.json

@@ -86802,10 +86802,6 @@
       "Heycam"
     ]
   },
-  "Web/CSS/masonry-auto-flow": {
-    "modified": "2020-11-12T04:50:46.255Z",
-    "contributors": ["rachelandrew", "chrisdavidmills"]
-  },
   "Web/CSS/math-style": {
     "modified": "2020-12-12T22:36:34.292Z",
     "contributors": ["sideshowbarker", "chrisdavidmills", "rachelandrew"]

files/en-us/games/publishing_games/game_distribution/index.md

@@ -56,7 +56,7 @@ If you're working on a side project just for fun, then leaving the source open w
 
 As the name may suggest, publishers can handle the publishing of your game for you. Whether you should go that way or not depends on what your plan is for having your game distributed: Do you want to send it wherever possible, or do you want to restrict its presence to those who've bought an [exclusive license](/en-US/docs/Games/Publishing_games/Game_monetization)? It's up to you. Consider various options, experiment and conclude. Publishers will be explained in more detail in the [monetization](/en-US/docs/Games/Publishing_games/Game_monetization) article.
 
-There are also independent portals collecting interesting games like [HTML5Games.com](https://html5games.com/), [GameArter.com](https://www.gamearter.com/), [MarketJS.com](https://www.marketjs.com/), [GameFlare](https://distribution.gameflare.com/), [GameDistribution.com](https://gamedistribution.com/), [Poki](https://developers.poki.com/), or [CrazyGames](https://developer.crazygames.com/) where you can send your game in and it will get some natural promotion because of the big traffic those sites attract. Some of these take your files and host them on their server, whereas others only link to your website or embed your game on their site. Such exposure may just provide [promotion](/en-US/docs/Games/Publishing_games/Game_promotion) for your game, or if you have adverts shown beside your game (or other money making options) it may also provide monetization.
+There are also independent portals collecting interesting games like [HTML5Games.com](https://html5games.com/), [GameArter.com](https://www.gamearter.com/), [MarketJS.com](https://www.marketjs.com/), [GameFlare](https://distribution.gameflare.com/), [GameDistribution.com](https://gamedistribution.com/), [GameSaturn.com](https://gamesaturn.com/), [Poki](https://developers.poki.com/), or [CrazyGames](https://developer.crazygames.com/) where you can send your game in and it will get some natural promotion because of the big traffic those sites attract. Some of these take your files and host them on their server, whereas others only link to your website or embed your game on their site. Such exposure may just provide [promotion](/en-US/docs/Games/Publishing_games/Game_promotion) for your game, or if you have adverts shown beside your game (or other money making options) it may also provide monetization.
 
 ### Web and native stores
 

files/en-us/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.md

@@ -15,7 +15,7 @@ A typical 3D scene in a game — even the simplest one — contains standard ite
 
 To start developing with Three.js, you should make sure you are using a modern browser with good [WebGL](/en-US/docs/Web/API/WebGL_API) support, such as the latest Firefox or Chrome.
 
-You can download the [latest Three.js library](https://github.com/mrdoob/three.js/archive/master.zip) and copy the minified version of Three.js from the uncompressed archive at `build/three.module.min.js` into your project.
+You can download the [latest Three.js library](https://codeload.github.com/mrdoob/three.js/zip/refs/heads/master) and copy the minified version of Three.js from the uncompressed archive at `build/three.module.min.js` into your project.
 Bear in mind that the archives include source files, which makes the download size approximately 350MB.
 
 Alternatively, you can import Three.js [using a CDN or use Node.js](https://threejs.org/docs/#manual/en/introduction/Installation).

files/en-us/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.md

@@ -132,7 +132,7 @@ ctx.closePath();
 
 ctx.beginPath();
 ctx.rect(160, 10, 100, 40);
-ctx.strokeStyle = "rgba(0, 0, 255, 0.5)";
+ctx.strokeStyle = "rgb(0 0 255 / 0.5)";
 ctx.stroke();
 ctx.closePath();
 ```