Retire CanvasSidebar from en-US

[wbamberg]

This PR replaces the custom sidebar CanvasSidebar in en-US. When it's merged I will deprecate this sidebar.

• The PR takes advantage of the "Tutorial" section that authors can now add to DefaultAPISidebar, as of feat(macros/DefaultAPISidebar): add Tutorial section yari#7646.

• For that to work we need to add translations strings for the "Tutorial" label, which is done in this PR by adding an entry to L10n-Common.json. For the translations I've copied strings out of CanvasSidebar.ejs, and in this PR asked for feedback from l10n maintainers (see below in this comment). I've had feedback from es and fr. For the other locales I think we can wait until they remove CanvasSidebar, so their feedback should not have to block this PR.

• We also need to list the tutorial pages in groupdata, and this PR does that, too.

• Then we need to replace CanvasSidebar macro calls with DefaultAPISidebar.

• Finally finally, Prettier noise.

Please note that in its original incarnation this PR was only about updating l10n strings and asking for feedback, before I decided that we might as well make the changes here too. I've kept the original PR description below.

---

Original PR description:

I'm working on retiring two custom sidebars, CanvasSidebar and WebGLSidebar, and replacing them with the standard DefaultAPISidebar.

These custom sidebars contain a multi-page tutorial, which DefaultAPISidebar didn't know how to present. In mdn/yari#7646 I updated DefaultAPISidebar to support a "Tutorial" section. But this has an l10n dependency, because it needs a localized string to label the tutorial:

That's what this PR adds. It is incomplete and probably wrong, because I don't speak these languages, but it is a start and I hope the l10n experts can fix my errors :).

I've also updated GroupData.json with the tutorial data for Canvas, and updated the Canvas overview page to use DefaultAPISidebar, so you can see what it looks like. The page for http://localhost:3000/fr/docs/Web/API/Canvas_API, for instance, looks like:

In this PR I have just copied strings from the translations in https://github.com/mdn/yari/blob/main/kumascript/macros/CanvasSidebar.ejs. Not all locales have a translation there, and I think adding strings for those missing locales is not a blocker for this work, since it's not a regression. But I will happily accept them in this PR of course.

So my request of l10n experts is:

• if this PR does contain a string in your language, check it's correct and add a correction if needed.
• if this PR does not contain a string in your language, add one (although like I say I won't block this PR on adding missing strings)

@mdn/localization-team-leads

[github-actions]

Preview URLs (16 pages)

• /en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas
• /en-US/docs/Web/API/Canvas_API/Tutorial/Advanced_animations
• /en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors
• /en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations
• /en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage
• /en-US/docs/Web/API/Canvas_API/Tutorial/Compositing/Example
• /en-US/docs/Web/API/Canvas_API/Tutorial/Compositing
• /en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes
• /en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text
• /en-US/docs/Web/API/Canvas_API/Tutorial/Finale
• /en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas
• /en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas
• /en-US/docs/Web/API/Canvas_API/Tutorial/Transformations
• /en-US/docs/Web/API/Canvas_API/Tutorial/Using_images
• /en-US/docs/Web/API/Canvas_API/Tutorial
• /en-US/docs/Web/API/Canvas_API

Flaws (2)

Note! 14 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/Canvas_API/Tutorial/Compositing
Title: Compositing and clipping
Flaw count: 1

• macros:
  • The fourth to sixth parameters of 'EmbedLiveSample' are deprecated

---

URL: /en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations
Title: Basic animations
Flaw count: 1

• macros:
  • /en-US/docs/Web/API/EventListener redirects to /en-US/docs/Web/API/EventTarget/addEventListener

(comment last updated: 2022-12-05 19:27:02)

[SphinxKnight]

✔️ for fr

[teoli2003]

I like these changes! Thank you, Will.