feat: Viewer 7.0.0

Rewrite the viewer to Vue 3 + Vite with a framework-agnostic custom-element
handler API (@nextcloud/viewer), a new open/openFolder/compare API and
file-action integration.

Opening a file, navigating and closing keep the Files router history in sync
via an openfile URL: refreshing re-opens the viewer, browser back/forward move
between shown files, and closing unwinds the pushed entries. The viewer menu
mirrors the Files actions, skipping custom-rendered and label-less entries so
no blank items are shown, and renders their icons through NcIconSvgWrapper.

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
Assisted-by: ClaudeCode:claude-opus-4-8

Author: skjnldsv

.eslintrc.json

@@ -22,19 +22,18 @@ vendor
 .php_cs.cache
 .php-cs-fixer.cache
 
-build/
-coverage/
-*.orig
-
-# We do not ship the Roboto font files (only needed for Playwright) - but we need to ship the other font files
-css/fonts/roboto-*
 js/*roboto*
 
 # Playwright files
-playwright-report/
-test-results/
-blob-report/
-playwright/.cache/
+/playwright-report/
+/test-results/
+/blob-report/
+/playwright/.cache/
 
 # RelativeCI webpack bundle stats
 webpack-stats.json
+*.orig
+.php-cs-fixer.cache
+
+# Test coverage
+/coverage/

.gitignore

@@ -36,7 +36,7 @@ SPDX-FileCopyrightText = "2023 Nextcloud GmbH and Nextcloud contributors"
 SPDX-License-Identifier = "AGPL-3.0-or-later"
 
 [[annotations]]
-path = [".eslintrc.json"]
+path = ["eslint.config.js", "stylelint.config.cjs", "rector.php"]
 precedence = "aggregate"
 SPDX-FileCopyrightText = "2024 Nextcloud GmbH and Nextcloud contributors"
 SPDX-License-Identifier = "AGPL-3.0-or-later"
@@ -83,12 +83,6 @@ precedence = "aggregate"
 SPDX-FileCopyrightText = "2012 AnRo0002 <https://commons.wikimedia.org/wiki/User:AnRo0002>"
 SPDX-License-Identifier = "CC0-1.0"
 
-[[annotations]]
-path = ["playwright/fixtures/test-card.mp4", "playwright/fixtures/test-card.png"]
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2023 Bulgarian National Television <https://commons.wikimedia.org/wiki/File:Bulgarian_colour_testcard.png>"
-SPDX-License-Identifier = "CC0-1.0"
-
 [[annotations]]
 path = ["playwright/fixtures/audio.mp3", "playwright/fixtures/audio.ogg"]
 precedence = "aggregate"
@@ -102,17 +96,11 @@ SPDX-FileCopyrightText = "2013 Wilfredor <https://commons.wikimedia.org/wiki/Use
 SPDX-License-Identifier = "CC0-1.0"
 
 [[annotations]]
-path = ["playwright/fixtures/image.bmp", "playwright/fixtures/image.png", "playwright/fixtures/image.webp"]
+path = ["playwright/fixtures/image.png", "playwright/fixtures/image.webp"]
 precedence = "aggregate"
 SPDX-FileCopyrightText = "2024 Master Unknown <https://unsplash.com/@exp00>"
 SPDX-License-Identifier = "LicenseRef-Unsplash"
 
-[[annotations]]
-path = ["playwright/fixtures/image.heic"]
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2024 HEIC Digital <https://heic.digital/download-sample/soundboard.heic>"
-SPDX-License-Identifier = "CC0-1.0"
-
 [[annotations]]
 path = ["img/app.svg"]
 precedence = "aggregate"

REUSE.toml

@@ -0,0 +1,5 @@
+import { recommended } from '@nextcloud/eslint-config'
+
+export default [
+	...recommended,
+]

eslint.config.js

@@ -23,6 +23,7 @@
  */
 class LoadViewerScript implements IEventListener {
 	private IInitialState $initialStateService;
+
 	private IPreview $previewManager;
 
 	public function __construct(
@@ -35,14 +36,12 @@ public function __construct(
 
 	#[\Override]
 	public function handle(Event $event): void {
-		if (!($event instanceof LoadViewer || $event instanceof LoadAdditionalScriptsEvent)) {
+		if (!$event instanceof LoadViewer && !$event instanceof LoadAdditionalScriptsEvent) {
 			return;
 		}
 
 		Util::addStyle(Application::APP_ID, 'viewer-init');
-		Util::addStyle(Application::APP_ID, 'viewer-main');
 		Util::addInitScript(Application::APP_ID, 'viewer-init');
-		Util::addScript(Application::APP_ID, 'viewer-main', 'files');
 		$this->initialStateService->provideInitialState('enabled_preview_providers', array_keys($this->previewManager->getProviders()));
 	}
 }