Swap to Vite

Author: Lego-Fan9

.github/workflows/deploy.yml

@@ -0,0 +1,54 @@
+name: Deploy Vite app to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main  # or master, depending on your default branch
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: site
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build Vite app
+        run: npm run build
+
+      - name: Upload build output
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: site/dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+
+				

.gitignore

@@ -143,9 +143,6 @@ venv.bak/
 # Rope project settings
 .ropeproject
 
-# mkdocs documentation
-/site
-
 # mypy
 .mypy_cache/
 .dmypy.json

site/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

about/index.html site/about/index.htmlabout/index.html renamed to site/about/index.html

@@ -7,7 +7,7 @@
     <meta name="description" content="LegoFan9 SWGoH Tools - About">
     <meta name="author" content="LegoFan9">
     <link rel="icon" href="../favicon.ico">
-    <link rel="stylesheet" href="../utils/nav-bar/nav-bar.css">
+    <link rel="stylesheet" href="../src/nav-bar.css">
     <link rel="stylesheet" href="style.css">
     <title>LegoFan9 Tools</title>
     <!-- Google tag (gtag.js) -->
@@ -30,9 +30,9 @@
                 <ul class="nav-links">
                     <li><a href="javascript:history.back()">Back</a></li>
                     <li><a href="/">Home</a></li>
-                    <li><a href="/swgoh-portrait-maker">SWGoH Portrait Maker</a></li>
-                    <li><a href="/swgoh-updates">SWGoH Updates</a></li>
-                    <li><a href="/about">About</a></li>
+                    <li><a href="/swgoh-portrait-maker/">SWGoH Portrait Maker</a></li>
+                    <li><a href="/swgoh-updates/">SWGoH Updates</a></li>
+                    <li><a href="/about/">About</a></li>
                 </ul>
             </div>
         </nav>
@@ -42,10 +42,10 @@
     <p>Hi! I'm LegoFan9, I made this site originally for portrait maker, however I have since added numerous tools. Here
         are some of the ones I find most worth sharing</p>
     <ul>
-        <li><a href="../swgoh-updates">Update Notifier</a> A discord based automatic datamining tool for SWGoH</li>
-        <li><a href="../swgoh-portrait-maker">SWGoH Portrait Maker</a> A tool that overlays custom SWGoH style borders over your images</li>
+        <li><a href="../swgoh-updates/">Update Notifier</a> A discord based automatic datamining tool for SWGoH</li>
+        <li><a href="../swgoh-portrait-maker/">SWGoH Portrait Maker</a> A tool that overlays custom SWGoH style borders over your images</li>
         <li><a href="https://github.com/Lego-Fan9/swgoh-assetapi">SWGoH AssetAPI</a> An asset datamining tool for SWGoH</li>
-        <li><a href="../swgoh-updates/sprite-downloads">SWGoH Sprite Cutter</a> A tool that datamines SWGoH sprites. Closed source, but you can download
+        <li><a href="../swgoh-updates/sprite-downloads/">SWGoH Sprite Cutter</a> A tool that datamines SWGoH sprites. Closed source, but you can download
             assets</li>
     </ul>
     <p>There are more plans for the future, but for now I think thats all. MTFBWY</p>

about/style.css site/about/style.cssabout/style.css renamed to site/about/style.css

@@ -40,4 +40,4 @@ ul li a:hover {
     p, ul {
         padding: 0 10px;
     }
-}
+}

index.html site/index.htmlindex.html renamed to site/index.html

@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="LegoFan9's Star Wars: Galaxy of Heroes Tools">
     <meta name="author" content="LegoFan9">
-    <link rel="icon" href="favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="utils/nav-bar/nav-bar.css">
+    <link rel="icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="src/nav-bar.css">
     <title>LegoFan9's SWGoH Tools</title>
     <style>
         body {
@@ -94,9 +94,9 @@
                 <ul class="nav-links">
                     <li><a href="javascript:history.back()">Back</a></li>
                     <li><a href="/">Home</a></li>
-                    <li><a href="/swgoh-portrait-maker">SWGoH Portrait Maker</a></li>
-                    <li><a href="/swgoh-updates">SWGoH Updates</a></li>
-                    <li><a href="/about">About</a></li>
+                    <li><a href="/swgoh-portrait-maker/">SWGoH Portrait Maker</a></li>
+                    <li><a href="/swgoh-updates/">SWGoH Updates</a></li>
+                    <li><a href="/about/">About</a></li>
                 </ul>
             </div>
         </nav>