added dev env and build action

.github/workflows/main.yml

@@ -0,0 +1,34 @@
+name: Build And Upload
+on:
+  push:
+    branches: [ main ]
+  workflow_dispatch: 
+
+concurrency: 
+  group: "build"
+  cancel-in-progress: true
+
+jobs:
+  builds:
+    name: "Build 🔨"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Get latest code
+        uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with: 
+          node-version: 20
+          cache: "npm"
+      - name: Build Sveltekit
+        run: | 
+          npm i
+          npm run build
+      - name: Upload to Server 📁
+        uses: sebastianpopp/ftp-action@releases/v2
+        with:
+          host: ${{ secrets.ftp_server }}
+          user: ${{ secrets.ftp_username }}
+          password: ${{ secrets.ftp_password }}
+          options: "--delete"
+          localDir: "build"

package.json

@@ -11,6 +11,7 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-static": "^3.0.2",
 		"@sveltejs/kit": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"svelte": "^4.2.7",
@@ -19,5 +20,8 @@
 		"typescript": "^5.0.0",
 		"vite": "^5.0.3"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"jszip": "^3.10.1"
+	}
 }

src/lib/comp/MainMenu.svelte

@@ -9,11 +9,9 @@
     let mobileVisible: boolean = false;
 
     async function loadContributors(): Promise<void> {
+        let url = import.meta.env.DEV ? "/testData/contributors.json" : "https://api.github.com/repos/Gunivers/Bookshelf/contributors";
         contributors = await (
-            await fetch(
-                // "https://api.github.com/repos/Gunivers/Bookshelf/contributors",
-                "/testData/contributors.json",
-            )
+            await fetch(url)
         ).json();
     }
 </script>

src/lib/comp/ModuleSelector.svelte

@@ -32,10 +32,8 @@
         }
 
         try {
-            let result = await fetch(
-                // `https://raw.githubusercontent.com/Gunivers/Bookshelf/${_selectedRelease.tag_name}/generated/manifest.json`,
-                `/testData/manifest.json`,
-            );
+            let url = import.meta.env.DEV ? `/testData/manifest.json` : `https://raw.githubusercontent.com/Gunivers/Bookshelf/${_selectedRelease.tag_name}/generated/manifest.json`;
+            let result = await fetch(url);
             if (!result.ok) {
                 throw new Error(`${result.status} - ${result.statusText}`);
             }

src/lib/comp/VersionSelector.svelte

@@ -9,11 +9,9 @@
     async function loadReleases(): Promise<void> {
         return new Promise(async (resolve, reject) => {
             try {
+                let url = import.meta.env.DEV ? "/testData/releases.json" : "https://api.github.com/repos/Gunivers/Bookshelf/releases";
                 releases = await (
-                    await fetch(
-                        // "https://api.github.com/repos/Gunivers/Bookshelf/releases",
-                        "/testData/releases.json"
-                    )
+                    await fetch(url)
                 ).json();
                 if (releases.length <= 0) return;
                 selectedReleaseId = releases[0].id;

src/routes/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true

svelte.config.js

@@ -1,4 +1,4 @@
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */