Playground announcement

[rachied]

• Added blog entry to announce playground
• Added button to index.html linking to playground

[netlify]

✅ Deploy Preview for stryker-mutator ready!

Name	Link
🔨 Latest commit	3fa2276
🔍 Latest deploy log	https://app.netlify.com/sites/stryker-mutator/deploys/64a5dbb3eb777400089a1abb
😎 Deploy Preview	https://deploy-preview-645--stryker-mutator.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 configuration.

[richardwerkman]

I'd add some more links to the playground on the site. Maybe at the bottom of the introduction page. Or even add an extra button in the header!

[psfinaki]

That's awesome, that will be actually super helpful - I always recreate something like this when I either explain mutation testing to somebody or just need to quickly check things out :)

On that note - it would be cool to "download" this playground, to have in a dev container or smth along those lines.

Another idea - putting the Stryker version somewhere there.

[rouke-broersma]

@psfinaki it's blazor so I think theoretically you should be able to just 'save' it as a pwa?

[psfinaki]

@rouke-broersma well I definitely don't have much knowledge on that but I guess PWA is usually shown like this:

Which is not the case here.

[rouke-broersma]

@rouke-broersma well I definitely don't have much knowledge on that but I guess PWA is usually shown like this: Which is not the case here.

Mhm, not sure what we would have to do to make it a PWA. Imo it should be theoretically possible anyway, there's no server component it's just a github pages static site. Sounds like a good feature request.

[hugo-vrijswijk]

You can make the page a PWA by adding a manifest.json and linking to it with a meta tag on the page. If you run Lighthouse with the PWA option enabled it gives a lot of info about what you need to do. This also has some good info: https://web.dev/pwa-checklist/

Also, this feature is awesome!!!

[nicojs]

@hugo-vrijswijk any idea why the build is parsing the CHANGELOG.md file from the stryker-js repo 🤦‍♂️?

:33:08 PM: SyntaxError: /opt/build/repo/docs/stryker-js/CHANGELOG.md: Expected corresponding JSX closing tag for <script>. (1027:337)
3:33:08 PM:   1025 | <h3 {...{id:bug-fixes-65}}>{`Bug Fixes`}</h3>
3:33:08 PM:   1026 | <ul>
3:33:08 PM: > 1027 | <li parentName=ul><strong parentName=li>{`vue:`}</strong>{` only mutate Vue files with `}<script>{` blocks (`}<a parentName=li {...{href:https://github.com/stryker-mutator/stryker/issues/1540}}>{`#1540`}</a>{`) (`}<a parentName=li {...{href:https://github.com/stryker-mutator/stryker/commit/ee4d27c}}>{`ee4d27c`}</a>{`)`}</li>
3:33:08 PM:        |                                                                                                                                                                                                                                                                                                                                                  ^
3:33:08 PM:   1028 | </ul>
3:33:08 PM:   1029 | <h3 {...{id:features-40}}>{`Features`}</h3>
3:33:08 PM:   1030 | <ul>
3:33:08 PM: [ERROR] Client bundle compiled with errors therefore further build is impossible.

[hugo-vrijswijk]

@nicojs I think it has to do with the way netlify caches the build differently to GH actions. I usually retry with a clean cache and stop thinking about it

[rachied]

@hugo-vrijswijk @nicojs can one of you clear the netlify cache for me?

[nicojs]

Note: I pushed some small improvements just to restart the pipeline thoroughly 😅

[nicojs]

Also: added an announcement: "📢 try out the new Stryker Playground right here in your browser!"
Also: merged it, because it is awesome! Thanks @rachied

[nicojs]

It's live: https://stryker-mutator.io/ 🎉