Fix logo paths in Logo.svelte and build.py

Author: softwareentrepreneer

.github/workflows/deploy.yml

@@ -67,7 +67,10 @@ jobs:
         working-directory: ./afterpython/_website
 
       - name: Build website
-        run: ap build
+        run: |
+          echo "Repository name: ${{ github.event.repository.name }}"
+          echo "BASE_PATH: $BASE_PATH"
+          ap build
         env:
           BASE_PATH: '/${{ github.event.repository.name }}'
 

afterpython/_website/src/lib/components/Logo.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { resolve } from '$app/paths';
+	import { asset, resolve } from '$app/paths';
 
 	type LogoProps = {
 		class?: string;
@@ -25,11 +25,11 @@
 
 		// Try formats in priority order: svg -> png -> jpg -> jpeg
 		if (currentSrc.endsWith('/logo.svg')) {
-			img.src = '/logo.png';
+			img.src = asset(`/logo.png`);
 		} else if (currentSrc.endsWith('/logo.png')) {
-			img.src = '/logo.jpg';
+			img.src = asset(`/logo.jpg`);
 		} else if (currentSrc.endsWith('/logo.jpg')) {
-			img.src = '/logo.jpeg';
+			img.src = asset(`/logo.jpeg`);
 		} else {
 			// All formats failed, hide the logo
 			hasLogo = false;
@@ -40,7 +40,7 @@
 {#if hasLogo}
 	<a href={resolve('/')} class="flex items-center {className}">
 		<img
-			src={resolve(`/logo.svg`)}
+			src={asset(`/logo.svg`)}
 			alt="Logo"
 			class="{sizeClasses[size]} w-auto"
 			onerror={handleImageError}

afterpython/cli/commands/build.py

@@ -161,6 +161,7 @@ def build(ctx, dev: bool, execute: bool):
             # NOTE: needs to set BASE_URL so that the project website can link to the content pages correctly at e.g. localhost:5173/doc
             # BASE_PATH is set by the GitHub Actions workflow
             base_path = os.getenv("BASE_PATH", "")
+            click.echo(f"Using BASE_PATH: {base_path}")
             build_env = {**node_env, "BASE_URL": f"{base_path}/{content_type}"}
             result = subprocess.run(
                 [