fix: review

Author: AriPerkkio

docs/tutorialkit.dev/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tutorialkit/react": "workspace:*",
-    "@webcontainer/api": "1.5.0",
+    "@webcontainer/api": "1.5.1",
     "classnames": "^2.5.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx

@@ -413,7 +413,8 @@ type TemplateType = "html" | "node" | "angular-cli" | "create-react-app" | "java
 ```
 
 ### `downloadAsZip`
-Display a button for downloading the current lesson as `.zip` file.
+Display a button for downloading the current lesson as `.zip` file. Defaults to `false`.
+The default filename is constructed by concatenating folder names of part,  chapter and lesson.
 <PropertyTable inherited type="DownloadAsZip" />
 
 The `DownloadAsZip` type has the following shape:

packages/astro/package.json

@@ -45,7 +45,7 @@
     "@tutorialkit/types": "workspace:*",
     "@types/react": "^18.3.3",
     "@unocss/reset": "^0.62.2",
-    "@webcontainer/api": "1.5.0",
+    "@webcontainer/api": "1.5.1",
     "astro": "^4.15.0",
     "astro-expressive-code": "^0.35.3",
     "chokidar": "3.6.0",

packages/astro/src/default/components/DownloadButton.tsx

@@ -25,7 +25,7 @@ async function onClick() {
   let filename =
     typeof lesson.data.downloadAsZip === 'object'
       ? lesson.data.downloadAsZip.filename
-      : `${lesson.part.id}-${lesson.chapter.id}-${lesson.id}.zip`;
+      : [lesson.part?.id, lesson.chapter?.id, lesson.id].filter(Boolean).join('-');
 
   if (!filename.endsWith('.zip')) {
     filename += '.zip';

packages/astro/src/default/utils/content.ts

@@ -161,7 +161,7 @@ async function parseCollection(collection: CollectionEntryTutorial[]) {
       tutorialMetaData.template ??= 'default';
       tutorialMetaData.i18n = Object.assign({ ...DEFAULT_LOCALIZATION }, tutorialMetaData.i18n);
       tutorialMetaData.openInStackBlitz ??= true;
-      tutorialMetaData.downloadAsZip ??= true;
+      tutorialMetaData.downloadAsZip ??= false;
 
       tutorial.logoLink = data.logoLink;
     } else if (type === 'part') {

packages/cli/overwrites/src/content/tutorial/meta.md

@@ -3,4 +3,5 @@ type: tutorial
 mainCommand: ['npm run dev', 'Starting http server']
 prepareCommands:
   - ['npm install', 'Installing dependencies']
+downloadAsZip: true
 ---

packages/react/package.json

@@ -85,7 +85,7 @@
     "@replit/codemirror-lang-svelte": "^6.0.0",
     "@tutorialkit/runtime": "workspace:*",
     "@tutorialkit/theme": "workspace:*",
-    "@webcontainer/api": "1.5.0",
+    "@webcontainer/api": "1.5.1",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/addon-web-links": "^0.11.0",
     "@xterm/xterm": "^5.5.0",

packages/runtime/package.json

@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@tutorialkit/types": "workspace:*",
-    "@webcontainer/api": "1.5.0",
+    "@webcontainer/api": "1.5.1",
     "nanostores": "^0.10.3",
     "picomatch": "^4.0.2"
   },

packages/test-utils/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "private": true,
   "devDependencies": {
-    "@webcontainer/api": "1.5.0",
+    "@webcontainer/api": "1.5.1",
     "typescript": "^5.4.5",
     "vitest": "^2.1.1"
   }