Update ZenML tutorial extension to version 0.1.3, including changes to package files, Dockerfile, and README for improved user guidance and consistent versioning across components.

Author: safoinme

.devcontainer/extensions/zenml-tutorial-0.1.1.vsix renamed to .devcontainer/extensions/zenml-tutorial-0.1.3.vsix

@@ -41,7 +41,7 @@ jobs:
       - name: Build theme extension
         run: |
           echo "Building theme extension..."
-          cd themes && npx @vscode/vsce package --out ./zenml-color-theme-0.1.1.vsix
+          cd themes && npx @vscode/vsce package --out ./zenml-color-theme-0.1.3.vsix
 
       - name: Verify extensions were builts
         run: |
@@ -54,11 +54,11 @@ jobs:
             exit 1
           fi
           
-          if [ -f "themes/zenml-color-theme-0.1.1.vsix" ]; then
+          if [ -f "themes/zenml-color-theme-0.1.3.vsix" ]; then
             echo "Theme extension built successfully:"
-            ls -la themes/zenml-color-theme-0.1.1.vsix
+            ls -la themes/zenml-color-theme-0.1.3.vsix
           else
-            echo "ERROR: zenml-color-theme-0.1.1.vsix not found"
+            echo "ERROR: zenml-color-theme-0.1.3.vsix not found"
             exit 1
           fi
 
@@ -72,7 +72,7 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: theme-extension
-          path: themes/zenml-color-theme-0.1.1.vsix
+          path: themes/zenml-color-theme-0.1.3.vsix
 
       - name: Commit and push built extensions
         # Only commit on push to main/develop branches, not on PRs
@@ -83,7 +83,7 @@ jobs:
           
           # Add the built extensions to git
           git add .devcontainer/extensions/zenml-tutorial-*.vsix
-          git add themes/zenml-color-theme-0.1.1.vsix
+          git add themes/zenml-color-theme-0.1.3.vsix
           
           # Check if there are any changes to commit
           if git diff --staged --quiet; then

.github/workflows/build-extensions.yml

@@ -110,7 +110,13 @@ The fastest way to get started - no local setup required.
 
 ### Auto-Open Tutorial
 
-By default, the tutorial homepage opens automatically when you start VS Code. You can control this behavior:
+The tutorial homepage opens automatically when you start VS Code in the following scenarios:
+- **On first install** (always opens the first time you install the extension)
+- **In GitHub Codespaces** (when `CODESPACES=true`)
+- **When tutorial is enabled** (when `ZENML_ENABLE_TUTORIAL=true`)
+- **When user setting is enabled** (see configuration options below)
+
+You can control the user preference behavior:
 
 #### 🔧 Quick Disable
 When the welcome message appears, click **"Don't Show Again"** to disable auto-opening.
@@ -121,15 +127,42 @@ When the welcome message appears, click **"Don't Show Again"** to disable auto-o
 3. Toggle **"Auto Open Tutorial"** on/off
 
 #### 🔧 Settings JSON
-Add to your VS Code settings:
+Add to your VS Code settings to enable auto-open (disabled by default):
 ```json
 {
-  "zenml.autoOpenTutorial": false
+  "zenml.autoOpenTutorial": true
 }
 ```
 
 **Note**: You can always access the tutorial manually via the ZenML sidebar (book icon) or Command Palette (`Ctrl+Shift+P` → "ZenML: Open ZenML Tutorial Homepage").
 
+#### 📖 Manual Tutorial Access
+
+If the tutorial doesn't open automatically, you can easily access it manually:
+
+**Method 1: Using the ZenML Tutorial Sidebar**
+1. Look for the ZenML Tutorial icon (📖) in the Activity Bar (left side of VS Code)
+2. Click on it to open the tutorial panel
+3. Click "Open Homepage" to start the tutorial
+
+![Tutorial Sidebar](assets/tutorial-sidebar.png)
+
+**Method 2: Using the Main Sidebar**
+1. Open the main VS Code sidebar (Explorer view)
+2. Scroll down to find "ZenML Tutorial" in the extensions list
+3. Click on it to access the tutorial
+
+![Main Sidebar](assets/main-sidebar.png)
+
+**Method 3: Using Command Palette**
+1. Press `Ctrl+Shift+P` (or `Cmd+Shift+P` on Mac)
+2. Type "ZenML: Open ZenML Tutorial Homepage"
+3. Press Enter
+
+Once opened, you'll see the welcome screen:
+
+![Tutorial Welcome Screen](assets/tutorial-welcome.png)
+
 ### Dashboard URL
 
 Configure the ZenML dashboard URL for pipeline run links:

README.md

@@ -6,7 +6,7 @@
     "url": "https://github.com/zenml-io/vscode-tutorial-extension"
   },
   "description": "Interactive ZenML pipeline tutorials with step-by-step guidance and one-click execution",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "publisher": "zenml-io",
   "engines": {
     "vscode": "^1.90.0"

assets/main-sidebar.png

@@ -1,13 +1,15 @@
 ARG ZENML_VERSION=latest
 ARG PROJECT_DIR_NAME
+ARG EXTENSION_VERSION=0.1.4
 
 FROM zenmldocker/zenml-codespace:${ZENML_VERSION}
 
 # Set build arguments again for use in subsequent commands
 ARG PROJECT_DIR_NAME
+ARG EXTENSION_VERSION
 
 # Set the working directory for the project
-WORKDIR /home/coder/extensions/zenml-io.zenml-tutorial-0.1.1/pipelines
+WORKDIR /home/coder/extensions/zenml-io.zenml-tutorial-${EXTENSION_VERSION}-universal/pipelines
 
 # Copy the specific project's requirements file
 COPY ./${PROJECT_DIR_NAME}/requirements.txt /tmp/requirements.txt

assets/tutorial-sidebar.png

@@ -1,22 +1,36 @@
 import * as vscode from "vscode";
+import * as fs from "fs";
+import * as path from "path";
+
+function getExtensionVersion(): string {
+  try {
+    const packageJsonPath = path.join(__dirname, "..", "..", "package.json");
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+    return packageJson.version;
+  } catch (error) {
+    console.warn("Could not read package.json version, using fallback", error);
+    return "0.1.4"; // Fallback version
+  }
+}
 
 export default function getExtensionUri(context: vscode.ExtensionContext) {
   if (context.extensionMode === vscode.ExtensionMode.Production) {
     // Check if ZENML_ENABLE_TUTORIAL is set to true (for codespace containers)
     const isTutorialEnabled = process.env.ZENML_ENABLE_TUTORIAL === "true";
     const isCodespace = process.env.CODESPACES === "true";
+    const version = getExtensionVersion();
 
     if (isTutorialEnabled) {
       // Use the codespace container extension path when tutorial is enabled
       return vscode.Uri.file(
-        "/home/coder/extensions/zenml-io.zenml-tutorial-0.1.1"
+        `/home/coder/extensions/zenml-io.zenml-tutorial-${version}-universal`
       );
     } else {
       // Use the original logic for other environments
       return vscode.Uri.file(
         `/root/${
           isCodespace ? ".vscode-remote" : ".vscode-server"
-        }/extensions/zenml-io.zenml-tutorial-0.1.1`
+        }/extensions/zenml-io.zenml-tutorial-${version}`
       );
     }
   } else {