Port frontend to Svelte 5 and SvelteKit (#524)

* begin port * rewrite frontpage * add graphql client * add unplugin-icons * frontpage overhaul * add register functionality * new layout * format codebase * delete old frontend * add secondary button style * update deps * fix page builds * migrate eslint * update action * fix overlay * fix colour accessibility in button * fix static builds and warnings * Add banner, use svg * add graphql interactions * properly embed version * fix some styles * up * rm border radius * fix cargo features * add queries * add dialog, finish register * add mutation for oauth app register * rm unused asset * reformat codebase * add loading indicator * restructure * add form validation via zod * update media query * allow lint * up * oauth progress * Fix warnings * up * fix lints --------- Co-authored-by: vesdev <[email protected]>
kitsune-soc · Sep 4, 2024 · 5f69e47 · 5f69e47
1 parent 5bddb42
commit 5f69e47
Show file tree

Hide file tree

Showing 128 changed files with 7,217 additions and 9,467 deletions.
diff --git a/.github/workflows/frontend.yml b/.github/workflows/frontend.yml
@@ -16,19 +16,22 @@ jobs:
       - uses: actions/checkout@v4
       - uses: DeterminateSystems/nix-installer-action@v4
       - uses: DeterminateSystems/magic-nix-cache-action@main
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-      - uses: actions/cache@v4
-        id: yarn-cache
+      - name: Cache node modules
+        id: cache-npm
+        uses: actions/cache@v3
+        env:
+          cache-name: cache-node-modules
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+            ${{ runner.os }}-build-
+            ${{ runner.os }}-
       - name: Build frontend
         working-directory: ./kitsune-fe
-        run: nix develop ..#frontend --command bash -c "yarn && yarn build"
+        run: nix develop ..#frontend --command bash -c "npm i && npm run build"
 
   lints:
     name: Check lints
@@ -37,16 +40,19 @@ jobs:
       - uses: actions/checkout@v4
       - uses: DeterminateSystems/nix-installer-action@v4
       - uses: DeterminateSystems/magic-nix-cache-action@main
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-      - uses: actions/cache@v4
-        id: yarn-cache
+      - name: Cache node modules
+        id: cache-npm
+        uses: actions/cache@v3
+        env:
+          cache-name: cache-node-modules
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+            ${{ runner.os }}-build-
+            ${{ runner.os }}-
       - name: Run linter
         working-directory: ./kitsune-fe
-        run: nix develop ..#frontend --command bash -c "yarn && yarn lint"
+        run: nix develop ..#frontend --command bash -c "npm i && npm run lint"