Add a link to docusaurus.new/ts in Playground page

[tats-u]

Pre-flight checklist

• I have read the Contributing Guidelines on pull requests.
• If this is a code change: I have written unit tests and/or added dogfooding pages to fully verify the new behavior.
• If this is a new API or substantial change: the PR has an accompanying issue (closes #0000) and the maintainers have approved on my working plan.

Motivation

Most changes in #8685 (comment) have been applied in #8723, but this link is not implemented.
This PR is to show users a link to create a new playground powered by TyepScript.

Test Plan

Test links

Deploy preview: https://deploy-preview-_____--docusaurus-2.netlify.app/

Related issues/PRs

• Provide official TypeScript playgrounds in Documents #8685
• docs: add TypeScript playgrounds to docusaurus.new + Playground page #8723

[netlify]

✅ [V2]

Built without sensitive environment variables

Name	Link
🔨 Latest commit	663945b
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/640434668e62850008b4030b
😎 Deploy Preview	https://deploy-preview-8734--docusaurus-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟠 88	🟢 97	🟢 100	🟢 100	🟢 90	Report
/docs/installation	🟠 84	🟢 100	🟢 100	🟢 100	🟢 90	Report

[slorber]

Support is not complete.

Try the link in a hidden browser session and you get redirected to the playground page.

If it works in your normal session it's just because we persisted your last accessed playground (probably a TS one) in a cookie.

Not sure we should have this feature because it probably means biasing toward using a specific vendor.

[slorber]

Unfortunately, this link doesn't work, there's no configured serverless function to handle it.

Also, how would we automatically choose between Codesandbox and Stackblitz without biasing toward one in particular??

[tats-u]

Can't you refer to and reuse the cookie used by the URL without ts suffix?
I can't believe the existence of people using CodeSandBox for JS and StackBlitz for TS or vice versa.

[slorber]

The cookie does not exist on the first visit.

When you first visit / it simply redirects to the playground page, not a specific sandbox. I could make /ts redirect to the playground page as well on the first visit if you want. Not sure it's worth it.

[slorber]

Closing for now, because I don't see how to implement this feature without biasing toward a specific vendor (StackBlitz / CodeSandox) which i'd rather avoid