Frontend Upgrades (#165)

* feat(build): migrate frontend pipeline to vite and pnpm

- replace webpack entrypoints with @nextcloud/vite-config and Vue 3 bootstrap

- switch lockfile and package manager metadata to pnpm with updated dependencies

- move source styles to styles/ and ignore generated /css and /js artifacts

* chore(tooling): replace legacy lint and format configs

- add oxlint and biome configuration files and update VS Code recommendations

- remove old eslint, prettier, stylelint, babel, and phpactor config files

- keep workspace support files aligned with the new formatting baseline

* fix(files-ui): restore dialogs and action compatibility

- load SVG icons as raw markup and harden SvgHelper decoding paths

- update file action compatibility wrappers for modern Nextcloud action signatures

- switch feedback and settings flows to current Nextcloud auth, router, and dialog APIs

* chore(ci): align workflows with pnpm and biome

- run frontend CI checks with pnpm, oxlint, and biome format validation

- switch release workflow node setup to pnpm-based dependency management

- keep php-cs-fixer in check mode instead of auto-committing fixes

* chore(deploy): update build automation for pnpm assets

- migrate Makefile install, build, and lint targets from npm scripts to pnpm

- update packaging excludes for new config files and styles source directory

- refresh staging deploy script to bootstrap pnpm and rebuild generated css/js assets

* chore(deploy): makefile cleanup

* fix(ci): setup pnpm before node cache in lint workflow

- install pnpm before actions/setup-node cache=pnpm to avoid missing executable errors

- rename php lint job to backend-lint for clearer check naming

* chore(ci): cleanup

* fix(ci): align pnpm action version with packageManager

- use pnpm/action-setup version 10.28.2 to match packageManager field

- prevent setup failure from mixed pnpm version declarations in workflows

* feat(frontend): strengthen TypeScript safety and tooling

- remove oxlint and standardize lint/format workflows on Biome with check/fix script pairs

- add vue-tsc type checking and integrate @nextcloud/typings for NC33-oriented global type coverage

- migrate frontend source modules from JavaScript to TypeScript and update Vite entrypoints/config

- update Makefile and CI lint pipeline to run pnpm + biome + typecheck consistently

* feat(ci): stage deployment

Author: mahiarirani

.eslintrc.js

@@ -10,7 +10,8 @@ on:
       - reopened
 
 jobs:
-  php-cs-fixer:
+  backend-lint:
+    name: Backend Lint
     runs-on: ubuntu-latest
 
     strategy:
@@ -30,12 +31,36 @@ jobs:
         run: composer require --dev friendsofphp/php-cs-fixer
 
       - name: Run php-cs-fixer
-        run: vendor/bin/php-cs-fixer fix
+        run: vendor/bin/php-cs-fixer fix --dry-run --diff
 
-      - name: Commit changes
-        uses: stefanzweifel/git-auto-commit-action@v5
+  frontend-lint:
+    name: Frontend Lint
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
         with:
-          commit_message: "chore: fix code style"
-          commit_options: "--no-verify"
-          commit_user_name: "GitHub Actions"
-          commit_user_email: "github-actions[bot]@users.noreply.github.com"
+          version: 10.28.2
+          run_install: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run Biome lint
+        run: pnpm run lint
+
+      - name: Run Biome format check
+        run: pnpm run format
+
+      - name: Run TypeScript type check
+        run: pnpm run typecheck

.github/workflows/lint.yml

@@ -37,21 +37,17 @@ jobs:
         with:
           path: ${{ env.APP_NAME }}
 
-      - name: Read package.json node and npm engines version
-        uses: skjnldsv/read-package-engines-version-actions@v1.2
-        id: versions
+      - name: Set up node
+        uses: actions/setup-node@v4
         with:
-          path: ./${{ env.APP_NAME }}/
-          fallbackNode: "^14"
-          fallbackNpm: "^7"
+          node-version: "24"
+          cache: "pnpm"
+          cache-dependency-path: ./${{ env.APP_NAME }}/pnpm-lock.yaml
 
-      - name: Set up node ${{ steps.versions.outputs.nodeVersion }}
-        uses: actions/setup-node@v3
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
         with:
-          node-version: ${{ steps.versions.outputs.nodeVersion }}
-
-      - name: Set up npm ${{ steps.versions.outputs.npmVersion }}
-        run: npm i -g npm@"${{ steps.versions.outputs.npmVersion }}"
+          version: 10.28.2
 
       - name: Run build
         run: |

.github/workflows/release.yml

@@ -13,6 +13,19 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
+      - name: Copy staging deploy script
+        uses: appleboy/scp-action@master
+        with:
+          host: ${{ vars.STAGING_SERVER_HOST }}
+          username: ${{ vars.STAGING_SERVER_USER }}
+          key: ${{ secrets.STAGING_SSH_PRIVATE_KEY }}
+          proxy_host: ${{ vars.STAGING_PROXY_HOST }}
+          proxy_username: ${{ vars.STAGING_PROXY_USER }}
+          proxy_key: ${{ secrets.STAGING_PROXY_SSH_PRIVATE_KEY }}
+          source: "scripts/stage/deploy.sh"
+          target: "/tmp"
+          strip_components: 1
+
       - name: Deploy
         uses: appleboy/ssh-action@master
         with:
@@ -22,4 +35,11 @@ jobs:
           proxy_host: ${{ vars.STAGING_PROXY_HOST }}
           proxy_username: ${{ vars.STAGING_PROXY_USER }}
           proxy_key: ${{ secrets.STAGING_PROXY_SSH_PRIVATE_KEY }}
-          script: bash deploy
+          script: |
+            set -e
+            SCRIPT_PATH="/tmp/deploy.sh"
+            if [ ! -f "$SCRIPT_PATH" ]; then
+              SCRIPT_PATH="/tmp/scripts/stage/deploy.sh"
+            fi
+            chmod +x "$SCRIPT_PATH"
+            bash "$SCRIPT_PATH"

.github/workflows/staging.yml

@@ -2,7 +2,8 @@
 .env
 /build
 /dev-environment
-js/nextcloud-swarm-plugin*.*
+/css
+/js
 /.php-cs-fixer.cache
 
 # Package Manages

.gitignore

@@ -8,7 +8,7 @@
 		"junstyle.php-cs-fixer",
 		"xdebug.php-debug",
 		"bmewburn.vscode-intelephense-client",
-		"esbenp.prettier-vscode"
+		"biomejs.biome"
 	],
 	// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
 	"unwantedRecommendations": []

.phpactor.json

@@ -1,3 +1,7 @@
 {
-	"editor.formatOnSave": true
+	"editor.formatOnSave": true,
+	"search.exclude": {
+		"**/dev-environment": true,
+		"**/vendor": true
+	}
 }