No preview & styling issues.

[MirjamElad]

Describe the bug

Hello everyone & thank you for this promissing "framework",

I just started testing tutorialkit less than three hours ago (Meaning the very last release at the time of me writing this message).
Upon running > pnpm create tutorial and without making any changes. I get a result on (see first image) http://localhost:4321/1-basics/1-introduction/1-welcome that doesn't have a proper preview, also styling seems wrong and doesn't match what Tomek Sułkowski's presentation shows (see seconde image)

The main screen on my machine

The main screen as presented by Tomek Sułkowski here: Tomek Sułkowski | TutorialKit: In-Browser Teaching for All! | ViteConf 2024

Note that I am on a Windows 11 machine and I use VsCode (not that it should matter)

Link to a StackBlitz project which shows the error

No response

Steps to reproduce

As I said earlier. Nothing special, I just run the project as specified in the guide

Expected behavior

I'd expect it to work as advertized. Again, I did not add a single character, just run it and the result were not as described above.

Screenshots

Platform

• TutorialKit version: [e.g. 1.0.1]
• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[AriPerkkio]

I can reproduce this on Windows.

This is very similar to issues below. We definitely need to improve testing on Windows CI.

• Preview window has height 0 #183
• Initial setup (CSS) broken on Windows  #182

[MirjamElad]

The suggested windows fix is no longer straight forward to apply.
uno.config.ts is now basicaly empty

[AriPerkkio]

Yep, that old work-around won't work for this one unfortunately. We will prioritise this issue in the beginning on next week and get this fixed as soon as possible.

[AriPerkkio]

This is now fixed and released in v1.1.1.