From b5406c2da02da0ce473b08c26f57eb0da0f92006 Mon Sep 17 00:00:00 2001 From: Ap_Tx <3045929398@qq.com> Date: Thu, 1 Oct 2026 22:45:02 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A7=BB=E6=A4=8D=E6=88=AA=E5=9B=BE?= =?UTF-8?q?=E4=B8=AD=E5=BF=83=EF=BC=88=E6=B5=8F=E8=A7=88/=E5=88=86?= =?UTF-8?q?=E7=BB=84/=E7=BC=96=E8=BE=91/=E5=AF=BC=E5=87=BA=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/app-frontend/package.json | 3 + apps/app-frontend/src/App.vue | 13 + .../components/ui/screenshots-page/card.vue | 289 +++ .../ui/screenshots-page/drag-gather.vue | 96 + .../ui/screenshots-page/drag-preview.vue | 75 + .../components/ui/screenshots-page/group.vue | 243 +++ .../components/ui/screenshots-page/index.vue | 1706 +++++++++++++++++ .../ui/screenshots-page/section.vue | 169 ++ .../ui/screenshots-page/toolbar.vue | 87 + .../use-screenshot-drag-gather.ts | 130 ++ .../src/composables/use-app-event.ts | 17 + .../src/composables/use-image-thumbnail.ts | 154 ++ apps/app-frontend/src/helpers/instance.ts | 89 +- .../app-frontend/src/locales/en-US/index.json | 1698 ++++++---------- apps/app-frontend/src/pages/Screenshots.vue | 11 + .../src/pages/instance/query-options.ts | 57 + apps/app-frontend/src/routes.js | 8 + packages/ui/package.json | 1 + .../components/base/InlineEditableText.vue | 248 +++ packages/ui/src/components/base/index.ts | 1 + .../image-viewer-editor/controls.vue | 316 +++ .../components/image-viewer-editor/editor.vue | 580 ++++++ .../image-viewer-editor-censor-object.ts | 15 + .../image-viewer-editor-messages.ts | 57 + .../image-viewer-editor-types.ts | 49 + .../components/image-viewer-editor/index.vue | 319 +++ .../image-viewer-editor/toolbar.vue | 92 + .../components/image-viewer-editor/types.ts | 29 + .../image-viewer-editor/use-image-editor.ts | 1700 ++++++++++++++++ packages/ui/src/components/index.ts | 8 + packages/ui/src/locales/en-US/index.json | 174 +- .../ui/src/providers/image-viewer-editor.ts | 15 + packages/ui/src/providers/index.ts | 1 + pnpm-lock.yaml | 628 +++++- 34 files changed, 7954 insertions(+), 1124 deletions(-) create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/card.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/drag-gather.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/drag-preview.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/group.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/index.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/section.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/toolbar.vue create mode 100644 apps/app-frontend/src/components/ui/screenshots-page/use-screenshot-drag-gather.ts create mode 100644 apps/app-frontend/src/composables/use-app-event.ts create mode 100644 apps/app-frontend/src/composables/use-image-thumbnail.ts create mode 100644 apps/app-frontend/src/pages/Screenshots.vue create mode 100644 apps/app-frontend/src/pages/instance/query-options.ts create mode 100644 packages/ui/src/components/base/InlineEditableText.vue create mode 100644 packages/ui/src/components/image-viewer-editor/controls.vue create mode 100644 packages/ui/src/components/image-viewer-editor/editor.vue create mode 100644 packages/ui/src/components/image-viewer-editor/image-viewer-editor-censor-object.ts create mode 100644 packages/ui/src/components/image-viewer-editor/image-viewer-editor-messages.ts create mode 100644 packages/ui/src/components/image-viewer-editor/image-viewer-editor-types.ts create mode 100644 packages/ui/src/components/image-viewer-editor/index.vue create mode 100644 packages/ui/src/components/image-viewer-editor/toolbar.vue create mode 100644 packages/ui/src/components/image-viewer-editor/types.ts create mode 100644 packages/ui/src/components/image-viewer-editor/use-image-editor.ts create mode 100644 packages/ui/src/providers/image-viewer-editor.ts diff --git a/apps/app-frontend/package.json b/apps/app-frontend/package.json index 86ec06a..47adfd0 100644 --- a/apps/app-frontend/package.json +++ b/apps/app-frontend/package.json @@ -14,6 +14,9 @@ "test": "vue-tsc --noEmit && node --test \"src/**/*.test.ts\"" }, "dependencies": { + "@dnd-kit/core": "6.3.1", + "@dnd-kit/utilities": "3.2.2", + "@dnd-kit/vue": "^0.5.0", "@lobehub/icons-static-svg": "1.94.0", "@modrinth/api-client": "workspace:^", "@modrinth/assets": "workspace:*", diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue index 19f6881..7146f4e 100644 --- a/apps/app-frontend/src/App.vue +++ b/apps/app-frontend/src/App.vue @@ -8,6 +8,7 @@ import { FlaskConicalIcon, FolderOpenIcon, HomeIcon, + ImagesIcon, LeftArrowIcon, LibraryIcon, LogInIcon, @@ -763,6 +764,10 @@ const messages = defineMessages({ defaultMessage: 'Library', }, multiplayer: { + screenshots: { + id: 'app.navigation.screenshots', + defaultMessage: 'Screenshots', + }, id: 'app.navigation.multiplayer', defaultMessage: 'Multiplayer', }, @@ -2324,6 +2329,14 @@ provideAppUpdateDownloadProgress(appUpdateDownload) > + + + + + + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/drag-gather.vue b/apps/app-frontend/src/components/ui/screenshots-page/drag-gather.vue new file mode 100644 index 0000000..a2a86a4 --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/drag-gather.vue @@ -0,0 +1,96 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/drag-preview.vue b/apps/app-frontend/src/components/ui/screenshots-page/drag-preview.vue new file mode 100644 index 0000000..88d8667 --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/drag-preview.vue @@ -0,0 +1,75 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/group.vue b/apps/app-frontend/src/components/ui/screenshots-page/group.vue new file mode 100644 index 0000000..f64937c --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/group.vue @@ -0,0 +1,243 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/index.vue b/apps/app-frontend/src/components/ui/screenshots-page/index.vue new file mode 100644 index 0000000..9875dd2 --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/index.vue @@ -0,0 +1,1706 @@ + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/section.vue b/apps/app-frontend/src/components/ui/screenshots-page/section.vue new file mode 100644 index 0000000..6d7479f --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/section.vue @@ -0,0 +1,169 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/toolbar.vue b/apps/app-frontend/src/components/ui/screenshots-page/toolbar.vue new file mode 100644 index 0000000..4d40e82 --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/toolbar.vue @@ -0,0 +1,87 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/components/ui/screenshots-page/use-screenshot-drag-gather.ts b/apps/app-frontend/src/components/ui/screenshots-page/use-screenshot-drag-gather.ts new file mode 100644 index 0000000..a018d79 --- /dev/null +++ b/apps/app-frontend/src/components/ui/screenshots-page/use-screenshot-drag-gather.ts @@ -0,0 +1,130 @@ +import { onBeforeUnmount, type Ref, ref } from 'vue' + +import type { InstanceScreenshot } from '@/helpers/instance' + +type Point = { + x: number + y: number +} + +export type ActiveScreenshotDrag = { + primarySelectionKey: string + selectionKeys: string[] +} + +export const gatherDuration = 500 + +export type ScreenshotDragGatherItem = { + screenshot: InstanceScreenshot + selectionKey: string + rect: { + left: number + top: number + width: number + height: number + } +} + +function getSelectionKey(screenshot: InstanceScreenshot) { + return JSON.stringify([screenshot.instance_id, screenshot.file_name]) +} + +export function useScreenshotDragGather(screenshots: Ref) { + const items = ref([]) + const target = ref({ x: 0, y: 0 }) + const targetOffset = ref({ x: 0, y: 0 }) + const isGathering = ref(false) + let cleanupTimer: number | undefined + + const clearCleanupTimer = () => { + if (cleanupTimer !== undefined) { + clearTimeout(cleanupTimer) + cleanupTimer = undefined + } + } + + const clear = () => { + clearCleanupTimer() + items.value = [] + targetOffset.value = { x: 0, y: 0 } + isGathering.value = false + } + + const updateTarget = (pointer: Point) => { + target.value = { + x: pointer.x + targetOffset.value.x, + y: pointer.y + targetOffset.value.y, + } + } + + const start = (drag: ActiveScreenshotDrag | null, pointer: Point) => { + clear() + + const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches + if (!drag || drag.selectionKeys.length < 2 || reduceMotion) return + + const screenshotCards = Array.from( + document.querySelectorAll('[data-screenshot-card]'), + ) + const sourceCard = screenshotCards.find( + (card) => card.dataset.selectionKey === drag.primarySelectionKey, + ) + + if (sourceCard) { + const sourceRect = sourceCard.getBoundingClientRect() + targetOffset.value = { + x: sourceRect.left + sourceRect.width / 2 - pointer.x, + y: sourceRect.top + sourceRect.height / 2 - pointer.y, + } + } + + const screenshotsByKey = new Map( + screenshots.value.map((screenshot) => [getSelectionKey(screenshot), screenshot]), + ) + items.value = drag.selectionKeys.flatMap((selectionKey) => { + const screenshot = screenshotsByKey.get(selectionKey) + const card = screenshotCards.find( + (candidate) => + candidate.dataset.selectionKey === selectionKey && candidate.getClientRects().length > 0, + ) + if (!screenshot || !card) return [] + + const rect = card.getBoundingClientRect() + return [ + { + screenshot, + selectionKey, + rect: { + left: rect.left, + top: rect.top, + width: rect.width, + height: rect.height, + }, + }, + ] + }) + updateTarget(pointer) + isGathering.value = items.value.length > 0 + } + + const finish = () => { + isGathering.value = false + clearCleanupTimer() + cleanupTimer = window.setTimeout(() => { + items.value = [] + cleanupTimer = undefined + }, 400) + } + + onBeforeUnmount(clearCleanupTimer) + + return { + items, + target, + isGathering, + start, + updateTarget, + clear, + finish, + } +} \ No newline at end of file diff --git a/apps/app-frontend/src/composables/use-app-event.ts b/apps/app-frontend/src/composables/use-app-event.ts new file mode 100644 index 0000000..068e080 --- /dev/null +++ b/apps/app-frontend/src/composables/use-app-event.ts @@ -0,0 +1,17 @@ +import { onUnmounted } from 'vue' + +import { instance_listener } from '@/helpers/events.js' + +export interface InstanceAppEvent { + event: string + instance_id?: string +} + +export function useAppEvent(type: 'instance', callback: (event: InstanceAppEvent) => void) { + if (type !== 'instance') return + let unlisten: (() => void) | undefined + void instance_listener(callback).then((dispose) => { + unlisten = dispose + }) + onUnmounted(() => unlisten?.()) +} \ No newline at end of file diff --git a/apps/app-frontend/src/composables/use-image-thumbnail.ts b/apps/app-frontend/src/composables/use-image-thumbnail.ts new file mode 100644 index 0000000..b1687a6 --- /dev/null +++ b/apps/app-frontend/src/composables/use-image-thumbnail.ts @@ -0,0 +1,154 @@ +import { convertFileSrc, invoke } from '@tauri-apps/api/core' +import { type MaybeRefOrGetter, ref, toValue, watch } from 'vue' + +export type ImageThumbnailSource = { + instanceId: string + filePath: string + path: string +} + +type ThumbnailCacheEntry = { + promise: Promise + url?: string + users: number + lastUsed: number +} + +const MAX_CONCURRENT_THUMBNAILS = 4 +const MAX_CACHED_THUMBNAILS = 256 + +const thumbnailCache = new Map() +const thumbnailQueue: Array<() => void> = [] +let activeThumbnailRequests = 0 + +function runThumbnailQueue() { + while (activeThumbnailRequests < MAX_CONCURRENT_THUMBNAILS && thumbnailQueue.length > 0) { + activeThumbnailRequests += 1 + thumbnailQueue.shift()?.() + } +} + +function enqueueThumbnail(task: () => Promise) { + return new Promise((resolve, reject) => { + thumbnailQueue.push(() => { + void task() + .then(resolve, reject) + .finally(() => { + activeThumbnailRequests -= 1 + runThumbnailQueue() + }) + }) + runThumbnailQueue() + }) +} + +function removeThumbnail(cacheKey: string, entry: ThumbnailCacheEntry) { + if (thumbnailCache.get(cacheKey) !== entry) return + thumbnailCache.delete(cacheKey) + if (entry.url) { + URL.revokeObjectURL(entry.url) + } else { + void entry.promise.then( + (url) => URL.revokeObjectURL(url), + () => undefined, + ) + } +} + +function trimThumbnailCache() { + if (thumbnailCache.size <= MAX_CACHED_THUMBNAILS) return + + const unused = [...thumbnailCache.entries()] + .filter(([, entry]) => entry.users === 0) + .sort(([, left], [, right]) => left.lastUsed - right.lastUsed) + for (const [cacheKey, entry] of unused) { + if (thumbnailCache.size <= MAX_CACHED_THUMBNAILS) break + removeThumbnail(cacheKey, entry) + } +} + +function acquireThumbnail(source: ImageThumbnailSource, maxDimension: number, revision: unknown) { + const cacheKey = JSON.stringify([ + source.instanceId, + source.filePath, + maxDimension, + revision ?? null, + ]) + let entry = thumbnailCache.get(cacheKey) + if (!entry) { + entry = { + users: 0, + lastUsed: performance.now(), + promise: enqueueThumbnail(async () => { + const bytes = await invoke('plugin:files|screenshot_thumbnail', { + instanceId: source.instanceId, + filePath: source.filePath, + maxDimension, + }) + return URL.createObjectURL(new Blob([bytes])) + }), + } + thumbnailCache.set(cacheKey, entry) + void entry.promise.then( + (url) => { + entry!.url = url + trimThumbnailCache() + }, + () => { + if (thumbnailCache.get(cacheKey) === entry) thumbnailCache.delete(cacheKey) + }, + ) + } + + entry.users += 1 + entry.lastUsed = performance.now() + return { + promise: entry.promise, + release: () => { + entry!.users = Math.max(0, entry!.users - 1) + entry!.lastUsed = performance.now() + trimThumbnailCache() + }, + } +} + +export function useImageThumbnail( + source: MaybeRefOrGetter, + maxDimension: MaybeRefOrGetter = 512, + revision: MaybeRefOrGetter = undefined, +) { + const thumbnail = ref('') + + watch( + [() => toValue(source), () => toValue(maxDimension), () => toValue(revision)], + ([currentSource, currentMaxDimension, currentRevision], _, onCleanup) => { + thumbnail.value = '' + if (!currentSource) return + + let active = true + const fallbackUrl = convertFileSrc(currentSource.path) + const acquired = acquireThumbnail( + currentSource, + Math.max(1, Math.round(currentMaxDimension)), + currentRevision, + ) + onCleanup(() => { + active = false + acquired.release() + }) + + void acquired.promise.then( + (url) => { + if (active) thumbnail.value = url + }, + (error) => { + console.warn('Could not create image thumbnail', error) + if (active) thumbnail.value = fallbackUrl + }, + ) + }, + { immediate: true }, + ) + + return thumbnail +} \ No newline at end of file diff --git a/apps/app-frontend/src/helpers/instance.ts b/apps/app-frontend/src/helpers/instance.ts index 37362c3..537dc3d 100644 --- a/apps/app-frontend/src/helpers/instance.ts +++ b/apps/app-frontend/src/helpers/instance.ts @@ -9,7 +9,7 @@ import { type ContentItem, type ContentOwner, } from '@modrinth/ui' -import { invoke } from '@tauri-apps/api/core' +import { convertFileSrc, invoke } from '@tauri-apps/api/core' import { isOfflineMode } from '@/composables/useNetworkStatus' import { buildGcCandidateChain, resolveAutoGcStrategy } from '@/helpers/gc/auto-selector' @@ -1124,3 +1124,90 @@ export async function check_symlink_capability(): Promise { export async function allow_symlink_target(path: string): Promise { return await invoke('allow_symlink_target', { path }) } + +export type ScreenshotKey = { instance_id: string; file_name: string } +export type InstanceScreenshot = { + id: string + instance_id: string + instance_name: string + file_name: string + created_at: string + modified_at: number + group_id: string | null + path: string + url: string +} +export type ScreenshotGroup = { id: string; name: string } +export type ScreenshotGroupImport = ScreenshotGroup & { screenshot_ids: string[] } +export type ScreenshotGroupMembershipUpdate = { screenshot_id: string; group_id: string | null } + +export async function list_screenshots(instanceId: string): Promise { + return await invoke('plugin:instance|instance_list_screenshots', { instanceId }) +} +export async function list_all_screenshots(): Promise { + return await invoke('plugin:instance|instance_list_all_screenshots') +} +export async function list_synced_screenshots(): Promise { + return await invoke('plugin:instance|instance_list_synced_screenshots') +} +export async function list_screenshot_groups(): Promise { + return await invoke('plugin:instance|instance_list_screenshot_groups') +} +export async function create_screenshot_group( + name: string, + screenshotIds: string[], +): Promise { + return await invoke('plugin:instance|instance_create_screenshot_group', { + name, + ids: screenshotIds, + }) +} +export async function rename_screenshot_group( + id: string, + newName: string, +): Promise { + return await invoke('plugin:instance|instance_rename_screenshot_group', { id, newName }) +} +export async function delete_screenshot_group(id: string): Promise { + return await invoke('plugin:instance|instance_delete_screenshot_group', { id }) +} +export async function set_screenshot_group_memberships( + updates: ScreenshotGroupMembershipUpdate[], +): Promise { + return await invoke('plugin:instance|instance_set_screenshot_group_memberships', { updates }) +} +export async function import_screenshot_groups(groups: ScreenshotGroupImport[]): Promise { + return await invoke('plugin:instance|instance_import_screenshot_groups', { groups }) +} +export async function save_edited_screenshot( + key: ScreenshotKey, + pngBytes: Uint8Array, + mode: 'create_copy' | 'replace_edit', +): Promise { + return await invoke('plugin:instance|instance_save_edited_screenshot', { + key, + bytes: Array.from(pngBytes), + mode, + }) +} +export async function delete_screenshots(keys: ScreenshotKey[]): Promise { + return await invoke('plugin:instance|instance_delete_screenshots', { keys }) +} +export async function export_screenshots(keys: ScreenshotKey[], path: string): Promise { + return await invoke('plugin:instance|instance_export_screenshots', { keys, path }) +} +export async function open_screenshot(key: ScreenshotKey): Promise { + return await invoke('plugin:instance|instance_open_screenshot', { key }) +} +export async function move_screenshots( + keys: ScreenshotKey[], + targetInstanceId: string, +): Promise { + return await invoke('plugin:instance|instance_move_screenshots', { + keys, + target: targetInstanceId, + }) +} +export function getInstanceIconUrl(iconPath?: string | null): string | undefined { + return iconPath ? convertFileSrc(iconPath) : undefined +} \ No newline at end of file diff --git a/apps/app-frontend/src/locales/en-US/index.json b/apps/app-frontend/src/locales/en-US/index.json index 795d89d..95b10fb 100644 --- a/apps/app-frontend/src/locales/en-US/index.json +++ b/apps/app-frontend/src/locales/en-US/index.json @@ -1,196 +1,4 @@ { - "app.instance-player.title": { "message": "Choose an instance player" }, - "app.instance-player.remember": { "message": "This instance will keep using your choice. Switch players in instance settings." }, - "app.instance-player.restore": { "message": "Sign in again as {name}. To choose someone else, open instance settings." }, - "app.instance-player.loading": { "message": "Loading signed-in players…" }, - "app.instance-player.licensed": { "message": "Minecraft account" }, - "app.instance-player.skin": { "message": "Skin site player" }, - "app.instance-player.offline": { "message": "Offline player" }, - "app.instance-player.empty": { "message": "No available skin site players. You can create a player on the skin site." }, - "app.instance-player.sign-in": { "message": "Sign in to choose a player." }, - "app.instance-player.retry": { "message": "Retry" }, - "app.instance-player.skin-login": { "message": "Sign in to skin site" }, - "app.instance-player.or": { "message": "Or" }, - "app.instance-player.use-microsoft": { "message": "Use a Minecraft account" }, - "app.instance-player.saving": { "message": "Saving instance player…" }, - "app.instance-player.setting": { "message": "Instance player" }, - "app.instance-player.first-launch": { "message": "Choose a player on first launch" }, - "app.instance-player.change": { "message": "Switch instance player" }, - "app.hosted-mods.title": { "message": "Updating server Mods" }, - "app.hosted-mods.description": { "message": "The game starts after all required updates have been installed." }, - "app.hosted-mods.complete": { "message": "Downloaded" }, - "app.hosted-mods.downloads": { "message": "View downloads" }, - "app.hosted-mods.close": { "message": "Close" }, - "app.hosted-packs.progress.retry": { "message": "Return to the instance to retry" }, - "app.hosted-packs.progress.preparing": { "message": "Preparing modpack installation…" }, - "app.hosted-packs.progress.downloads": { "message": "View downloads" }, - "app.hosted-packs.open-instance": { "message": "Open installed instance" }, - "app.hosted-packs.retry-install": { "message": "Retry installation" }, - "app.hosted-packs.auto-installing": { "message": "Downloading and installing the server modpack…" }, - "app.hosted-packs.auto-description": { "message": "Download and automatically install the modpack from StarLight to play on the StarLight server with one click." }, - "app.hosted-packs.auto-install": { "message": "Install the StarLight modpack" }, - "app.hosted-install.game-dir.header": { "message": "Choose game directory" }, - "app.hosted-install.game-dir.description": { "message": "StarLight instance data (mods, saves, configs, resource packs) is stored in an external game directory. Pick a root folder — the modpack gets its own subfolder inside it." }, - "app.hosted-install.game-dir.label": { "message": "Game directory root" }, - "app.hosted-install.game-dir.browse": { "message": "Browse" }, - "app.hosted-install.game-dir.no-selection": { "message": "No folder selected" }, - "app.hosted-install.game-dir.reset-default": { "message": "Use default location" }, - "app.hosted-install.game-dir.preview": { "message": "Game files will be installed to: {path}" }, - "app.hosted-install.game-dir.confirm": { "message": "Install" }, - "app.onboarding.instance-mode.title": { "message": "Choose your instance type" }, - "app.onboarding.instance-mode.description": { "message": "StarLight automatically installs the administrator-selected modpack and versions, then checks and completes updates before every launch. A StarLight login is required. Choose Local to select your own versions and modpacks for other servers or single-player." }, - "app.instance-mode.title": { "message": "Instance type" }, - "app.instance-mode.starlight": { "message": "StarLight instance" }, - "app.instance-mode.local": { "message": "Local instance" }, - "app.instance-mode.starlight-description": { "message": "Required for playing on StarLight. Automatically installs the server-selected modpack, Minecraft version, and loader. Every launch requires a StarLight login and checks for updates before starting." }, - "app.instance-mode.local-description": { "message": "Does not sync StarLight server changes. Skips sync checks for faster startup and lets you choose your own modpacks. Best for third-party servers and personal single-player worlds." }, - "app.instance-mode.saving": { "message": "Applying instance type and installing the server modpack when needed…" }, - "app.instance-mode.loading": { "message": "Loading instance type…" }, - "app.instance-mode.retry": { "message": "Retry" }, - "app.instance-mode.local-packs-title": { "message": "Local modpacks" }, - "app.instance-mode.local-packs": { "message": "Choose any modpack to install as a local instance. Existing files and worlds are kept when you switch to Local; StarLight changes will no longer be synchronized." }, - "app.instance-mode.browse": { "message": "Browse modpacks" }, - "app.instance-mode.import": { "message": "Import as a local instance" }, - "app.hosted-packs.title": { "message": "Server-managed modpack" }, - "app.hosted-packs.description": { "message": "The administrator selects this modpack and its versions. Every launch checks for updates and downloads changes before starting. A valid StarLight login and network connection are required." }, - "app.hosted-packs.refresh": {"message": "Refresh"}, - "app.hosted-packs.loading": {"message": "Loading published modpacks…"}, - "app.hosted-packs.bound": {"message": "Installed: {name} · {version}"}, - "app.hosted-packs.syncing": {"message": "Comparing files and synchronizing changes…"}, - "app.hosted-packs.complete": {"message": "Synced to {version}. Changed {count} files; downloaded {size} MiB."}, - "app.hosted-packs.preserved": {"message": "Preserved {count} locally modified or personal files"}, - "app.hosted-packs.empty": {"message": "No modpacks have been approved for publication yet."}, - "app.hosted-packs.update": {"message": "Synchronize now"}, - "app.hosted-packs.install": { "message": "Retry automatic installation" }, - "app.hosted-packs.management": {"message": "Content management"}, - "app.hosted-packs.mods": {"message": "Manage mods"}, - "app.hosted-packs.packs": {"message": "Manage modpacks"}, - "app.home.luck.title": { "message": "Daily luck index" }, - "app.home.luck.get": { "message": "Get with one click" }, - "app.home.luck.login-to-get": { "message": "Sign in to get it" }, - "app.home.luck.loading": { "message": "Asking the little sprite..." }, - "app.home.luck.error": { - "message": "The little sprite did not answer. Please try again later." - }, - "app.home.luck.out-of": { "message": "out of 100" }, - "minecraft-account.skin-site.signed-in": { "message": "Signed in to StarLight Skin Site" }, - "minecraft-account.skin-site.checking": { "message": "Checking skin site session…" }, - "minecraft-account.skin-site.sync-error": { - "message": "Could not verify the skin site session. Retrying automatically." - }, - "minecraft-account.skin-site.players": { "message": "Skin site players ({count})" }, - "minecraft-account.skin-site.players.retry": { "message": "Retry" }, - "minecraft-account.skin-site.players.empty": { - "message": "No player profiles are attached to this skin site account." - }, - "minecraft-account.skin-site.players.error": { - "message": "Could not refresh the player list. Previously loaded players are kept." - }, - "app.easteregg.color-mine.title": { - "message": "Starlight Mine: Chromatic Realms" - }, - "app.easteregg.color-mine.easy": { - "message": "Easy" - }, - "app.easteregg.color-mine.normal": { - "message": "Normal" - }, - "app.easteregg.color-mine.hard": { - "message": "Hard" - }, - "app.easteregg.color-mine.newGame": { - "message": "New board" - }, - "app.easteregg.color-mine.close": { - "message": "Close" - }, - "app.easteregg.color-mine.choose": { - "message": "Click a revealed tile to sample its color, then paint a gray tile." - }, - "app.easteregg.color-mine.selected": { - "message": "Color {color} selected · Click a colored tile to change your brush." - }, - "app.easteregg.color-mine.rulesTitle": { - "message": "How to play" - }, - "app.easteregg.color-mine.rules": { - "message": "Numbers count same-color tiles in the eight surrounding spaces, excluding the tile itself. Each color forms one connected region using only horizontal and vertical edges. Sample a revealed tile to select a brush; a correct paint reveals a new number, but one wrong paint ends the game. Every board has a step-by-step deduction path without guessing." - }, - "app.easteregg.color-mine.loading": { - "message": "Generating regions and checking the deduction path…" - }, - "app.easteregg.color-mine.generateError": { - "message": "Could not generate this board. Try again." - }, - "app.easteregg.color-mine.retry": { - "message": "Try again" - }, - "app.easteregg.color-mine.progress": { - "message": "{count} / {total} revealed" - }, - "app.easteregg.color-mine.best": { - "message": "Best · {time}" - }, - "app.easteregg.color-mine.won": { - "message": "All colors restored!" - }, - "app.easteregg.color-mine.lost": { - "message": "Wrong color at row {row}, column {column}: selected {selected}, correct {correct}. Game over." - }, - "app.easteregg.color-mine.review": { - "message": "Unrevealed answers are now shown faded for review." - }, - "app.easteregg.color-mine.leaveTitle": { - "message": "Leave this board?" - }, - "app.easteregg.color-mine.leaveText": { - "message": "Save to continue later, or discard this unfinished board." - }, - "app.easteregg.color-mine.saveLeave": { - "message": "Save and leave" - }, - "app.easteregg.color-mine.discard": { - "message": "Discard" - }, - "app.easteregg.color-mine.continue": { - "message": "Keep playing" - }, - "app.easteregg.color-mine.replaceTitle": { - "message": "Start a new board?" - }, - "app.easteregg.color-mine.replaceText": { - "message": "The current board will be discarded." - }, - "app.easteregg.color-mine.savedTitle": { - "message": "An unfinished board is saved" - }, - "app.easteregg.color-mine.resume": { - "message": "Resume saved game" - }, - "app.easteregg.color-mine.storageError": { - "message": "Could not read or write the saved game. Your current board has been kept. Retry or explicitly discard it." - }, - "app.easteregg.color-mine.recordError": { - "message": "Finished, but the best time could not be saved." - }, - "app.easteregg.color-mine.zoomIn": { - "message": "Zoom in" - }, - "app.easteregg.color-mine.zoomOut": { - "message": "Zoom out" - }, - "app.easteregg.color-mine.map": { - "message": "Board overview. Click to navigate." - }, - "app.easteregg.color-mine.board": { - "message": "{size} by {size} color deduction board" - }, - "app.easteregg.color-mine.hidden": { - "message": "Row {row}, column {column}, unrevealed" - }, - "app.easteregg.color-mine.revealed": { - "message": "Row {row}, column {column}, color {color}, {number} same-color neighbors" - }, "app.account.signed-in-as": { "message": "Signed in as" }, @@ -362,6 +170,9 @@ "app.action-bar.view-logs": { "message": "View logs" }, + "app.action-bar.window-started": { + "message": "Started {time, time, medium}" + }, "app.ai-settings.add-model": { "message": "Add model" }, @@ -773,12 +584,12 @@ "app.appearance-settings.transparent-background.title": { "message": "Transparent background" }, - "app.appearance-settings.ui-scale.title": { - "message": "Launcher scale" - }, "app.appearance-settings.ui-scale.description": { "message": "Scale the whole launcher interface. A smaller scale fits more content, which helps when embedded pages are cut off." }, + "app.appearance-settings.ui-scale.title": { + "message": "Launcher scale" + }, "app.appearance-settings.unknown-pack-warning.description": { "message": "If you attempt to install a Modrinth Pack file (.mrpack) that isn't hosted on Modrinth, we'll make sure you understand the risks before installing it." }, @@ -974,24 +785,6 @@ "app.close-launcher.tray": { "message": "Hide to tray" }, - "app.community-announcement.feedback-middle": { - "message": ", or share them with us through " - }, - "app.community-announcement.feedback-prefix": { - "message": "If you have more ideas or suggestions, please join the player QQ group: " - }, - "app.community-announcement.feedback-suffix": { - "message": ". We look forward to improving Starlight Launcher together!" - }, - "app.community-announcement.response": { - "message": "Since Starlight Launcher was promoted on video platforms, we have received far more love and attention than we expected, along with many thoughtful suggestions and high-quality reports." - }, - "app.community-announcement.thanks": { - "message": "I have done my best to personally reply to every comment on the videos. Thank you sincerely for all your support!" - }, - "app.community-announcement.title": { - "message": "To all our users" - }, "app.content-favorites.add": { "message": "Add to favorites" }, @@ -1865,6 +1658,111 @@ "app.drop.world-imported-title": { "message": "World imported" }, + "app.easteregg.color-mine.best": { + "message": "Best · {time}" + }, + "app.easteregg.color-mine.board": { + "message": "{size} by {size} color deduction board" + }, + "app.easteregg.color-mine.choose": { + "message": "Click a revealed tile to sample its color, then paint a gray tile." + }, + "app.easteregg.color-mine.close": { + "message": "Close" + }, + "app.easteregg.color-mine.continue": { + "message": "Keep playing" + }, + "app.easteregg.color-mine.discard": { + "message": "Discard" + }, + "app.easteregg.color-mine.easy": { + "message": "Easy" + }, + "app.easteregg.color-mine.generateError": { + "message": "Could not generate this board. Try again." + }, + "app.easteregg.color-mine.hard": { + "message": "Hard" + }, + "app.easteregg.color-mine.hidden": { + "message": "Row {row}, column {column}, unrevealed" + }, + "app.easteregg.color-mine.leaveText": { + "message": "Save to continue later, or discard this unfinished board." + }, + "app.easteregg.color-mine.leaveTitle": { + "message": "Leave this board?" + }, + "app.easteregg.color-mine.loading": { + "message": "Generating regions and checking the deduction path…" + }, + "app.easteregg.color-mine.lost": { + "message": "Wrong color at row {row}, column {column}: selected {selected}, correct {correct}. Game over." + }, + "app.easteregg.color-mine.map": { + "message": "Board overview. Click to navigate." + }, + "app.easteregg.color-mine.newGame": { + "message": "New board" + }, + "app.easteregg.color-mine.normal": { + "message": "Normal" + }, + "app.easteregg.color-mine.progress": { + "message": "{count} / {total} revealed" + }, + "app.easteregg.color-mine.recordError": { + "message": "Finished, but the best time could not be saved." + }, + "app.easteregg.color-mine.replaceText": { + "message": "The current board will be discarded." + }, + "app.easteregg.color-mine.replaceTitle": { + "message": "Start a new board?" + }, + "app.easteregg.color-mine.resume": { + "message": "Resume saved game" + }, + "app.easteregg.color-mine.retry": { + "message": "Try again" + }, + "app.easteregg.color-mine.revealed": { + "message": "Row {row}, column {column}, color {color}, {number} same-color neighbors" + }, + "app.easteregg.color-mine.review": { + "message": "Unrevealed answers are now shown faded for review." + }, + "app.easteregg.color-mine.rules": { + "message": "Numbers count same-color tiles in the eight surrounding spaces, excluding the tile itself. Each color forms one connected region using only horizontal and vertical edges. Sample a revealed tile to select a brush; a correct paint reveals a new number, but one wrong paint ends the game. Every board has a step-by-step deduction path without guessing." + }, + "app.easteregg.color-mine.rulesTitle": { + "message": "How to play" + }, + "app.easteregg.color-mine.saveLeave": { + "message": "Save and leave" + }, + "app.easteregg.color-mine.savedTitle": { + "message": "An unfinished board is saved" + }, + "app.easteregg.color-mine.selected": { + "message": "Color {color} selected · Click a colored tile to change your brush." + }, + "app.easteregg.color-mine.storageError": { + "message": "Could not read or write the saved game. Your current board has been kept. Retry or explicitly discard it." + }, + "app.easteregg.color-mine.title": { + "message": "Starlight Mine: Chromatic Realms" + }, + "app.easteregg.color-mine.won": { + "message": "All colors restored!" + }, + "app.easteregg.color-mine.zoomIn": { + "message": "Zoom in" + }, + "app.easteregg.color-mine.zoomOut": { + "message": "Zoom out" + }, "app.error.account-description": { "message": "Check that you signed in with the correct account. You may own Minecraft on another Microsoft account." }, @@ -2204,6 +2102,12 @@ "app.home.instances.view-all": { "message": "View all instances" }, + "app.home.launch-progress.empty": { + "message": "启动游戏后，这里会显示进度。" + }, + "app.home.launch-progress.title": { + "message": "启动进度" + }, "app.home.layout.switch-to-information": { "message": "Switch to Information Home" }, @@ -2213,6 +2117,24 @@ "app.home.layout.toggle": { "message": "Minimal Home" }, + "app.home.luck.error": { + "message": "The little sprite did not answer. Please try again later." + }, + "app.home.luck.get": { + "message": "Get with one click" + }, + "app.home.luck.loading": { + "message": "Asking the little sprite..." + }, + "app.home.luck.login-to-get": { + "message": "Sign in to get it" + }, + "app.home.luck.out-of": { + "message": "out of 100" + }, + "app.home.luck.title": { + "message": "Daily luck index" + }, "app.home.minimal.change-instance": { "message": "Change Home instance" }, @@ -2234,12 +2156,6 @@ "app.home.minimal.picker.title": { "message": "Choose a Home instance" }, - "app.home.news.open-article": { - "message": "Read on minecraft.net" - }, - "app.home.news.title": { - "message": "Minecraft news" - }, "app.home.playtime.hours-minutes": { "message": "{hours}h {minutes}m" }, @@ -2324,12 +2240,6 @@ "app.home.widgets.choose-world": { "message": "Choose a world" }, - "app.home.widgets.customize": { - "message": "Customize widgets" - }, - "app.home.widgets.done": { - "message": "Finish editing" - }, "app.home.widgets.drag": { "message": "Drag to move widget" }, @@ -2357,15 +2267,6 @@ "app.home.widgets.instance-description": { "message": "Choose one instance for a dedicated launch shortcut." }, - "app.home.widgets.layout.switch-to-free": { - "message": "Switch to free widget layout" - }, - "app.home.widgets.layout.switch-to-grid": { - "message": "Switch to grid widget layout" - }, - "app.home.widgets.layout.toggle": { - "message": "Widget layout mode" - }, "app.home.widgets.loading": { "message": "Loading..." }, @@ -2414,12 +2315,6 @@ "app.home.widgets.replace": { "message": "Replace target" }, - "app.home.widgets.reset": { - "message": "Restore default widgets" - }, - "app.home.widgets.reset-confirm": { - "message": "Restore the default widget layout?" - }, "app.home.widgets.search": { "message": "Search" }, @@ -2447,6 +2342,111 @@ "app.home.worlds.pinned": { "message": "Pinned worlds" }, + "app.hosted-install.game-dir.browse": { + "message": "Browse" + }, + "app.hosted-install.game-dir.confirm": { + "message": "Install" + }, + "app.hosted-install.game-dir.description": { + "message": "StarLight instance data (mods, saves, configs, resource packs) is stored in an external game directory. Pick a root folder — the modpack gets its own subfolder inside it." + }, + "app.hosted-install.game-dir.header": { + "message": "Choose game directory" + }, + "app.hosted-install.game-dir.label": { + "message": "Game directory root" + }, + "app.hosted-install.game-dir.no-selection": { + "message": "No folder selected" + }, + "app.hosted-install.game-dir.preview": { + "message": "Game files will be installed to: {path}" + }, + "app.hosted-install.game-dir.reset-default": { + "message": "Use default location" + }, + "app.hosted-mods.close": { + "message": "Close" + }, + "app.hosted-mods.complete": { + "message": "Downloaded" + }, + "app.hosted-mods.description": { + "message": "The game starts after all required updates have been installed." + }, + "app.hosted-mods.downloads": { + "message": "View downloads" + }, + "app.hosted-mods.title": { + "message": "Updating server Mods" + }, + "app.hosted-packs.auto-description": { + "message": "Download and automatically install the modpack from StarLight to play on the StarLight server with one click." + }, + "app.hosted-packs.auto-install": { + "message": "Install the StarLight modpack" + }, + "app.hosted-packs.auto-installing": { + "message": "Downloading and installing the server modpack…" + }, + "app.hosted-packs.bound": { + "message": "Installed: {name} · {version}" + }, + "app.hosted-packs.complete": { + "message": "Synced to {version}. Changed {count} files; downloaded {size} MiB." + }, + "app.hosted-packs.description": { + "message": "The administrator selects this modpack and its versions. Every launch checks for updates and downloads changes before starting. A valid StarLight login and network connection are required." + }, + "app.hosted-packs.empty": { + "message": "No modpacks have been approved for publication yet." + }, + "app.hosted-packs.install": { + "message": "Retry automatic installation" + }, + "app.hosted-packs.loading": { + "message": "Loading published modpacks…" + }, + "app.hosted-packs.management": { + "message": "Content management" + }, + "app.hosted-packs.mods": { + "message": "Manage mods" + }, + "app.hosted-packs.open-instance": { + "message": "Open installed instance" + }, + "app.hosted-packs.packs": { + "message": "Manage modpacks" + }, + "app.hosted-packs.preserved": { + "message": "Preserved {count} locally modified or personal files" + }, + "app.hosted-packs.progress.downloads": { + "message": "View downloads" + }, + "app.hosted-packs.progress.preparing": { + "message": "Preparing modpack installation…" + }, + "app.hosted-packs.progress.retry": { + "message": "Return to the instance to retry" + }, + "app.hosted-packs.refresh": { + "message": "Refresh" + }, + "app.hosted-packs.retry-install": { + "message": "Retry installation" + }, + "app.hosted-packs.syncing": { + "message": "Comparing files and synchronizing changes…" + }, + "app.hosted-packs.title": { + "message": "Server-managed modpack" + }, + "app.hosted-packs.update": { + "message": "Synchronize now" + }, "app.install.phase.downloading_content": { "message": "Downloading content" }, @@ -2501,9 +2501,6 @@ "app.install.phase.running_loader_processors": { "message": "Running loader processors" }, - "app.instance-item.already-open": { - "message": "Instance is already open" - }, "app.instance-item.loading-modpack": { "message": "Loading modpack..." }, @@ -2513,6 +2510,93 @@ "app.instance-item.view-instance": { "message": "View instance" }, + "app.instance-mode.browse": { + "message": "Browse modpacks" + }, + "app.instance-mode.import": { + "message": "Import as a local instance" + }, + "app.instance-mode.loading": { + "message": "Loading instance type…" + }, + "app.instance-mode.local": { + "message": "Local instance" + }, + "app.instance-mode.local-description": { + "message": "Does not sync StarLight server changes. Skips sync checks for faster startup and lets you choose your own modpacks. Best for third-party servers and personal single-player worlds." + }, + "app.instance-mode.local-packs": { + "message": "Choose any modpack to install as a local instance. Existing files and worlds are kept when you switch to Local; StarLight changes will no longer be synchronized." + }, + "app.instance-mode.local-packs-title": { + "message": "Local modpacks" + }, + "app.instance-mode.retry": { + "message": "Retry" + }, + "app.instance-mode.saving": { + "message": "Applying instance type and installing the server modpack when needed…" + }, + "app.instance-mode.starlight": { + "message": "StarLight instance" + }, + "app.instance-mode.starlight-description": { + "message": "Required for playing on StarLight. Automatically installs the server-selected modpack, Minecraft version, and loader. Every launch requires a StarLight login and checks for updates before starting." + }, + "app.instance-mode.title": { + "message": "Instance type" + }, + "app.instance-player.change": { + "message": "Switch instance player" + }, + "app.instance-player.empty": { + "message": "No available skin site players. You can create a player on the skin site." + }, + "app.instance-player.first-launch": { + "message": "Choose a player on first launch" + }, + "app.instance-player.licensed": { + "message": "Minecraft account" + }, + "app.instance-player.loading": { + "message": "Loading signed-in players…" + }, + "app.instance-player.offline": { + "message": "Offline player" + }, + "app.instance-player.or": { + "message": "Or" + }, + "app.instance-player.remember": { + "message": "This instance will keep using your choice. Switch players in instance settings." + }, + "app.instance-player.restore": { + "message": "Sign in again as {name}. To choose someone else, open instance settings." + }, + "app.instance-player.retry": { + "message": "Retry" + }, + "app.instance-player.saving": { + "message": "Saving instance player…" + }, + "app.instance-player.setting": { + "message": "Instance player" + }, + "app.instance-player.sign-in": { + "message": "Sign in to choose a player." + }, + "app.instance-player.skin": { + "message": "Skin site player" + }, + "app.instance-player.skin-login": { + "message": "Sign in to skin site" + }, + "app.instance-player.title": { + "message": "Choose an instance player" + }, + "app.instance-player.use-microsoft": { + "message": "Use a Minecraft account" + }, "app.instance.back": { "message": "Back to instance" }, @@ -2966,17 +3050,11 @@ "app.instance.join-server": { "message": "Join server" }, - "app.instance.launch-instance": { - "message": "Launch instance" - }, "app.instance.launch-another": { "message": "Launch another window" }, - "app.action-bar.window-started": { - "message": "Started {time, time, medium}" - }, - "app.instance.stop-all": { - "message": "Stop all windows of this instance" + "app.instance.launch-instance": { + "message": "Launch instance" }, "app.instance.linked-to": { "message": "Linked to" @@ -3200,6 +3278,9 @@ "app.instance.starting": { "message": "Starting... {seconds, number}s" }, + "app.instance.stop-all": { + "message": "Stop all windows of this instance" + }, "app.instance.stopping": { "message": "Stopping..." }, @@ -5078,12 +5159,12 @@ "app.lab.skin-editor.loading": { "message": "Loading skin editor" }, - "app.lab.skin-editor.retry": { - "message": "Try again" - }, "app.lab.skin-editor.resource-error": { "message": "Skin editor files are missing or damaged. Reinstall the launcher or extract the complete portable archive." }, + "app.lab.skin-editor.retry": { + "message": "Try again" + }, "app.lab.skin-editor.title": { "message": "Skin editor" }, @@ -5114,9 +5195,6 @@ "app.library.tabs.saved": { "message": "Saved" }, - "app.library.tabs.servers": { - "message": "Servers" - }, "app.library.tabs.shared": { "message": "Shared with me" }, @@ -5705,9 +5783,6 @@ "app.multiplayer.tab.rooms": { "message": "Rooms" }, - "app.multiplayer.tab.servers": { - "message": "Servers" - }, "app.multiplayer.terracotta.public-node-invalid": { "message": "Invalid node URI: {node}. Use http, https, tcp, tls, udp, ws, or wss." }, @@ -5777,6 +5852,12 @@ "app.notification.warning": { "message": "Warning" }, + "app.onboarding.account-login.description": { + "message": "Sign in to the StarLight skin site here to use your StarLight players, install hosted modpacks, and sync your account." + }, + "app.onboarding.account-login.title": { + "message": "Sign in to StarLight" + }, "app.onboarding.action.click-create": { "message": "Click Create new instance to continue" }, @@ -5819,6 +5900,12 @@ "app.onboarding.action.start": { "message": "Take the tour" }, + "app.onboarding.announcement.description": { + "message": "Open the announcement entry in the sidebar to read the latest news, rules, and server notices." + }, + "app.onboarding.announcement.title": { + "message": "Latest announcements" + }, "app.onboarding.appearance.description": { "message": "Theme, accent, backgrounds, and window effects all live here. Make the launcher feel familiar." }, @@ -5831,6 +5918,12 @@ "app.onboarding.browse.title": { "message": "Search with receipts" }, + "app.onboarding.create-starlight.description": { + "message": "Use Create new instance here. A StarLight instance installs the server-selected modpack and versions, then keeps them updated before each launch." + }, + "app.onboarding.create-starlight.title": { + "message": "Create a StarLight instance" + }, "app.onboarding.create.description": { "message": "Start from scratch or bring in an existing instance or modpack. Your call." }, @@ -5897,6 +5990,12 @@ "app.onboarding.favorites.title": { "message": "Keep a short list" }, + "app.onboarding.home-intro.description": { + "message": "This is your home page. It shows your instances, recent activity, and quick shortcuts to get playing." + }, + "app.onboarding.home-intro.title": { + "message": "Welcome home" + }, "app.onboarding.home-layout.description": { "message": "Use the bottom-right control to switch between the StarLight skin site home and the focused instance launcher." }, @@ -5909,6 +6008,12 @@ "app.onboarding.instance-actions.title": { "message": "The main controls" }, + "app.onboarding.instance-mode.description": { + "message": "StarLight automatically installs the administrator-selected modpack and versions, then checks and completes updates before every launch. A StarLight login is required. Choose Local to select your own versions and modpacks for other servers or single-player." + }, + "app.onboarding.instance-mode.title": { + "message": "Choose your instance type" + }, "app.onboarding.instance-tabs.description": { "message": "Use these tabs for content, files, screenshots, worlds, and logs. Tidy chaos." }, @@ -5948,6 +6053,12 @@ "app.onboarding.resources.title": { "message": "Do not cook the computer" }, + "app.onboarding.settings-updates.description": { + "message": "The Updates tab controls the update channel, checks for new launcher versions, and shows the changelog." + }, + "app.onboarding.settings-updates.title": { + "message": "Stay up to date" + }, "app.onboarding.settings.description": { "message": "The useful controls live here: launcher preferences, game launch behavior, content downloads, and privacy." }, @@ -5975,36 +6086,6 @@ "app.onboarding.welcome.title": { "message": "Everything is ready" }, - "app.onboarding.home-intro.title": { - "message": "Welcome home" - }, - "app.onboarding.home-intro.description": { - "message": "This is your home page. It shows your instances, recent activity, and quick shortcuts to get playing." - }, - "app.onboarding.account-login.title": { - "message": "Sign in to StarLight" - }, - "app.onboarding.account-login.description": { - "message": "Sign in to the StarLight skin site here to use your StarLight players, install hosted modpacks, and sync your account." - }, - "app.onboarding.announcement.title": { - "message": "Latest announcements" - }, - "app.onboarding.announcement.description": { - "message": "Open the announcement entry in the sidebar to read the latest news, rules, and server notices." - }, - "app.onboarding.create-starlight.title": { - "message": "Create a StarLight instance" - }, - "app.onboarding.create-starlight.description": { - "message": "Use Create new instance here. A StarLight instance installs the server-selected modpack and versions, then keeps them updated before each launch." - }, - "app.onboarding.settings-updates.title": { - "message": "Stay up to date" - }, - "app.onboarding.settings-updates.description": { - "message": "The Updates tab controls the update channel, checks for new launcher versions, and shows the changelog." - }, "app.project.curseforge.loading": { "message": "Loading CurseForge project…" }, @@ -6071,18 +6152,6 @@ "app.project.mcarchive.versions": { "message": "Versions" }, - "app.project.modpack-server.created-description": { - "message": "{name} is ready. Configure and start it in Multiplayer." - }, - "app.project.modpack-server.created-title": { - "message": "Server created" - }, - "app.project.modpack-server.open": { - "message": "Open server" - }, - "app.project.modpack-server.start": { - "message": "Start server" - }, "app.project.open-in-mcmod": { "message": "Open in MC Mod" }, @@ -6149,33 +6218,162 @@ "app.project.versions.already-installed": { "message": "Already installed" }, - "app.project.versions.start-server": { - "message": "Create server" - }, - "app.remote-announcements.preview-action": { - "message": "Visit website" - }, - "app.remote-announcements.preview-content": { - "message": "## Announcement preview\n\nThis is **sample content**, not a published announcement.\n\n- Supports headings, lists, and links\n- Close buttons are always available\n\n> Previewing does not change real announcement read status.\n\n| Type | Display |\n| --- | --- |\n| Modal | Full Markdown content |\n| Popup | Summary, then full content |\n\n[Visit the website](https://axlmc.org)" - }, - "app.remote-announcements.preview-summary": { - "message": "This is a local preview. Select View announcement to preview the full Markdown content." - }, - "app.remote-announcements.preview-title": { - "message": "Announcement style preview" - }, - "app.remote-announcements.read-all": { - "message": "Mark all announcements as read" - }, - "app.remote-announcements.unread": { - "message": "Unread" - }, - "app.remote-announcements.view": { - "message": "View announcement" - }, "app.restarting": { "message": "Restarting..." }, + "app.screenshots.copied": { + "message": "Copied" + }, + "app.screenshots.copy": { + "message": "Copy image" + }, + "app.screenshots.delete-description": { + "message": "Permanently delete {name}? This action cannot be undone." + }, + "app.screenshots.delete-success": { + "message": "Screenshot deleted" + }, + "app.screenshots.delete-title": { + "message": "Delete screenshot" + }, + "app.screenshots.deselect": { + "message": "Deselect {name}" + }, + "app.screenshots.edit": { + "message": "Edit screenshot" + }, + "app.screenshots.empty-description": { + "message": "Screenshots you take in-game will appear here." + }, + "app.screenshots.empty-heading": { + "message": "No screenshots yet" + }, + "app.screenshots.error-heading": { + "message": "Failed to load screenshots" + }, + "app.screenshots.go-to-instance": { + "message": "Go to instance" + }, + "app.screenshots.group-by": { + "message": "Group by" + }, + "app.screenshots.group.all-screenshots": { + "message": "All screenshots" + }, + "app.screenshots.group.collapse": { + "message": "Collapse group" + }, + "app.screenshots.group.custom": { + "message": "Custom group" + }, + "app.screenshots.group.date": { + "message": "Date" + }, + "app.screenshots.group.delete": { + "message": "Delete group" + }, + "app.screenshots.group.delete-description": { + "message": "Screenshots in this group will become ungrouped." + }, + "app.screenshots.group.edit": { + "message": "Edit group name" + }, + "app.screenshots.group.empty": { + "message": "Drag and drop to add screenshots." + }, + "app.screenshots.group.expand": { + "message": "Expand group" + }, + "app.screenshots.group.instance": { + "message": "Instance" + }, + "app.screenshots.group.new": { + "message": "New group" + }, + "app.screenshots.group.none": { + "message": "No grouping" + }, + "app.screenshots.group.this-month": { + "message": "This month" + }, + "app.screenshots.group.this-week": { + "message": "This week" + }, + "app.screenshots.group.today": { + "message": "Today" + }, + "app.screenshots.group.ungrouped": { + "message": "Ungrouped" + }, + "app.screenshots.group.yesterday": { + "message": "Yesterday" + }, + "app.screenshots.heading": { + "message": "Screenshots" + }, + "app.screenshots.more-actions": { + "message": "More actions" + }, + "app.screenshots.no-results-description": { + "message": "Try a different search or filter." + }, + "app.screenshots.no-results-heading": { + "message": "No matching screenshots" + }, + "app.screenshots.preview.instance-and-date": { + "message": "{instance} · {date}" + }, + "app.screenshots.search": { + "message": "Search" + }, + "app.screenshots.select": { + "message": "Select {name}" + }, + "app.screenshots.selection.aria-label": { + "message": "Selected screenshots" + }, + "app.screenshots.selection.delete-description": { + "message": "Delete {count, plural, one {# screenshot} other {# screenshots}}? This action cannot be undone." + }, + "app.screenshots.selection.delete-success": { + "message": "{count, plural, one {# screenshot deleted} other {# screenshots deleted}}" + }, + "app.screenshots.selection.delete-title": { + "message": "Delete selected screenshots" + }, + "app.screenshots.selection.export-zip": { + "message": "Export ZIP" + }, + "app.screenshots.selection.global-export-filename": { + "message": "Modrinth screenshots.zip" + }, + "app.screenshots.selection.instance-export-filename": { + "message": "{instance} screenshots.zip" + }, + "app.screenshots.selection.remove-from-group": { + "message": "Remove from group" + }, + "app.screenshots.selection.selected-count": { + "message": "{count} selected" + }, + "app.screenshots.selection.zip-archive": { + "message": "ZIP archive" + }, + "app.screenshots.show-in-folder": { + "message": "Show in folder" + }, + "app.screenshots.sort-by": { + "message": "Sort by" + }, + "app.screenshots.sort.name": { + "message": "Name" + }, + "app.screenshots.sort.newest": { + "message": "Newest" + }, + "app.screenshots.sort.oldest": { + "message": "Oldest" + }, "app.server.add": { "message": "Add" }, @@ -6194,608 +6392,20 @@ "app.server.search-instance": { "message": "Search for an instance" }, - "app.servers.action.continue-download": { - "message": "Continue download" - }, - "app.servers.action.open-folder": { - "message": "Open folder" - }, - "app.servers.action.retry-download": { - "message": "Retry download" - }, - "app.servers.action.share": { - "message": "Share online" - }, - "app.servers.action.start": { - "message": "Start" - }, - "app.servers.action.stop": { - "message": "Stop" - }, - "app.servers.card.port": { - "message": "Port {port}" - }, - "app.servers.card.type": { - "message": "{type} · {version}" - }, - "app.servers.console.forge-command-placeholder": { - "message": "Send a command - Tab completion supported" - }, - "app.servers.console.not-running": { - "message": "The server is not running" - }, - "app.servers.count": { - "message": "{count, plural, =0 {No servers yet} one {# server} other {# servers}}" - }, - "app.servers.create.title": { - "message": "Create server" - }, - "app.servers.detail.back": { - "message": "Servers" - }, - "app.servers.detail.console": { - "message": "Console" - }, - "app.servers.detail.files": { - "message": "Files" - }, - "app.servers.detail.not-found": { - "message": "This server no longer exists." - }, - "app.servers.detail.settings": { - "message": "Settings" - }, - "app.servers.empty.description": { - "message": "Create a server to play with friends, right from the launcher." - }, - "app.servers.empty.heading": { - "message": "No servers yet" - }, - "app.servers.eula.continue": { - "message": "Continue" - }, - "app.servers.eula.decline": { - "message": "Cancel" - }, - "app.servers.eula.description": { - "message": "By continuing, you agree to the Minecraft End User License Agreement (EULA). Please review the agreement below before proceeding." - }, - "app.servers.eula.title": { - "message": "Minecraft EULA" - }, - "app.servers.files.busy-tooltip": { - "message": "Stop the server to modify files" - }, - "app.servers.files.open-studio": { - "message": "Open Studio" - }, - "app.servers.files.save-as": { - "message": "Save as..." - }, - "app.servers.files.studio-running-title": { - "message": "Stop the server before opening Studio" - }, - "app.servers.icon.change": { - "message": "Change icon" - }, - "app.servers.icon.edit": { - "message": "Edit icon" - }, - "app.servers.icon.remove": { - "message": "Remove icon" - }, - "app.servers.icon.select": { - "message": "Select icon" - }, - "app.servers.loading": { - "message": "Loading servers..." - }, - "app.servers.modpack.background-hint": { - "message": "You can close this window — the download continues in the background." - }, - "app.servers.modpack.current-file": { - "message": "Now installing {file}" - }, - "app.servers.modpack.done": { - "message": "Installation complete" - }, - "app.servers.modpack.download-in-background": { - "message": "Download in background" - }, - "app.servers.modpack.downloading": { - "message": "Downloading modpack files..." - }, - "app.servers.modpack.first-run-crashed": { - "message": "The server crashed during its first start. Check that your selected Java version is compatible, then try again." - }, - "app.servers.modpack.preparing": { - "message": "Preparing server..." - }, - "app.servers.modpack.unsupported-loader-description": { - "message": "This modpack uses {loader}, but Starlight can only start modpack servers with vanilla, Fabric, or Quilt. Support for {loader} is coming soon." - }, - "app.servers.modpack.unsupported-loader-title": { - "message": "{loader} servers are not supported yet" - }, - "app.servers.port.change": { - "message": "Change port" - }, - "app.servers.port.conflict-description": { - "message": "{process} is currently occupying this port, so the server cannot start. Change the server port, or force quit the process below." - }, - "app.servers.port.conflict-title": { - "message": "Port {port} is already in use" - }, - "app.servers.port.force-quit": { - "message": "Force quit process" - }, - "app.servers.port.force-quit-failed": { - "message": "Failed to quit the process occupying the port" - }, - "app.servers.port.recheck": { - "message": "Recheck" - }, - "app.servers.port.unknown-process": { - "message": "Unknown process (PID {pid})" - }, - "app.servers.properties.field.accepts-transfers": { - "message": "Accept player transfers" - }, - "app.servers.properties.field.allow-end": { - "message": "Allow the End" - }, - "app.servers.properties.field.allow-flight": { - "message": "Allow flight" - }, - "app.servers.properties.field.allow-nether": { - "message": "Allow the Nether" - }, - "app.servers.properties.field.announce-player-achievements": { - "message": "Announce player achievements" - }, - "app.servers.properties.field.broadcast-console-to-ops": { - "message": "Broadcast console to operators" - }, - "app.servers.properties.field.broadcast-rcon-to-ops": { - "message": "Broadcast RCON to operators" - }, - "app.servers.properties.field.bug-report-link": { - "message": "Bug report link" - }, - "app.servers.properties.field.chat-spam-threshold-seconds": { - "message": "Chat spam threshold (seconds)" - }, - "app.servers.properties.field.command-spam-threshold-seconds": { - "message": "Command spam threshold (seconds)" - }, - "app.servers.properties.field.difficulty": { - "message": "Difficulty" - }, - "app.servers.properties.field.enable-code-of-conduct": { - "message": "Enable code of conduct" - }, - "app.servers.properties.field.enable-command-block": { - "message": "Enable command blocks" - }, - "app.servers.properties.field.enable-jmx-monitoring": { - "message": "Enable JMX monitoring" - }, - "app.servers.properties.field.enable-lan": { - "message": "Enable LAN" - }, - "app.servers.properties.field.enable-query": { - "message": "Enable query" - }, - "app.servers.properties.field.enable-rcon": { - "message": "Enable RCON" - }, - "app.servers.properties.field.enable-status": { - "message": "Enable status" - }, - "app.servers.properties.field.enforce-secure-profile": { - "message": "Enforce secure profile" - }, - "app.servers.properties.field.enforce-whitelist": { - "message": "Enforce whitelist" - }, - "app.servers.properties.field.entity-broadcast-range-percentage": { - "message": "Entity broadcast range percentage" - }, - "app.servers.properties.field.force-gamemode": { - "message": "Force game mode" - }, - "app.servers.properties.field.function-permission-level": { - "message": "Function permission level" - }, - "app.servers.properties.field.gamemode": { - "message": "Game mode" - }, - "app.servers.properties.field.generate-structures": { - "message": "Generate structures" - }, - "app.servers.properties.field.generator-settings": { - "message": "Generator settings" - }, - "app.servers.properties.field.hardcore": { - "message": "Hardcore" - }, - "app.servers.properties.field.hide-online-players": { - "message": "Hide online players" - }, - "app.servers.properties.field.initial-disabled-packs": { - "message": "Initial disabled packs" - }, - "app.servers.properties.field.initial-enabled-packs": { - "message": "Initial enabled packs" - }, - "app.servers.properties.field.level-name": { - "message": "Level name" - }, - "app.servers.properties.field.level-seed": { - "message": "Level seed" - }, - "app.servers.properties.field.level-type": { - "message": "Level type" - }, - "app.servers.properties.field.log-ips": { - "message": "Log IP addresses" - }, - "app.servers.properties.field.management-server-allowed-origins": { - "message": "Management server allowed origins" - }, - "app.servers.properties.field.management-server-enabled": { - "message": "Enable management server" - }, - "app.servers.properties.field.management-server-host": { - "message": "Management server host" - }, - "app.servers.properties.field.management-server-port": { - "message": "Management server port" - }, - "app.servers.properties.field.management-server-secret": { - "message": "Management server secret" - }, - "app.servers.properties.field.management-server-tls-enabled": { - "message": "Enable management server TLS" - }, - "app.servers.properties.field.management-server-tls-keystore": { - "message": "Management server TLS keystore" - }, - "app.servers.properties.field.management-server-tls-keystore-password": { - "message": "Management server TLS keystore password" - }, - "app.servers.properties.field.max-chained-neighbor-updates": { - "message": "Max chained neighbor updates" - }, - "app.servers.properties.field.max-players": { - "message": "Max players" - }, - "app.servers.properties.field.max-tick-time": { - "message": "Max tick time" - }, - "app.servers.properties.field.max-world-size": { - "message": "Max world size" - }, - "app.servers.properties.field.motd": { - "message": "Message of the day (MOTD)" - }, - "app.servers.properties.field.network-compression-threshold": { - "message": "Network compression threshold" - }, - "app.servers.properties.field.online-mode": { - "message": "Online mode" - }, - "app.servers.properties.field.op-permission-level": { - "message": "OP permission level" - }, - "app.servers.properties.field.pause-when-empty-seconds": { - "message": "Pause when empty (seconds)" - }, - "app.servers.properties.field.player-idle-timeout": { - "message": "Player idle timeout" - }, - "app.servers.properties.field.prevent-proxy-connections": { - "message": "Prevent proxy connections" - }, - "app.servers.properties.field.pvp": { - "message": "Player versus player (PvP)" - }, - "app.servers.properties.field.query.port": { - "message": "Query port" - }, - "app.servers.properties.field.rate-limit": { - "message": "Rate limit" - }, - "app.servers.properties.field.rcon.password": { - "message": "RCON password" - }, - "app.servers.properties.field.rcon.port": { - "message": "RCON port" - }, - "app.servers.properties.field.region-file-compression": { - "message": "Region file compression" - }, - "app.servers.properties.field.require-resource-pack": { - "message": "Require resource pack" - }, - "app.servers.properties.field.resource-pack": { - "message": "Resource pack" - }, - "app.servers.properties.field.resource-pack-id": { - "message": "Resource pack ID" - }, - "app.servers.properties.field.resource-pack-prompt": { - "message": "Resource pack prompt" - }, - "app.servers.properties.field.resource-pack-sha1": { - "message": "Resource pack SHA-1" - }, - "app.servers.properties.field.server-ip": { - "message": "Server IP" - }, - "app.servers.properties.field.server-port": { - "message": "Server port" - }, - "app.servers.properties.field.simulation-distance": { - "message": "Simulation distance" - }, - "app.servers.properties.field.spawn-animals": { - "message": "Spawn animals" - }, - "app.servers.properties.field.spawn-monsters": { - "message": "Spawn monsters" - }, - "app.servers.properties.field.spawn-npcs": { - "message": "Spawn NPCs" - }, - "app.servers.properties.field.spawn-protection": { - "message": "Spawn protection" - }, - "app.servers.properties.field.status-heartbeat-interval": { - "message": "Status heartbeat interval" - }, - "app.servers.properties.field.sync-chunk-writes": { - "message": "Sync chunk writes" - }, - "app.servers.properties.field.text-filtering-config": { - "message": "Text filtering config" - }, - "app.servers.properties.field.text-filtering-version": { - "message": "Text filtering version" - }, - "app.servers.properties.field.use-native-transport": { - "message": "Use native transport" - }, - "app.servers.properties.field.view-distance": { - "message": "View distance" - }, - "app.servers.properties.field.white-list": { - "message": "Whitelist" - }, - "app.servers.properties.load-failed": { - "message": "Failed to load the server configuration." - }, - "app.servers.properties.missing": { - "message": "Start the server once to generate this file." - }, - "app.servers.properties.mode.form": { - "message": "Form" - }, - "app.servers.properties.mode.text": { - "message": "Text" - }, - "app.servers.properties.section.advanced": { - "message": "Advanced" - }, - "app.servers.properties.section.content": { - "message": "Content" - }, - "app.servers.properties.section.gameplay": { - "message": "Gameplay" - }, - "app.servers.properties.section.network": { - "message": "Network & Security" - }, - "app.servers.properties.section.others": { - "message": "Other" - }, - "app.servers.properties.section.world": { - "message": "World" - }, - "app.servers.properties.title": { - "message": "Server properties" - }, - "app.servers.refresh": { - "message": "Refresh" - }, - "app.servers.settings.cancel": { - "message": "Cancel" - }, - "app.servers.settings.config": { - "message": "Configuration" - }, - "app.servers.settings.delete": { - "message": "Delete server" - }, - "app.servers.settings.delete-confirm": { - "message": "Delete {name} and all of its files? This cannot be undone." - }, - "app.servers.settings.delete-hint": { - "message": "Permanently remove this server and all of its files." - }, - "app.servers.settings.delete-proceed": { - "message": "Delete" - }, - "app.servers.settings.general": { - "message": "General" - }, - "app.servers.settings.icon": { - "message": "Icon" - }, - "app.servers.settings.java": { - "message": "Java" - }, - "app.servers.settings.jvm-args": { - "message": "JVM arguments" - }, - "app.servers.settings.jvm-args-hint": { - "message": "Space-separated arguments, e.g. -XX:+UseG1GC" - }, - "app.servers.settings.memory": { - "message": "Memory" - }, - "app.servers.settings.name": { - "message": "Server name" - }, - "app.servers.settings.running-hint": { - "message": "Your changes will take effect the next time the server starts." - }, - "app.servers.settings.running-title": { - "message": "Server is running" - }, - "app.servers.settings.save": { - "message": "Save changes" - }, - "app.servers.settings.saved": { - "message": "Server settings saved" - }, - "app.servers.status.crashed": { - "message": "Crashed" - }, - "app.servers.status.created": { - "message": "Not set up" - }, - "app.servers.status.download-failed": { - "message": "Download failed" - }, - "app.servers.status.download-interrupted": { - "message": "Download interrupted" - }, - "app.servers.status.downloading": { - "message": "Downloading" - }, - "app.servers.status.eula-pending": { - "message": "EULA pending" - }, - "app.servers.status.ready": { - "message": "Ready" - }, - "app.servers.status.running": { - "message": "Running" - }, - "app.servers.status.starting": { - "message": "Starting" - }, - "app.servers.type.fabric": { - "message": "Fabric" - }, - "app.servers.type.forge": { - "message": "Forge" - }, - "app.servers.type.paper": { - "message": "Paper" - }, - "app.servers.type.vanilla": { - "message": "Vanilla" - }, - "app.servers.wizard.background-hint": { - "message": "You can close this window — the download continues in the background." - }, - "app.servers.wizard.configure-heading": { - "message": "Adjust the server settings, or finish to edit them later." - }, - "app.servers.wizard.configure-title": { - "message": "Configure" - }, - "app.servers.wizard.done": { - "message": "Server ready" - }, - "app.servers.wizard.download-in-background": { - "message": "Download in background" - }, - "app.servers.wizard.downloading": { - "message": "Downloading server files..." - }, - "app.servers.wizard.eula-wait": { - "message": "Waiting for EULA confirmation" - }, - "app.servers.wizard.failed": { - "message": "Setup failed" - }, - "app.servers.wizard.finish": { - "message": "Finish" - }, - "app.servers.wizard.first-run": { - "message": "Running first start..." - }, - "app.servers.wizard.game-version": { - "message": "Game version" - }, - "app.servers.wizard.install-title": { - "message": "Install" - }, - "app.servers.wizard.java-too-old": { - "message": "Java {selected} cannot run this game version; Java {required} or newer is required." - }, - "app.servers.wizard.loader-version": { - "message": "Loader version" - }, - "app.servers.wizard.log": { - "message": "Output" - }, - "app.servers.wizard.memory-value": { - "message": "{value} MB" - }, - "app.servers.wizard.name": { - "message": "Server name" - }, - "app.servers.wizard.name-placeholder": { - "message": "Survival server" - }, - "app.servers.wizard.next": { - "message": "Next" - }, - "app.servers.wizard.retry": { - "message": "Retry" - }, - "app.servers.wizard.setup-title": { - "message": "Setup" - }, - "app.servers.wizard.show-snapshots": { - "message": "Show snapshots" - }, - "app.servers.wizard.type-heading": { - "message": "Choose a server core" - }, - "app.servers.wizard.type-title": { - "message": "Server type" - }, - "app.settings.about.afdian": { - "message": "Support on Afdian" - }, - "app.settings.about.afdian-description": { - "message": "Help support continued development" - }, "app.settings.about.attribution": { "message": "Starlight Launcher is a modified version of the Axolotl Launcher, which is based on the open-source Modrinth codebase." }, - "app.settings.about.community-support": { - "message": "Project & community" - }, "app.settings.about.contributors": { "message": "Contributors" }, "app.settings.about.contributors-count": { "message": "{count, plural, one {# contributor} other {# contributors}}" }, - "app.settings.about.copied-qq-group": { - "message": "Group number copied" - }, - "app.settings.about.copy-qq-group": { - "message": "Copy group number" + "app.settings.about.copyright": { + "message": "Copyright © Axolotl All Rights Reserved." }, "app.settings.about.description": { - "message": "Your last launcher." + "message": "Starlight Launcher" }, "app.settings.about.developer-tools": { "message": "Developer tools" @@ -6804,7 +6414,7 @@ "message": "Development team" }, "app.settings.about.easteregg.click-hint": { - "message": "Click to open a hidden Mini Game" + "message": "Click to open a hidden Easter egg" }, "app.settings.about.easteregg.contributors-title": { "message": "贡献者彩蛋" @@ -6812,6 +6422,63 @@ "app.settings.about.easteregg.game-title": { "message": "Mini Game" }, + "app.settings.about.game.best": { + "message": "Best: {score}" + }, + "app.settings.about.game.best-label": { + "message": "Best" + }, + "app.settings.about.game.completed": { + "message": "Nether star!" + }, + "app.settings.about.game.exit": { + "message": "Exit game" + }, + "app.settings.about.game.game-over": { + "message": "The stars fell down!" + }, + "app.settings.about.game.highest-level": { + "message": "Highest: level {level}" + }, + "app.settings.about.game.level-label": { + "message": "Highest level" + }, + "app.settings.about.game.new-record": { + "message": "New record!" + }, + "app.settings.about.game.overtime": { + "message": "Tide surge!" + }, + "app.settings.about.game.overtime-detail": { + "message": "The water rushes back — keep merging!" + }, + "app.settings.about.game.overtimes-label": { + "message": "Overtimes" + }, + "app.settings.about.game.restart": { + "message": "Restart" + }, + "app.settings.about.game.score": { + "message": "Score: {score}" + }, + "app.settings.about.game.score-label": { + "message": "Score" + }, + "app.settings.about.game.settle": { + "message": "Settle" + }, + "app.settings.about.game.settle-title": { + "message": "Run settled!" + }, + "app.settings.about.game.tap-to-drop": { + "message": "Click to drop a star" + }, + "app.settings.about.game.tide-hint": { + "message": "The sky is falling — keep merging!" + }, + "app.settings.about.game.title": { + "message": "Starlight merge" + }, "app.settings.about.license-attribution": { "message": "License & attribution" }, @@ -6830,30 +6497,9 @@ "app.settings.about.project-license": { "message": "Project license (GPL-3.0)" }, - "app.settings.about.project-website": { - "message": "Project website" - }, - "app.settings.about.qq-channel": { - "message": "QQ channel" - }, - "app.settings.about.qq-group": { - "message": "Player QQ group" - }, "app.settings.about.replay-onboarding": { "message": "Replay tour" }, - "app.settings.about.report-issue": { - "message": "Issues & feedback" - }, - "app.settings.about.repository": { - "message": "Source code" - }, - "app.settings.about.survey": { - "message": "Community survey" - }, - "app.settings.about.survey-description": { - "message": "Help us improve Starlight Launcher" - }, "app.settings.about.test-error": { "message": "Trigger test error" }, @@ -6971,21 +6617,6 @@ "app.settings.developer-mode-enabled": { "message": "Developer mode enabled." }, - "app.settings.developer.announcement-preview": { - "message": "Announcement preview" - }, - "app.settings.developer.announcement-preview-description": { - "message": "Preview the real announcement components using local sample content, without fetching or marking real announcements as read." - }, - "app.settings.developer.preview-announcement-modal": { - "message": "Preview startup modal" - }, - "app.settings.developer.preview-announcement-popup": { - "message": "Preview Popup notification" - }, - "app.settings.developer.preview-with-action": { - "message": "Include an optional external-link button" - }, "app.settings.downloading": { "message": "Downloading v{version}" }, @@ -7445,42 +7076,9 @@ "app.settings.storage.world": { "message": "World" }, - "app.settings.tabs.about": { - "message": "About" - }, - "app.settings.tabs.ai": { - "message": "AI" - }, - "app.settings.tabs.content-downloads": { - "message": "Content & downloads" - }, - "app.settings.tabs.home-navigation": { - "message": "Home & navigation" - }, - "app.settings.tabs.interface": { - "message": "Interface & appearance" - }, - "app.settings.tabs.java-performance": { - "message": "Java & performance" - }, - "app.settings.tabs.language-translation": { - "message": "Language & translation" - }, - "app.settings.tabs.launch-defaults": { - "message": "Launch & instance defaults" - }, - "app.settings.tabs.network-multiplayer": { - "message": "Network & multiplayer" - }, "app.settings.tabs.storage": { "message": "Storage" }, - "app.settings.tabs.storage-backups": { - "message": "Storage & backups" - }, - "app.settings.tabs.updates": { - "message": "Updates" - }, "app.settings.updates.announcements.description": { "message": "See what changed in this version and browse previous releases." }, @@ -7646,9 +7244,6 @@ "app.settings.updates.preferences.title": { "message": "Update behavior" }, - "app.settings.updates.preview-announcement": { - "message": "Preview update announcement" - }, "app.settings.updates.security": { "message": "Updates are installed only when their cryptographic signature is valid." }, @@ -7799,6 +7394,18 @@ "app.skins.section.tiny-takeover": { "message": "Tiny Takeover" }, + "app.skins.sign-in.axolotl-alt": { + "message": "Starlight Launcher" + }, + "app.skins.sign-in.button": { + "message": "Sign In" + }, + "app.skins.sign-in.description": { + "message": "Please sign into your Minecraft account to use the skin management features of Starlight Launcher." + }, + "app.skins.sign-in.title": { + "message": "Please sign in" + }, "app.skins.skin-site-account.description": { "message": "Select a skin below and apply it directly to {player}." }, @@ -7820,18 +7427,6 @@ "app.skins.skin-site-account.title": { "message": "StarLight skin site player" }, - "app.skins.sign-in.axolotl-alt": { - "message": "Starlight Launcher" - }, - "app.skins.sign-in.button": { - "message": "Sign In" - }, - "app.skins.sign-in.description": { - "message": "Please sign into your Minecraft account to use the skin management features of Starlight Launcher." - }, - "app.skins.sign-in.title": { - "message": "Please sign in" - }, "app.skins.tabs.default": { "message": "Official skins" }, @@ -7853,20 +7448,8 @@ "app.splash.updating-app-directory": { "message": "Updating app directory..." }, - "app.survey-promotion.defer-hint": { - "message": "If you close this dialog, you can still find the survey later in Settings > About." - }, - "app.survey-promotion.fill-survey": { - "message": "Fill out the survey" - }, - "app.survey-promotion.intro": { - "message": "To help us improve Starlight Launcher, we have prepared a short survey and would love to hear your feedback." - }, - "app.survey-promotion.reward": { - "message": "Lucky participants will be drawn to win a genuine Minecraft account (redeemable for cash)." - }, - "app.survey-promotion.title": { - "message": "Community survey" + "app.starlight-skin.frame-title": { + "message": "StarLight Skin Site" }, "app.symlink-capability.unsupported": { "message": "This system does not support creating symbolic links." @@ -8051,9 +7634,6 @@ "app.update-announcement.category.security": { "message": "Security" }, - "app.update-announcement.modal.header": { - "message": "What's new" - }, "app.update-announcement.notes": { "message": "Notes" }, @@ -10151,12 +9731,6 @@ "minecraft-account.add-microsoft-account": { "message": "Add your own Minecraft account" }, - "minecraft-account.add-offline-account": { - "message": "Add offline account" - }, - "minecraft-account.sign-in-starlight": { - "message": "Sign in to StarLight Skin Site" - }, "minecraft-account.copy-uuid": { "message": "Copy UUID" }, @@ -10232,56 +9806,35 @@ "minecraft-account.select-account": { "message": "Select account" }, - "minecraft-account.sign-in": { - "message": "Sign in to Minecraft" + "minecraft-account.sign-in-starlight": { + "message": "Sign in to StarLight Skin Site" + }, + "minecraft-account.skin-site.checking": { + "message": "Checking skin site session…" + }, + "minecraft-account.skin-site.players": { + "message": "Skin site players ({count})" + }, + "minecraft-account.skin-site.players.empty": { + "message": "No player profiles are attached to this skin site account." + }, + "minecraft-account.skin-site.players.error": { + "message": "Could not refresh the player list. Previously loaded players are kept." + }, + "minecraft-account.skin-site.players.retry": { + "message": "Retry" + }, + "minecraft-account.skin-site.signed-in": { + "message": "Signed in to StarLight Skin Site" + }, + "minecraft-account.skin-site.sync-error": { + "message": "Could not verify the skin site session. Retrying automatically." }, "minecraft-account.third-party-account": { - "message": "Third-party Minecraft account" + "message": "StarLight skin account" }, "minecraft-account.third-party-badge": { - "message": "Third-party" - }, - "minecraft-account.third-party-modal.account": { - "message": "Account or email" - }, - "minecraft-account.third-party-modal.account-placeholder": { - "message": "Enter your account or email" - }, - "minecraft-account.third-party-modal.api-root": { - "message": "Yggdrasil API address" - }, - "minecraft-account.third-party-modal.api-root-placeholder": { - "message": "https://example.com/api/yggdrasil" - }, - "minecraft-account.third-party-modal.description": { - "message": "Use LittleSkin or another compatible Yggdrasil authentication service." - }, - "minecraft-account.third-party-modal.littleskin": { - "message": "Use LittleSkin" - }, - "minecraft-account.third-party-modal.password": { - "message": "Password" - }, - "minecraft-account.third-party-modal.remember-password": { - "message": "Save this login on this device" - }, - "minecraft-account.third-party-modal.remove-saved-login": { - "message": "Remove saved login" - }, - "minecraft-account.third-party-modal.saved-logins": { - "message": "Saved logins" - }, - "minecraft-account.third-party-modal.sign-in": { - "message": "Sign in" - }, - "minecraft-account.third-party-modal.title": { - "message": "Sign in with a third-party service" - }, - "minecraft-account.third-party-profile.description": { - "message": "Choose the Minecraft profile to use with this account." - }, - "minecraft-account.third-party-profile.title": { - "message": "Select a profile" + "message": "StarLight skin" }, "minecraft-login.browser": { "message": "Use browser login" @@ -10349,9 +9902,6 @@ "search.filter.locked.server-loader.title": { "message": "Loader is provided by the server" }, - "settings.feature-flags.title": { - "message": "Feature flags" - }, "unknown-pack-warning-modal.body": { "message": "A file is only reviewed if it’s uploaded to Modrinth, regardless of its file format (including .mrpack)." }, diff --git a/apps/app-frontend/src/pages/Screenshots.vue b/apps/app-frontend/src/pages/Screenshots.vue new file mode 100644 index 0000000..aa2d77b --- /dev/null +++ b/apps/app-frontend/src/pages/Screenshots.vue @@ -0,0 +1,11 @@ + + + \ No newline at end of file diff --git a/apps/app-frontend/src/pages/instance/query-options.ts b/apps/app-frontend/src/pages/instance/query-options.ts new file mode 100644 index 0000000..d721865 --- /dev/null +++ b/apps/app-frontend/src/pages/instance/query-options.ts @@ -0,0 +1,57 @@ +import { queryOptions } from '@tanstack/vue-query' + +import { + list, + list_all_screenshots, + list_screenshot_groups, + list_screenshots, + list_synced_screenshots, +} from '@/helpers/instance' + +export const instanceKeys = { + all: ['instances'] as const, + list: () => ['instances', 'list'] as const, +} + +export function instanceListQueryOptions() { + return queryOptions({ + queryKey: instanceKeys.list(), + queryFn: list, + }) +} + +export const screenshotKeys = { + all: ['screenshots'] as const, + global: () => ['screenshots', 'global'] as const, + synced: () => ['screenshots', 'synced'] as const, + instance: (instanceId: string) => ['screenshots', 'instance', instanceId] as const, + groups: () => ['screenshots', 'groups'] as const, +} + +export function instanceScreenshotsQueryOptions(instanceId: string) { + return queryOptions({ + queryKey: screenshotKeys.instance(instanceId), + queryFn: () => list_screenshots(instanceId), + }) +} + +export function allScreenshotsQueryOptions() { + return queryOptions({ + queryKey: screenshotKeys.global(), + queryFn: list_all_screenshots, + }) +} + +export function syncedScreenshotsQueryOptions() { + return queryOptions({ + queryKey: screenshotKeys.synced(), + queryFn: list_synced_screenshots, + }) +} + +export function screenshotGroupsQueryOptions() { + return queryOptions({ + queryKey: screenshotKeys.groups(), + queryFn: list_screenshot_groups, + }) +} \ No newline at end of file diff --git a/apps/app-frontend/src/routes.js b/apps/app-frontend/src/routes.js index 72fb0df..b13a6b9 100644 --- a/apps/app-frontend/src/routes.js +++ b/apps/app-frontend/src/routes.js @@ -101,6 +101,14 @@ export default new createRouter({ breadcrumb: [{ name: 'Starlight skin' }], }, }, + { + path: '/screenshots', + name: 'Screenshots', + component: () => import('@/pages/Screenshots.vue'), + meta: { + breadcrumb: [{ name: 'Screenshots' }], + }, + }, { path: '/multiplayer', name: 'Multiplayer', diff --git a/packages/ui/package.json b/packages/ui/package.json index 16935ee..b3c443a 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -65,6 +65,7 @@ "dayjs": "^1.11.10", "dompurify": "^3.1.7", "es-toolkit": "^1.44.0", + "fabric": "^7.4.0", "flatpickr": "^4.6.13", "floating-vue": "^5.2.2", "fuse.js": "^6.6.2", diff --git a/packages/ui/src/components/base/InlineEditableText.vue b/packages/ui/src/components/base/InlineEditableText.vue new file mode 100644 index 0000000..a78ddac --- /dev/null +++ b/packages/ui/src/components/base/InlineEditableText.vue @@ -0,0 +1,248 @@ + + + \ No newline at end of file diff --git a/packages/ui/src/components/base/index.ts b/packages/ui/src/components/base/index.ts index 1983f8c..877f82a 100644 --- a/packages/ui/src/components/base/index.ts +++ b/packages/ui/src/components/base/index.ts @@ -53,6 +53,7 @@ export { default as FloatingActionBar } from './FloatingActionBar.vue' export { default as FloatingPanel } from './FloatingPanel.vue' export { default as FormattedTag } from './FormattedTag.vue' export { default as HeadingLink } from './HeadingLink.vue' +export { default as InlineEditableText } from './InlineEditableText.vue' export { default as HorizontalRule } from './HorizontalRule.vue' export { default as I18nDebugPanel } from './I18nDebugPanel.vue' export { default as IconSelect } from './IconSelect.vue' diff --git a/packages/ui/src/components/image-viewer-editor/controls.vue b/packages/ui/src/components/image-viewer-editor/controls.vue new file mode 100644 index 0000000..d75dc5d --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/controls.vue @@ -0,0 +1,316 @@ + + + + \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/editor.vue b/packages/ui/src/components/image-viewer-editor/editor.vue new file mode 100644 index 0000000..7913b08 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/editor.vue @@ -0,0 +1,580 @@ + + + + \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/image-viewer-editor-censor-object.ts b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-censor-object.ts new file mode 100644 index 0000000..70ba446 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-censor-object.ts @@ -0,0 +1,15 @@ +import type { ScreenshotEditorSourceRect } from './image-viewer-editor-types' + +export function renderCensorRegion(sourceRect: ScreenshotEditorSourceRect, solidColor: string) { + const width = Math.max(1, Math.round(sourceRect.width)) + const height = Math.max(1, Math.round(sourceRect.height)) + const output = document.createElement('canvas') + output.width = width + output.height = height + const outputContext = output.getContext('2d') + if (!outputContext) throw new Error('Could not create censor canvas') + + outputContext.fillStyle = solidColor + outputContext.fillRect(0, 0, width, height) + return output +} \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/image-viewer-editor-messages.ts b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-messages.ts new file mode 100644 index 0000000..e1af6f8 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-messages.ts @@ -0,0 +1,57 @@ +import { defineMessages } from '#ui/composables/i18n' + +export const imageViewerEditorMessages = defineMessages({ + close: { id: 'image-viewer.close', defaultMessage: 'Close' }, + previous: { id: 'image-viewer.previous', defaultMessage: 'Previous image' }, + next: { id: 'image-viewer.next', defaultMessage: 'Next image' }, + edit: { id: 'image-viewer.edit', defaultMessage: 'Edit' }, + metadata: { + id: 'image-viewer.metadata', + defaultMessage: '{size} · {width} × {height} px', + }, + saveAsCopy: { id: 'image-viewer.editor.save-as-new', defaultMessage: 'Save copy' }, + overwrite: { id: 'image-viewer.editor.overwrite', defaultMessage: 'Overwrite' }, + moreSaveOptions: { + id: 'image-viewer.editor.more-save-options', + defaultMessage: 'More save options', + }, + saveImage: { id: 'image-viewer.editor.save-image', defaultMessage: 'Save image' }, + select: { id: 'image-viewer.editor.tool.select', defaultMessage: 'Select' }, + pen: { id: 'image-viewer.editor.tool.pen', defaultMessage: 'Pen' }, + highlight: { id: 'image-viewer.editor.tool.highlight', defaultMessage: 'Highlight' }, + eraser: { id: 'image-viewer.editor.tool.eraser', defaultMessage: 'Eraser' }, + crop: { id: 'image-viewer.editor.tool.crop', defaultMessage: 'Crop' }, + text: { id: 'image-viewer.editor.tool.text', defaultMessage: 'Text' }, + arrow: { id: 'image-viewer.editor.tool.arrow', defaultMessage: 'Arrow' }, + rectangle: { id: 'image-viewer.editor.tool.rectangle', defaultMessage: 'Rectangle' }, + ellipse: { id: 'image-viewer.editor.tool.ellipse', defaultMessage: 'Ellipse' }, + censor: { id: 'image-viewer.editor.tool.censor', defaultMessage: 'Censor' }, + eraserMode: { id: 'image-viewer.editor.eraser.mode', defaultMessage: 'Eraser mode' }, + element: { id: 'image-viewer.editor.eraser.element', defaultMessage: 'Element' }, + area: { id: 'image-viewer.editor.eraser.area', defaultMessage: 'Area' }, + cropDimensions: { + id: 'image-viewer.editor.crop.dimensions', + defaultMessage: '{width} × {height} px', + }, + resetCrop: { id: 'image-viewer.editor.crop.reset', defaultMessage: 'Reset crop' }, + colour: { id: 'image-viewer.editor.colour', defaultMessage: 'Colour' }, + width: { id: 'image-viewer.editor.width', defaultMessage: 'Width' }, + size: { id: 'image-viewer.editor.size', defaultMessage: 'Size' }, + undo: { id: 'image-viewer.editor.undo', defaultMessage: 'Undo' }, + redo: { id: 'image-viewer.editor.redo', defaultMessage: 'Redo' }, + deleteSelection: { + id: 'image-viewer.editor.delete-selection', + defaultMessage: 'Delete selected annotation', + }, + zoomIn: { id: 'image-viewer.editor.zoom-in', defaultMessage: 'Zoom in' }, + zoomOut: { id: 'image-viewer.editor.zoom-out', defaultMessage: 'Zoom out' }, + fit: { id: 'image-viewer.editor.zoom-fit', defaultMessage: 'Fit' }, + fitToWorkspace: { + id: 'image-viewer.editor.zoom-fit-workspace', + defaultMessage: 'Fit to workspace', + }, + annotationTools: { + id: 'image-viewer.editor.image-editing-tools', + defaultMessage: 'Image editing tools', + }, +}) \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/image-viewer-editor-types.ts b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-types.ts new file mode 100644 index 0000000..97f7c2c --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/image-viewer-editor-types.ts @@ -0,0 +1,49 @@ +export type ImageViewerEditorMode = 'view' | 'edit' + +export type ScreenshotEditorTool = + | 'select' + | 'pen' + | 'highlight' + | 'eraser' + | 'crop' + | 'text' + | 'arrow' + | 'rectangle' + | 'ellipse' + | 'censor' + +export type ScreenshotEraserMode = 'element' | 'area' + +export type ScreenshotEditorObjectKind = + | 'annotation' + | 'arrow' + | 'background' + | 'censor' + | 'ellipse' + | 'highlight' + | 'pen' + | 'rectangle' + | 'text' + +export type ScreenshotEditorPropertyKind = Exclude< + ScreenshotEditorObjectKind, + 'annotation' | 'background' +> + +export type ScreenshotEditorSourceRect = { + left: number + top: number + width: number + height: number +} + +export type ScreenshotEditorObjectState = Record & { + editorKind?: ScreenshotEditorObjectKind + sourceRect?: ScreenshotEditorSourceRect + censorColor?: string +} + +export type EditorHistoryEntry = { + objects: ScreenshotEditorObjectState[] + crop: ScreenshotEditorSourceRect +} \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/index.vue b/packages/ui/src/components/image-viewer-editor/index.vue new file mode 100644 index 0000000..d2d0334 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/index.vue @@ -0,0 +1,319 @@ + + + + \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/toolbar.vue b/packages/ui/src/components/image-viewer-editor/toolbar.vue new file mode 100644 index 0000000..0d50630 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/toolbar.vue @@ -0,0 +1,92 @@ + + + \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/types.ts b/packages/ui/src/components/image-viewer-editor/types.ts new file mode 100644 index 0000000..e910675 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/types.ts @@ -0,0 +1,29 @@ +export type ImageViewerEditorSource = { + id: string + path: string +} + +export type ImageViewerEditorItem = { + id: string + src: string + alt: string + title?: string + description?: string + editorSource?: ImageViewerEditorSource +} + +export type ImageViewerEditorData = { + source: Blob +} + +export type ImageViewerEditorMetadata = { + size: number + width: number + height: number +} + +export type ImageViewerEditorSavePayload = { + item: ImageViewerEditorItem + pngBytes: Uint8Array + mode: 'create_copy' | 'replace_edit' +} \ No newline at end of file diff --git a/packages/ui/src/components/image-viewer-editor/use-image-editor.ts b/packages/ui/src/components/image-viewer-editor/use-image-editor.ts new file mode 100644 index 0000000..055c955 --- /dev/null +++ b/packages/ui/src/components/image-viewer-editor/use-image-editor.ts @@ -0,0 +1,1700 @@ +import { computed, ref, shallowRef, watch } from 'vue' + +import { useDebugLogger } from '#ui/composables/debug-logger' + +import { renderCensorRegion } from './image-viewer-editor-censor-object' +import type { + EditorHistoryEntry, + ScreenshotEditorObjectKind, + ScreenshotEditorObjectState, + ScreenshotEditorPropertyKind, + ScreenshotEditorSourceRect, + ScreenshotEditorTool, + ScreenshotEraserMode, +} from './image-viewer-editor-types' +import type { ImageViewerEditorData } from './types' + +type FabricModule = typeof import('fabric') +type FabricCanvas = import('fabric').Canvas +type FabricObject = import('fabric').FabricObject +type FabricPoint = import('fabric').Point +type FabricPath = import('fabric').Path +type FabricPathData = Exclude[0], string> +type FabricImage = import('fabric').FabricImage +type FabricGroup = import('fabric').Group +type FabricRect = import('fabric').Rect +type FabricImageOptions = ConstructorParameters[1] +type EditorFabricObject = FabricObject & { + editorKind?: ScreenshotEditorObjectKind + fontSize?: number + sourceRect?: ScreenshotEditorSourceRect + censorColor?: string +} + +type FabricPointerEvent = { + e: MouseEvent | TouchEvent | PointerEvent + target?: FabricObject + transform?: { corner?: string } +} + +const MIN_ZOOM = 0.25 +const MAX_ZOOM = 4 +const CONTROL_SIZE = 14 +const CONTROL_TOUCH_SIZE = 24 +const MAX_RENDERED_CANVAS_PIXELS = 16_777_216 +const MIN_CROP_SIZE = 1 + +function getSelectionColor() { + if (typeof document === 'undefined') return '#ffffff' + return ( + getComputedStyle(document.documentElement).getPropertyValue('--color-brand').trim() || '#ffffff' + ) +} +const CENSOR_REGENERATED_PROPERTIES = new Set([ + 'type', + 'version', + 'src', + 'filters', + 'resizeFilter', + 'clipPath', + 'editorKind', + 'sourceRect', + 'censorColor', +]) +const TOOL_SHORTCUTS: Partial> = { + a: 'arrow', + c: 'censor', + e: 'eraser', + h: 'highlight', + k: 'crop', + o: 'ellipse', + p: 'pen', + r: 'rectangle', + t: 'text', + v: 'select', +} + +type PropertyValueKind = 'size' | 'width' + +export function useImageEditor() { + const debugEraser = useDebugLogger('ImageEditor:Eraser') + const canvas = shallowRef() + const loading = ref(false) + const tool = ref('select') + const color = ref('#ffffff') + const strokeWidth = ref(6) + const fontSize = ref(30) + const eraserMode = ref('element') + const zoom = ref(1) + const fitScale = ref(1) + const isFit = ref(true) + const originalWidth = ref(0) + const originalHeight = ref(0) + const cropRect = ref({ left: 0, top: 0, width: 0, height: 0 }) + const history = ref([]) + const historyIndex = ref(-1) + const selectedPropertyKind = ref() + const selectionCount = ref(0) + const canUndo = computed(() => historyIndex.value > 0) + const canRedo = computed(() => historyIndex.value < history.value.length - 1) + const canDelete = computed(() => selectionCount.value > 0) + const propertyValueKind = computed(() => { + const kind = selectedPropertyKind.value ?? (selectionCount.value === 0 ? tool.value : undefined) + if (kind === 'text') return 'size' + if (kind === 'eraser' && eraserMode.value === 'area') return 'width' + if ( + kind === 'pen' || + kind === 'highlight' || + kind === 'arrow' || + kind === 'rectangle' || + kind === 'ellipse' + ) { + return 'width' + } + return undefined + }) + const hasColorProperty = computed(() => { + const kind = selectedPropertyKind.value ?? (selectionCount.value === 0 ? tool.value : undefined) + return ( + kind === 'pen' || + kind === 'highlight' || + kind === 'arrow' || + kind === 'rectangle' || + kind === 'ellipse' || + kind === 'text' || + (kind === 'censor' && selectionCount.value === 0) + ) + }) + const showEraserMode = computed(() => selectionCount.value === 0 && tool.value === 'eraser') + const canZoomOut = computed(() => zoom.value > MIN_ZOOM) + const canZoomIn = computed(() => zoom.value < MAX_ZOOM) + const showCropControls = computed(() => selectionCount.value === 0 && tool.value === 'crop') + const cropWidth = computed(() => cropRect.value.width) + const cropHeight = computed(() => cropRect.value.height) + const canResetCrop = computed(() => !isFullCrop()) + + const defaultWidths: Record<'width' | 'highlight' | 'eraser', number> = { + width: 6, + highlight: 24, + eraser: 24, + } + let defaultColor = '#ffffff' + let defaultCensorColor = '#000000' + let defaultFontSize = 30 + + let fabric: FabricModule | undefined + let background: FabricImage | undefined + let cropSelection: FabricRect | undefined + let cropShade: FabricRect[] = [] + let sourceImage: HTMLImageElement | undefined + let sourceUrl: string | undefined + let drawingStart: { x: number; y: number } | undefined + let drawingObject: EditorFabricObject | undefined + let cropDrawingStart: FabricPoint | undefined + let cropDrawingPrevious: ScreenshotEditorSourceRect | undefined + let restoringHistory = false + let constructingObject = false + let propertyEditStart: string | undefined + let erasing = false + let erasedDuringGesture = false + let interactionEnabled = true + + watch(eraserMode, () => { + finishErasing() + if (tool.value === 'eraser') setTool('eraser') + }) + async function initialize( + element: HTMLCanvasElement, + editorData: ImageViewerEditorData, + viewportSize?: { width: number; height: number }, + ) { + await dispose() + loading.value = true + try { + fabric = await import('fabric') + sourceUrl = URL.createObjectURL(editorData.source) + sourceImage = await loadImage(sourceUrl) + originalWidth.value = sourceImage.naturalWidth + originalHeight.value = sourceImage.naturalHeight + + const nextCanvas = new fabric.Canvas(element, { + width: originalWidth.value, + height: originalHeight.value, + enableRetinaScaling: false, + backgroundColor: '#111827', + preserveObjectStacking: true, + selection: true, + }) + canvas.value = nextCanvas + if (viewportSize) fitToViewport(viewportSize.width, viewportSize.height) + background = new fabric.FabricImage(sourceImage, { + left: 0, + top: 0, + originX: 'left', + originY: 'top', + width: originalWidth.value, + height: originalHeight.value, + selectable: false, + evented: false, + excludeFromExport: false, + }) + setEditorMetadata(background, 'background') + nextCanvas.add(background) + nextCanvas.sendObjectToBack(background) + createCropUi(nextCanvas) + bindCanvasEvents(nextCanvas) + resetHistory() + setTool('select') + } finally { + loading.value = false + } + } + + function bindCanvasEvents(editorCanvas: FabricCanvas) { + editorCanvas.on('mouse:down', handleMouseDown) + editorCanvas.on('mouse:move', handleMouseMove) + editorCanvas.on('mouse:up', handleMouseUp) + editorCanvas.on('object:added', () => { + if (!constructingObject && !restoringHistory && !editorCanvas.isDrawingMode) { + recordHistory() + } + keepCropUiOnTop() + }) + editorCanvas.on('path:created', ({ path }) => { + if (tool.value === 'eraser' && eraserMode.value === 'area') { + void eraseAreaWithPath(path).catch((error) => { + debugEraser('area:error', error) + }) + return + } + setEditorMetadata(path, tool.value === 'highlight' ? 'highlight' : 'pen') + styleObjectControls(path) + recordHistory() + syncSelectionProperties() + }) + editorCanvas.on('object:moving', ({ target }) => { + if (target === cropSelection) { + constrainCropMove() + syncCropFromSelection() + } + }) + editorCanvas.on('object:scaling', ({ target }) => { + if (target === cropSelection) syncCropFromSelection() + }) + editorCanvas.on('object:modified', ({ target }) => { + if (target === cropSelection) { + normalizeCropSelection() + recordHistory() + return + } + if (target) editorCanvas.requestRenderAll() + recordHistory() + syncSelectionProperties() + }) + editorCanvas.on('object:removed', () => { + if (!constructingObject && !restoringHistory) recordHistory() + }) + editorCanvas.on('selection:created', syncSelectionProperties) + editorCanvas.on('selection:updated', syncSelectionProperties) + editorCanvas.on('selection:cleared', syncSelectionProperties) + editorCanvas.on('text:editing:exited', () => { + recordHistory() + syncSelectionProperties() + }) + } + + function createCropUi(editorCanvas: FabricCanvas) { + const fabricModule = fabric + if (!fabricModule) return + cropRect.value = fullCropRect() + cropShade = Array.from( + { length: 4 }, + () => + new fabricModule.Rect({ + left: 0, + top: 0, + originX: 'left', + originY: 'top', + width: 0, + height: 0, + fill: 'rgba(0, 0, 0, 0.55)', + strokeWidth: 0, + selectable: false, + evented: false, + excludeFromExport: true, + visible: false, + }), + ) + cropSelection = new fabricModule.Rect({ + ...cropRect.value, + originX: 'left', + originY: 'top', + fill: 'transparent', + stroke: getSelectionColor(), + strokeUniform: true, + strokeWidth: 2, + lockRotation: true, + lockScalingFlip: true, + selectable: false, + evented: false, + excludeFromExport: true, + perPixelTargetFind: true, + visible: false, + }) + styleCropControls() + editorCanvas.add(...cropShade, cropSelection) + updateCropUi() + } + + function fullCropRect(): ScreenshotEditorSourceRect { + return { + left: 0, + top: 0, + width: originalWidth.value, + height: originalHeight.value, + } + } + + function isFullCrop() { + const rect = cropRect.value + return ( + rect.left === 0 && + rect.top === 0 && + rect.width === originalWidth.value && + rect.height === originalHeight.value + ) + } + + function updateCropUi() { + if (!cropSelection || cropShade.length !== 4) return + const rect = cropRect.value + const right = rect.left + rect.width + const bottom = rect.top + rect.height + cropSelection.set({ + left: rect.left, + top: rect.top, + width: rect.width, + height: rect.height, + scaleX: 1, + scaleY: 1, + }) + cropShade[0].set({ left: 0, top: 0, width: originalWidth.value, height: rect.top }) + cropShade[1].set({ left: 0, top: rect.top, width: rect.left, height: rect.height }) + cropShade[2].set({ + left: right, + top: rect.top, + width: originalWidth.value - right, + height: rect.height, + }) + cropShade[3].set({ + left: 0, + top: bottom, + width: originalWidth.value, + height: originalHeight.value - bottom, + }) + const cropToolActive = interactionEnabled && tool.value === 'crop' + const hasCropBounds = !isFullCrop() + const shadeVisible = interactionEnabled && hasCropBounds + for (const shade of cropShade) { + shade.visible = shadeVisible + shade.setCoords() + } + cropSelection.set({ + visible: cropToolActive && hasCropBounds, + selectable: cropToolActive && hasCropBounds, + evented: cropToolActive && hasCropBounds, + }) + cropSelection.setCoords() + keepCropUiOnTop() + canvas.value?.requestRenderAll() + } + + function keepCropUiOnTop() { + const editorCanvas = canvas.value + if (!editorCanvas || !cropSelection) return + for (const shade of cropShade) editorCanvas.bringObjectToFront(shade) + editorCanvas.bringObjectToFront(cropSelection) + } + + function cropSelectionRect(): ScreenshotEditorSourceRect | undefined { + if (!cropSelection) return undefined + return { + left: cropSelection.left, + top: cropSelection.top, + width: cropSelection.width * cropSelection.scaleX, + height: cropSelection.height * cropSelection.scaleY, + } + } + + function sanitizeCropRect(rect: ScreenshotEditorSourceRect): ScreenshotEditorSourceRect { + const left = Math.min(originalWidth.value - MIN_CROP_SIZE, Math.max(0, Math.round(rect.left))) + const top = Math.min(originalHeight.value - MIN_CROP_SIZE, Math.max(0, Math.round(rect.top))) + const right = Math.min( + originalWidth.value, + Math.max(left + MIN_CROP_SIZE, Math.round(rect.left + rect.width)), + ) + const bottom = Math.min( + originalHeight.value, + Math.max(top + MIN_CROP_SIZE, Math.round(rect.top + rect.height)), + ) + return { left, top, width: right - left, height: bottom - top } + } + + function syncCropFromSelection() { + const rect = cropSelectionRect() + if (!rect) return + cropRect.value = sanitizeCropRect(rect) + const nextRect = cropRect.value + const right = nextRect.left + nextRect.width + const bottom = nextRect.top + nextRect.height + cropShade[0]?.set({ height: nextRect.top }) + cropShade[1]?.set({ top: nextRect.top, width: nextRect.left, height: nextRect.height }) + cropShade[2]?.set({ + left: right, + top: nextRect.top, + width: originalWidth.value - right, + height: nextRect.height, + }) + cropShade[3]?.set({ + top: bottom, + height: originalHeight.value - bottom, + }) + canvas.value?.requestRenderAll() + } + + function normalizeCropSelection() { + const rect = cropSelectionRect() + if (!rect) return + cropRect.value = sanitizeCropRect(rect) + updateCropUi() + updateActiveCropSelection() + } + + function constrainCropMove() { + if (!cropSelection) return + const width = cropSelection.width * cropSelection.scaleX + const height = cropSelection.height * cropSelection.scaleY + cropSelection.set({ + left: Math.min(originalWidth.value - width, Math.max(0, cropSelection.left)), + top: Math.min(originalHeight.value - height, Math.max(0, cropSelection.top)), + }) + } + + function setCropRect(nextRect: ScreenshotEditorSourceRect) { + cropRect.value = sanitizeCropRect(nextRect) + updateCropUi() + } + + function resetCrop() { + if (isFullCrop()) return + setCropRect(fullCropRect()) + updateActiveCropSelection() + recordHistory() + } + function updateActiveCropSelection() { + const editorCanvas = canvas.value + if (!editorCanvas || !cropSelection) return + if (tool.value !== 'crop' || isFullCrop()) { + if (editorCanvas.getActiveObject() === cropSelection) editorCanvas.discardActiveObject() + return + } + editorCanvas.setActiveObject(cropSelection) + } + + function styleCropControls() { + if (!cropSelection) return + styleObjectControls(cropSelection) + cropSelection.set({ + lockRotation: true, + strokeWidth: 2 / Math.max(zoom.value, 0.01), + }) + cropSelection.setControlsVisibility({ mtr: false }) + cropSelection.setCoords() + } + + function setTool(nextTool: ScreenshotEditorTool) { + if (nextTool !== 'eraser') finishErasing() + if (nextTool !== 'crop') cancelCropDrawing() + tool.value = nextTool + const editorCanvas = canvas.value + if (!editorCanvas || !fabric) return + const activeObject = editorCanvas.getActiveObject() as + (EditorFabricObject & { isEditing?: boolean; exitEditing?: () => void }) | undefined + if (activeObject?.isEditing && nextTool !== 'text') activeObject.exitEditing?.() + + editorCanvas.isDrawingMode = + nextTool === 'pen' || + nextTool === 'highlight' || + (nextTool === 'eraser' && eraserMode.value === 'area') + editorCanvas.selection = nextTool === 'select' + for (const object of annotationObjects()) { + object.selectable = nextTool === 'select' + object.evented = + nextTool === 'select' || (nextTool === 'eraser' && eraserMode.value === 'element') + styleObjectControls(object) + } + if (nextTool !== 'select') editorCanvas.discardActiveObject() + updateCropUi() + updateActiveCropSelection() + syncSelectionProperties() + configureCursor(editorCanvas, nextTool) + configureBrush(editorCanvas) + editorCanvas.requestRenderAll() + } + + function refreshToolSettings() { + const editorCanvas = canvas.value + if (!editorCanvas) return + configureBrush(editorCanvas) + editorCanvas.requestRenderAll() + } + + function configureBrush(editorCanvas: FabricCanvas) { + if (!fabric || !editorCanvas.isDrawingMode) return + const brush = + tool.value === 'eraser' + ? createAreaEraserBrush(editorCanvas, fabric) + : new fabric.PencilBrush(editorCanvas) + brush.color = + tool.value === 'eraser' + ? 'rgba(255, 255, 255, 0.45)' + : tool.value === 'highlight' + ? hexToRgba(color.value, 0.35) + : color.value + brush.width = strokeWidth.value + editorCanvas.freeDrawingBrush = brush + } + + function createAreaEraserBrush(editorCanvas: FabricCanvas, fabricModule: FabricModule) { + const editorSourceImage = sourceImage + return new (class extends fabricModule.PencilBrush { + override _setBrushStyles(context: CanvasRenderingContext2D) { + super._setBrushStyles(context) + const backgroundPattern = editorSourceImage + ? context.createPattern(editorSourceImage, 'no-repeat') + : null + if (backgroundPattern) context.strokeStyle = backgroundPattern + } + })(editorCanvas) + } + + function configureCursor(editorCanvas: FabricCanvas, nextTool: ScreenshotEditorTool) { + const hasBrushCursor = + nextTool === 'pen' || + nextTool === 'highlight' || + (nextTool === 'eraser' && eraserMode.value === 'area') + const cursor = hasBrushCursor + ? 'none' + : nextTool === 'select' + ? 'default' + : nextTool === 'text' + ? 'text' + : 'crosshair' + editorCanvas.defaultCursor = cursor + editorCanvas.freeDrawingCursor = cursor + editorCanvas.hoverCursor = nextTool === 'select' ? 'move' : cursor + editorCanvas.moveCursor = nextTool === 'select' ? 'move' : cursor + if (cropSelection) cropSelection.hoverCursor = nextTool === 'crop' ? 'move' : cursor + } + + function syncSelectionProperties() { + commitPropertyEdit() + const activeObjects = (canvas.value?.getActiveObjects() ?? []).filter( + isAnnotationObject, + ) as EditorFabricObject[] + selectionCount.value = activeObjects.length + const selected = activeObjects.length === 1 ? activeObjects[0] : undefined + selectedPropertyKind.value = isPropertyKind(selected?.editorKind) + ? selected.editorKind + : undefined + + if (selected && selectedPropertyKind.value) { + const selectedColor = getObjectColor(selected, selectedPropertyKind.value) + if (selectedColor) color.value = selectedColor + if (selectedPropertyKind.value === 'text') { + fontSize.value = Math.round(selected.fontSize ?? defaultFontSize) + } else { + const selectedWidth = getObjectStrokeWidth(selected, selectedPropertyKind.value) + if (selectedWidth) strokeWidth.value = Math.round(selectedWidth) + } + return + } + + if (activeObjects.length > 0) return + color.value = tool.value === 'censor' ? defaultCensorColor : defaultColor + if (tool.value === 'text') { + fontSize.value = defaultFontSize + } else if (tool.value === 'highlight') { + strokeWidth.value = defaultWidths.highlight + } else if (tool.value === 'eraser') { + strokeWidth.value = defaultWidths.eraser + } else { + strokeWidth.value = defaultWidths.width + } + } + function updateColor(nextColor: string) { + if (selectionCount.value === 1) beginPropertyEdit() + color.value = nextColor + const selected = singleSelectedObject() + const kind = selected && isPropertyKind(selected.editorKind) ? selected.editorKind : undefined + if (selected && kind && kind !== 'censor') { + setObjectColor(selected, kind, nextColor) + } else if (selectionCount.value === 0) { + if (tool.value === 'censor') defaultCensorColor = nextColor + else defaultColor = nextColor + refreshToolSettings() + } + } + + function updateStrokeWidth(nextWidth: number) { + if (selectionCount.value === 1) beginPropertyEdit() + strokeWidth.value = nextWidth + const selected = singleSelectedObject() + const kind = selected && isPropertyKind(selected.editorKind) ? selected.editorKind : undefined + if (selected && kind && kind !== 'censor' && kind !== 'text') { + setObjectStrokeWidth(selected, kind, nextWidth) + } else if (selectionCount.value === 0) { + if (tool.value === 'highlight') defaultWidths.highlight = nextWidth + else if (tool.value === 'eraser') defaultWidths.eraser = nextWidth + else defaultWidths.width = nextWidth + refreshToolSettings() + } + } + + function updateFontSize(nextSize: number) { + if (selectionCount.value === 1) beginPropertyEdit() + fontSize.value = nextSize + const selected = singleSelectedObject() + if (selected?.editorKind === 'text') { + selected.set({ fontSize: nextSize }) + selected.setCoords() + selected.dirty = true + canvas.value?.requestRenderAll() + } else if (selectionCount.value === 0) { + defaultFontSize = nextSize + } + } + + function singleSelectedObject() { + const activeObjects = (canvas.value?.getActiveObjects() ?? []).filter( + isAnnotationObject, + ) as EditorFabricObject[] + return activeObjects.length === 1 ? activeObjects[0] : undefined + } + + function getObjectColor(object: EditorFabricObject, kind: ScreenshotEditorPropertyKind) { + if (kind === 'arrow') { + const [line] = (object as FabricGroup).getObjects() + return colorToHex(line?.stroke) + } + return colorToHex(kind === 'text' ? object.fill : object.stroke) + } + + function getObjectStrokeWidth(object: EditorFabricObject, kind: ScreenshotEditorPropertyKind) { + if (kind === 'arrow') { + const [line] = (object as FabricGroup).getObjects() + return line?.strokeWidth + } + return object.strokeWidth + } + + function setObjectColor( + object: EditorFabricObject, + kind: ScreenshotEditorPropertyKind, + nextColor: string, + ) { + if (kind === 'arrow') { + const [line, head] = (object as FabricGroup).getObjects() + line?.set({ stroke: nextColor }) + head?.set({ fill: nextColor }) + } else if (kind === 'text') { + object.set({ fill: nextColor }) + } else { + object.set({ stroke: kind === 'highlight' ? hexToRgba(nextColor, 0.35) : nextColor }) + } + object.dirty = true + object.setCoords() + canvas.value?.requestRenderAll() + } + + function setObjectStrokeWidth( + object: EditorFabricObject, + kind: ScreenshotEditorPropertyKind, + nextWidth: number, + ) { + if (kind === 'arrow') { + const group = object as FabricGroup + const [line, head] = group.getObjects() + const linePosition = line?.getXY() + line?.set({ strokeWidth: nextWidth }) + head?.set({ width: nextWidth * 4, height: nextWidth * 5 }) + group.triggerLayout({ deep: true }) + if (line && linePosition) { + const nextLinePosition = line.getXY() + group.set({ + left: group.left + linePosition.x - nextLinePosition.x, + top: group.top + linePosition.y - nextLinePosition.y, + }) + } + } else { + object.set({ strokeWidth: nextWidth }) + } + object.dirty = true + object.setCoords() + canvas.value?.requestRenderAll() + } + + function beginErasing(point: FabricPoint) { + erasing = true + erasedDuringGesture = false + constructingObject = true + eraseAtPoint(point) + } + + function eraseAtPoint(point: FabricPoint) { + const editorCanvas = canvas.value + if (!editorCanvas) return + const { target } = editorCanvas.searchPossibleTargets(annotationObjects(), point) + if (!target || target === background) return + editorCanvas.remove(target) + erasedDuringGesture = true + editorCanvas.requestRenderAll() + } + + function finishErasing() { + if (!erasing) return + erasing = false + constructingObject = false + if (erasedDuringGesture) recordHistory() + erasedDuringGesture = false + syncSelectionProperties() + canvas.value?.requestRenderAll() + } + + async function eraseAreaWithPath(eraserPath: FabricPath) { + const editorCanvas = canvas.value + const fabricModule = fabric + if (!editorCanvas || !fabricModule) return + + constructingObject = true + const eraserBounds = eraserPath.getBoundingRect() + const eraserMask = createAreaEraserMask(eraserPath, fabricModule) + editorCanvas.remove(eraserPath) + const targets = annotationObjects().filter((object) => + boundingRectsOverlap(eraserBounds, object.getBoundingRect()), + ) + + try { + await Promise.all( + targets.map(async (object) => { + const clipPath = await eraserMask.clone() + fabricModule.util.sendObjectToPlane(clipPath, undefined, object.calcTransformMatrix()) + const nextClipPath = object.clipPath + ? fabricModule.util.mergeClipPaths(object.clipPath, clipPath) + : clipPath + object.set('clipPath', nextClipPath) + }), + ) + } finally { + constructingObject = false + } + + if (targets.length > 0) recordHistory() + editorCanvas.requestRenderAll() + } + + function createAreaEraserMask(eraserPath: FabricPath, fabricModule: FabricModule) { + const points = samplePathPoints(eraserPath, fabricModule) + const width = Math.max(1, eraserPath.strokeWidth) + const radius = width / 2 + const maskPath: FabricPathData = [] + + if (points.length === 1) { + const point = points[0] + maskPath.push( + ['M', point.x + radius, point.y], + ['A', radius, radius, 0, 1, 0, point.x - radius, point.y], + ['A', radius, radius, 0, 1, 0, point.x + radius, point.y], + ['Z'], + ) + } else { + for (let index = 1; index < points.length; index++) { + const start = points[index - 1] + const end = points[index] + const deltaX = end.x - start.x + const deltaY = end.y - start.y + const length = Math.hypot(deltaX, deltaY) + if (length === 0) continue + const normalX = (-deltaY / length) * radius + const normalY = (deltaX / length) * radius + maskPath.push( + ['M', start.x + normalX, start.y + normalY], + ['L', end.x + normalX, end.y + normalY], + ['A', radius, radius, 0, 0, 1, end.x - normalX, end.y - normalY], + ['L', start.x - normalX, start.y - normalY], + ['A', radius, radius, 0, 0, 1, start.x + normalX, start.y + normalY], + ['Z'], + ) + } + } + + const brushMask = new fabricModule.Path(maskPath, { + absolutePositioned: false, + fill: '#000000', + inverted: true, + opacity: 1, + strokeWidth: 0, + }) + const outerMask = new fabricModule.Rect({ + left: 0, + top: 0, + originX: 'left', + originY: 'top', + width: originalWidth.value, + height: originalHeight.value, + fill: '#000000', + strokeWidth: 0, + }) + fabricModule.util.sendObjectToPlane(brushMask, undefined, outerMask.calcTransformMatrix()) + outerMask.set('clipPath', brushMask) + return outerMask + } + + function samplePathPoints(eraserPath: FabricPath, fabricModule: FabricModule) { + const sampled: FabricPoint[] = [] + const transform = eraserPath.calcTransformMatrix() + const pathOffset = eraserPath.pathOffset + const spacing = Math.max(2, eraserPath.strokeWidth / 3) + let current = { x: 0, y: 0 } + + const addPoint = (x: number, y: number) => { + const point = new fabricModule.Point(x - pathOffset.x, y - pathOffset.y).transform(transform) + const previous = sampled.at(-1) + if (!previous || !previous.eq(point)) sampled.push(point) + } + const addLine = (end: { x: number; y: number }) => { + const steps = Math.max( + 1, + Math.ceil(Math.hypot(end.x - current.x, end.y - current.y) / spacing), + ) + for (let step = 1; step <= steps; step++) { + const progress = step / steps + addPoint( + current.x + (end.x - current.x) * progress, + current.y + (end.y - current.y) * progress, + ) + } + current = end + } + + for (const pathCommand of eraserPath.path) { + const command = pathCommand[0] + if (command === 'M') { + current = { x: Number(pathCommand[1]), y: Number(pathCommand[2]) } + addPoint(current.x, current.y) + } else if (command === 'L') { + addLine({ x: Number(pathCommand[1]), y: Number(pathCommand[2]) }) + } else if (command === 'Q') { + const start = current + const control = { x: Number(pathCommand[1]), y: Number(pathCommand[2]) } + const end = { x: Number(pathCommand[3]), y: Number(pathCommand[4]) } + const estimatedLength = + Math.hypot(control.x - start.x, control.y - start.y) + + Math.hypot(end.x - control.x, end.y - control.y) + const steps = Math.max(2, Math.ceil(estimatedLength / spacing)) + for (let step = 1; step <= steps; step++) { + const progress = step / steps + const inverse = 1 - progress + addPoint( + inverse * inverse * start.x + + 2 * inverse * progress * control.x + + progress * progress * end.x, + inverse * inverse * start.y + + 2 * inverse * progress * control.y + + progress * progress * end.y, + ) + } + current = end + } + } + + if (sampled.length === 0) addPoint(0, 0) + return sampled + } + function handleMouseDown(event: FabricPointerEvent) { + const editorCanvas = canvas.value + if (!editorCanvas || !fabric || editorCanvas.isDrawingMode || tool.value === 'select') return + const point = editorCanvas.getScenePoint(event.e) + if (tool.value === 'crop') { + if ( + event.target === cropSelection && + (event.transform?.corner || isPointNearCropBorder(point)) + ) { + return + } + editorCanvas._currentTransform = null + cropDrawingStart = point + cropDrawingPrevious = { ...cropRect.value } + constructingObject = true + setCropRect({ left: point.x, top: point.y, width: 1, height: 1 }) + return + } + if (tool.value === 'eraser' && eraserMode.value === 'element') { + beginErasing(point) + return + } + + if (tool.value === 'text') { + constructingObject = true + const text = new fabric.IText('Text', { + left: point.x, + top: point.y, + originX: 'left', + originY: 'top', + fill: color.value, + fontFamily: 'Inter, sans-serif', + fontSize: fontSize.value, + }) + setEditorMetadata(text, 'text') + styleObjectControls(text) + editorCanvas.add(text) + editorCanvas.setActiveObject(text) + constructingObject = false + text.enterEditing() + text.selectAll() + editorCanvas.requestRenderAll() + return + } + + drawingStart = point + constructingObject = true + if (tool.value === 'rectangle' || tool.value === 'censor') { + drawingObject = new fabric.Rect({ + left: point.x, + top: point.y, + originX: 'left', + originY: 'top', + width: 1, + height: 1, + fill: 'transparent', + stroke: tool.value === 'censor' ? '#ffffff' : color.value, + strokeDashArray: tool.value === 'censor' ? [10, 8] : undefined, + strokeWidth: tool.value === 'censor' ? 2 : strokeWidth.value, + selectable: false, + evented: false, + }) + } else if (tool.value === 'ellipse') { + drawingObject = new fabric.Ellipse({ + left: point.x, + top: point.y, + originX: 'left', + originY: 'top', + rx: 1, + ry: 1, + fill: 'transparent', + stroke: color.value, + strokeWidth: strokeWidth.value, + selectable: false, + evented: false, + }) + } else if (tool.value === 'arrow') { + drawingObject = new fabric.Line([point.x, point.y, point.x, point.y], { + stroke: color.value, + strokeWidth: strokeWidth.value, + selectable: false, + evented: false, + }) + } + if (drawingObject) { + styleObjectControls(drawingObject) + editorCanvas.add(drawingObject) + } + } + + function isPointNearCropBorder(point: FabricPoint) { + const rect = cropRect.value + const tolerance = 10 / Math.max(zoom.value, 0.01) + return ( + Math.abs(point.x - rect.left) <= tolerance || + Math.abs(point.x - (rect.left + rect.width)) <= tolerance || + Math.abs(point.y - rect.top) <= tolerance || + Math.abs(point.y - (rect.top + rect.height)) <= tolerance + ) + } + + function handleMouseMove(event: FabricPointerEvent) { + const editorCanvas = canvas.value + if (!editorCanvas) return + if (cropDrawingStart) { + const rect = normalizedRect(cropDrawingStart, editorCanvas.getScenePoint(event.e)) + setCropRect(rect) + return + } + if (tool.value === 'eraser' && eraserMode.value === 'element') { + if (erasing) eraseAtPoint(editorCanvas.getScenePoint(event.e)) + return + } + if (!drawingStart || !drawingObject) return + const point = editorCanvas.getScenePoint(event.e) + const rect = normalizedRect(drawingStart, point) + + if (tool.value === 'ellipse') { + drawingObject.set({ + left: rect.left, + top: rect.top, + rx: rect.width / 2, + ry: rect.height / 2, + }) + } else if (tool.value === 'arrow') { + drawingObject.set({ x2: point.x, y2: point.y }) + } else { + drawingObject.set(rect) + } + drawingObject.setCoords() + editorCanvas.requestRenderAll() + } + + function handleMouseUp(event: FabricPointerEvent) { + const editorCanvas = canvas.value + if (!editorCanvas) return + if (cropDrawingStart) { + const rect = normalizedRect(cropDrawingStart, editorCanvas.getScenePoint(event.e)) + const previous = cropDrawingPrevious + cropDrawingStart = undefined + cropDrawingPrevious = undefined + constructingObject = false + if (rect.width < 2 || rect.height < 2) { + if (previous) setCropRect(previous) + } else { + setCropRect(rect) + recordHistory() + } + updateActiveCropSelection() + editorCanvas.requestRenderAll() + return + } + if (erasing) { + eraseAtPoint(editorCanvas.getScenePoint(event.e)) + finishErasing() + return + } + if (!fabric || !drawingStart || !drawingObject) return + const start = drawingStart + const point = editorCanvas.getScenePoint(event.e) + const rect = normalizedRect(start, point) + const preview = drawingObject + drawingStart = undefined + drawingObject = undefined + + const isTooSmall = + tool.value === 'arrow' + ? Math.hypot(point.x - start.x, point.y - start.y) < 2 + : rect.width < 2 || rect.height < 2 + if (isTooSmall) { + editorCanvas.remove(preview) + constructingObject = false + editorCanvas.requestRenderAll() + return + } + + if (tool.value === 'censor') { + editorCanvas.remove(preview) + const censorCanvas = renderCensorRegion(rect, color.value) + const censor = new fabric.FabricImage(censorCanvas, { + left: rect.left, + top: rect.top, + originX: 'left', + originY: 'top', + selectable: false, + evented: false, + }) + setEditorMetadata(censor, 'censor', rect) + const editorCensor = censor as EditorFabricObject + editorCensor.censorColor = color.value + styleObjectControls(censor) + const censorCount = annotationObjects().filter( + (object) => object.editorKind === 'censor', + ).length + editorCanvas.insertAt(1 + censorCount, censor) + } else if (tool.value === 'arrow') { + editorCanvas.remove(preview) + const line = new fabric.Line([start.x, start.y, point.x, point.y], { + stroke: color.value, + strokeWidth: strokeWidth.value, + }) + const angle = (Math.atan2(point.y - start.y, point.x - start.x) * 180) / Math.PI + 90 + const head = new fabric.Triangle({ + left: point.x, + top: point.y, + originX: 'center', + originY: 'center', + width: strokeWidth.value * 4, + height: strokeWidth.value * 5, + fill: color.value, + angle, + }) + const arrow = new fabric.Group([line, head]) + setEditorMetadata(arrow, 'arrow') + styleObjectControls(arrow) + editorCanvas.add(arrow) + } else { + setEditorMetadata(preview, tool.value === 'ellipse' ? 'ellipse' : 'rectangle') + styleObjectControls(preview) + } + + constructingObject = false + setTool(tool.value) + recordHistory() + editorCanvas.requestRenderAll() + } + function cancelCropDrawing() { + if (!cropDrawingStart) return + if (cropDrawingPrevious) setCropRect(cropDrawingPrevious) + cropDrawingStart = undefined + cropDrawingPrevious = undefined + constructingObject = false + } + + function deleteSelection() { + const editorCanvas = canvas.value + if (!editorCanvas) return false + const active = editorCanvas.getActiveObjects().filter(isAnnotationObject) + if (active.length === 0) return false + editorCanvas.discardActiveObject() + constructingObject = true + for (const object of active) editorCanvas.remove(object) + constructingObject = false + recordHistory() + syncSelectionProperties() + editorCanvas.requestRenderAll() + return true + } + + function recordHistory() { + if (restoringHistory || constructingObject || !canvas.value) return + const entry = snapshot() + const nextHistory = history.value.slice(0, historyIndex.value + 1) + const currentEntry = nextHistory.at(-1) + if (currentEntry && serializeSnapshot(currentEntry) === serializeSnapshot(entry)) return + nextHistory.push(entry) + history.value = nextHistory + historyIndex.value = nextHistory.length - 1 + } + + function beginPropertyEdit() { + propertyEditStart ??= serializeSnapshot(snapshot()) + } + + function commitPropertyEdit() { + if (!propertyEditStart) return + const hasChanged = propertyEditStart !== serializeSnapshot(snapshot()) + propertyEditStart = undefined + if (hasChanged) recordHistory() + } + + function resetHistory() { + history.value = [snapshot()] + historyIndex.value = 0 + } + + function snapshot(): EditorHistoryEntry { + return { + crop: { ...cropRect.value }, + objects: annotationObjects().map((object) => { + const state = object.toObject([ + 'editorKind', + 'sourceRect', + 'censorColor', + ]) as ScreenshotEditorObjectState + if (object.editorKind === 'censor') delete state.src + return state + }), + } + } + + async function enlivenEditorObjects(states: ScreenshotEditorObjectState[]) { + const fabricModule = fabric + if (!fabricModule) return [] + const enlivenObjects = fabricModule.util.enlivenObjects as unknown as ( + objects: ScreenshotEditorObjectState[], + ) => Promise + + return await Promise.all( + states.map(async (state) => { + if (state.editorKind !== 'censor') { + const [object] = await enlivenObjects([state]) + if (!object) throw new Error('Could not restore screenshot annotation') + return object + } + + if (!isSourceRect(state.sourceRect)) { + throw new Error('Could not restore screenshot censor region') + } + const restoredColor = typeof state.censorColor === 'string' ? state.censorColor : '#000000' + const serializedClipPath = + state.clipPath && typeof state.clipPath === 'object' + ? (state.clipPath as ScreenshotEditorObjectState) + : undefined + const censorCanvas = renderCensorRegion(state.sourceRect, restoredColor) + const objectOptions = Object.fromEntries( + Object.entries(state).filter( + ([property]) => !CENSOR_REGENERATED_PROPERTIES.has(property), + ), + ) as ScreenshotEditorObjectState + const censor = new fabricModule.FabricImage(censorCanvas, { + ...objectOptions, + } as unknown as FabricImageOptions) as EditorFabricObject + setEditorMetadata(censor, 'censor', state.sourceRect) + censor.censorColor = restoredColor + if (serializedClipPath) { + const [clipPath] = await enlivenObjects([serializedClipPath]) + if (clipPath) censor.clipPath = clipPath + } + return censor + }), + ) + } + + async function restoreHistory(index: number) { + const editorCanvas = canvas.value + const entry = history.value[index] + if (!editorCanvas || !entry || !fabric) return + restoringHistory = true + try { + editorCanvas.discardActiveObject() + editorCanvas.remove(...annotationObjects()) + setCropRect(entry.crop) + const restored = await enlivenEditorObjects(entry.objects) + for (const object of restored) { + styleObjectControls(object) + editorCanvas.add(object) + } + historyIndex.value = index + setTool(tool.value) + syncSelectionProperties() + editorCanvas.requestRenderAll() + } finally { + restoringHistory = false + } + } + + async function undo() { + if (canUndo.value) await restoreHistory(historyIndex.value - 1) + } + + async function redo() { + if (canRedo.value) await restoreHistory(historyIndex.value + 1) + } + + async function discardChanges() { + if (history.value[0]) await restoreHistory(0) + resetHistory() + } + + function setInteractionEnabled(enabled: boolean) { + const editorCanvas = canvas.value + if (!editorCanvas) return + interactionEnabled = enabled + if (enabled) { + editorCanvas.skipTargetFind = false + setTool(tool.value) + return + } + + setTool('select') + editorCanvas.discardActiveObject() + editorCanvas.isDrawingMode = false + editorCanvas.selection = false + editorCanvas.skipTargetFind = true + for (const object of annotationObjects()) { + object.selectable = false + object.evented = false + } + updateCropUi() + editorCanvas.defaultCursor = 'default' + editorCanvas.hoverCursor = 'default' + editorCanvas.moveCursor = 'default' + syncSelectionProperties() + editorCanvas.requestRenderAll() + } + + function fitToViewport(width: number, height: number) { + if (!canvas.value || !originalWidth.value || !originalHeight.value) return + fitScale.value = Math.min( + Math.max(1, width) / originalWidth.value, + Math.max(1, height) / originalHeight.value, + ) + if (isFit.value) { + zoom.value = fitScale.value + applyDisplayScale() + } + } + + function setZoom(nextZoom: number) { + isFit.value = false + zoom.value = Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, nextZoom)) + applyDisplayScale() + } + + function setFit() { + isFit.value = true + zoom.value = fitScale.value + applyDisplayScale() + } + + function waitForRender() { + const editorCanvas = canvas.value + if (!editorCanvas) return Promise.resolve() + + return new Promise((resolve) => { + editorCanvas.once('after:render', () => resolve()) + editorCanvas.requestRenderAll() + }) + } + + function applyDisplayScale() { + const editorCanvas = canvas.value + if (!editorCanvas) return + const displayScale = zoom.value + const maximumRenderScale = Math.sqrt( + MAX_RENDERED_CANVAS_PIXELS / (originalWidth.value * originalHeight.value), + ) + const renderScale = Math.min(displayScale, maximumRenderScale) + editorCanvas.setDimensions( + { + width: Math.max(1, Math.round(originalWidth.value * renderScale)), + height: Math.max(1, Math.round(originalHeight.value * renderScale)), + }, + { backstoreOnly: true }, + ) + editorCanvas.setDimensions( + { + width: Math.max(1, Math.round(originalWidth.value * displayScale)), + height: Math.max(1, Math.round(originalHeight.value * displayScale)), + }, + { cssOnly: true }, + ) + editorCanvas.setViewportTransform([renderScale, 0, 0, renderScale, 0, 0]) + for (const object of annotationObjects()) styleObjectControls(object) + styleCropControls() + editorCanvas.calcOffset() + editorCanvas.requestRenderAll() + } + + function styleObjectControls(object: FabricObject) { + const displayScale = Math.max(zoom.value, 0.01) + const renderScale = Math.max(canvas.value?.getZoom() ?? 1, 0.01) + const controlScale = renderScale / displayScale + object.set({ + borderColor: getSelectionColor(), + borderScaleFactor: 2 * controlScale, + cornerColor: getSelectionColor(), + cornerSize: CONTROL_SIZE * controlScale, + cornerStrokeColor: '#ffffff', + cornerStyle: 'circle', + padding: 3 * controlScale, + touchCornerSize: CONTROL_TOUCH_SIZE * controlScale, + transparentCorners: false, + }) + object.setControlsVisibility({ + mb: true, + ml: true, + mr: true, + mt: true, + mtr: true, + }) + if (fabric) { + for (const key of ['ml', 'mr'] as const) { + object.controls[key].actionHandler = fabric.controlsUtils.scalingX + object.controls[key].cursorStyleHandler = fabric.controlsUtils.scaleCursorStyleHandler + object.controls[key].getActionName = () => 'scaleX' + } + for (const key of ['mt', 'mb'] as const) { + object.controls[key].actionHandler = fabric.controlsUtils.scalingY + object.controls[key].cursorStyleHandler = fabric.controlsUtils.scaleCursorStyleHandler + object.controls[key].getActionName = () => 'scaleY' + } + } + if (object.controls.mtr) { + object.controls.mtr.offsetY = -28 * controlScale + object.controls.mtr.sizeX = 10 * controlScale + object.controls.mtr.sizeY = 10 * controlScale + } + object.setCoords() + } + + async function exportPng() { + const editorCanvas = canvas.value + if (!editorCanvas) throw new Error('Screenshot editor is not ready') + const activeObject = editorCanvas.getActiveObject() + editorCanvas.discardActiveObject() + for (const shade of cropShade) shade.visible = false + if (cropSelection) cropSelection.visible = false + editorCanvas.requestRenderAll() + const crop = cropRect.value + let blob: Blob | null = null + try { + const displayViewportTransform = editorCanvas.viewportTransform + const blobPromise = (() => { + editorCanvas.setViewportTransform([1, 0, 0, 1, 0, 0]) + try { + return editorCanvas.toBlob({ + format: 'png', + multiplier: 1, + left: crop.left, + top: crop.top, + width: crop.width, + height: crop.height, + }) + } finally { + editorCanvas.setViewportTransform(displayViewportTransform) + } + })() + blob = await blobPromise + } finally { + updateCropUi() + if (activeObject && activeObject !== cropSelection) { + editorCanvas.setActiveObject(activeObject) + } else { + updateActiveCropSelection() + } + editorCanvas.requestRenderAll() + } + if (!blob) throw new Error('Could not export edited screenshot') + return new Uint8Array(await blob.arrayBuffer()) + } + + function handleKeyboardShortcut(event: KeyboardEvent) { + const activeObject = canvas.value?.getActiveObject() as + (EditorFabricObject & { isEditing?: boolean; exitEditing?: () => void }) | undefined + if (activeObject?.isEditing && event.key === 'Escape') { + event.preventDefault() + activeObject.exitEditing?.() + canvas.value?.discardActiveObject() + canvas.value?.requestRenderAll() + return true + } + if (event.key === 'Escape') { + event.preventDefault() + if (cropDrawingStart) { + cancelCropDrawing() + canvas.value?.requestRenderAll() + return true + } + if (erasing) { + finishErasing() + return true + } + if (drawingObject) { + canvas.value?.remove(drawingObject) + drawingObject = undefined + drawingStart = undefined + constructingObject = false + canvas.value?.requestRenderAll() + return true + } + if (canvas.value?.getActiveObjects().length) { + canvas.value.discardActiveObject() + canvas.value.requestRenderAll() + return true + } + if (tool.value !== 'select') { + setTool('select') + return true + } + return false + } + if (activeObject?.isEditing) return false + if (isTypingTarget(event.target)) return false + + const modifier = event.metaKey || event.ctrlKey + const key = event.key.toLowerCase() + if (modifier && key === 'z') { + event.preventDefault() + void (event.shiftKey ? redo() : undo()) + return true + } + if (event.ctrlKey && key === 'y') { + event.preventDefault() + void redo() + return true + } + if (event.key === 'Delete' || event.key === 'Backspace') { + event.preventDefault() + deleteSelection() + return true + } + if (!modifier && !event.altKey) { + const shortcutTool = TOOL_SHORTCUTS[key] + if (shortcutTool) { + event.preventDefault() + setTool(shortcutTool) + return true + } + } + return false + } + + function isTextEditing() { + return Boolean( + (canvas.value?.getActiveObject() as { isEditing?: boolean } | undefined)?.isEditing, + ) + } + + function annotationObjects() { + return (canvas.value?.getObjects() ?? []).filter(isAnnotationObject) as EditorFabricObject[] + } + + function isAnnotationObject(object: FabricObject) { + return ( + object !== background && object !== cropSelection && !cropShade.includes(object as FabricRect) + ) + } + + async function dispose() { + await canvas.value?.dispose() + canvas.value = undefined + background = undefined + cropSelection = undefined + cropShade = [] + sourceImage = undefined + if (sourceUrl) URL.revokeObjectURL(sourceUrl) + sourceUrl = undefined + history.value = [] + historyIndex.value = -1 + zoom.value = 1 + fitScale.value = 1 + isFit.value = true + originalWidth.value = 0 + originalHeight.value = 0 + cropRect.value = { left: 0, top: 0, width: 0, height: 0 } + selectedPropertyKind.value = undefined + selectionCount.value = 0 + propertyEditStart = undefined + erasing = false + erasedDuringGesture = false + cropDrawingStart = undefined + cropDrawingPrevious = undefined + interactionEnabled = true + } + + return { + loading, + tool, + color, + strokeWidth, + fontSize, + eraserMode, + zoom, + fitScale, + isFit, + originalWidth, + originalHeight, + canUndo, + canRedo, + canDelete, + canZoomOut, + canZoomIn, + hasColorProperty, + propertyValueKind, + showEraserMode, + showCropControls, + cropWidth, + cropHeight, + canResetCrop, + initialize, + dispose, + setTool, + updateColor, + updateStrokeWidth, + updateFontSize, + beginPropertyEdit, + commitPropertyEdit, + deleteSelection, + resetCrop, + undo, + redo, + discardChanges, + setInteractionEnabled, + fitToViewport, + setZoom, + setFit, + waitForRender, + exportPng, + handleKeyboardShortcut, + isTextEditing, + resetHistory, + } +} + +function isSourceRect(value: unknown): value is ScreenshotEditorSourceRect { + if (!value || typeof value !== 'object') return false + const rect = value as Partial + return ( + typeof rect.left === 'number' && + Number.isFinite(rect.left) && + typeof rect.top === 'number' && + Number.isFinite(rect.top) && + typeof rect.width === 'number' && + Number.isFinite(rect.width) && + rect.width > 0 && + typeof rect.height === 'number' && + Number.isFinite(rect.height) && + rect.height > 0 + ) +} + +function setEditorMetadata( + object: FabricObject, + kind: ScreenshotEditorObjectKind, + sourceRect?: ScreenshotEditorSourceRect, +) { + const editorObject = object as EditorFabricObject + editorObject.editorKind = kind + editorObject.sourceRect = sourceRect +} + +function boundingRectsOverlap( + left: { left: number; top: number; width: number; height: number }, + right: { left: number; top: number; width: number; height: number }, +) { + return ( + left.left <= right.left + right.width && + left.left + left.width >= right.left && + left.top <= right.top + right.height && + left.top + left.height >= right.top + ) +} + +function normalizedRect(start: { x: number; y: number }, end: { x: number; y: number }) { + return { + left: Math.min(start.x, end.x), + top: Math.min(start.y, end.y), + width: Math.abs(end.x - start.x), + height: Math.abs(end.y - start.y), + } +} + +function loadImage(url: string) { + return new Promise((resolve, reject) => { + const image = new Image() + image.onload = () => resolve(image) + image.onerror = () => reject(new Error('Could not load screenshot image')) + image.src = url + }) +} + +function hexToRgba(hex: string, alpha: number) { + const normalized = hex.replace('#', '') + const red = Number.parseInt(normalized.slice(0, 2), 16) + const green = Number.parseInt(normalized.slice(2, 4), 16) + const blue = Number.parseInt(normalized.slice(4, 6), 16) + return `rgba(${red}, ${green}, ${blue}, ${alpha})` +} + +function colorToHex(color: unknown) { + if (typeof color !== 'string') return undefined + if (/^#[\da-f]{6}$/i.test(color)) return color + if (/^#[\da-f]{3}$/i.test(color)) { + return `#${color + .slice(1) + .split('') + .map((character) => character.repeat(2)) + .join('')}` + } + const components = color + .match(/[\d.]+/g) + ?.slice(0, 3) + .map(Number) + if (!components || components.length !== 3) return undefined + return `#${components + .map((component) => Math.round(component).toString(16).padStart(2, '0')) + .join('')}` +} + +function isPropertyKind( + kind: ScreenshotEditorObjectKind | undefined, +): kind is ScreenshotEditorPropertyKind { + return ( + kind === 'arrow' || + kind === 'censor' || + kind === 'ellipse' || + kind === 'highlight' || + kind === 'pen' || + kind === 'rectangle' || + kind === 'text' + ) +} + +function isTypingTarget(target: EventTarget | null) { + return ( + target instanceof HTMLInputElement || + target instanceof HTMLTextAreaElement || + target instanceof HTMLSelectElement || + (target instanceof HTMLElement && target.isContentEditable) + ) +} + +function serializeSnapshot(entry: EditorHistoryEntry) { + return JSON.stringify(entry) +} \ No newline at end of file diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts index 7c318da..1061764 100644 --- a/packages/ui/src/components/index.ts +++ b/packages/ui/src/components/index.ts @@ -1,6 +1,14 @@ export * from './base' export * from './brand' export * from './flows' +export { default as ImageViewerEditor } from './image-viewer-editor/index.vue' +export type { + ImageViewerEditorData, + ImageViewerEditorItem, + ImageViewerEditorMetadata, + ImageViewerEditorSavePayload, + ImageViewerEditorSource, +} from './image-viewer-editor/types' export * from './modal' export * from './nav' export * from './notifications' diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json index 5dae4df..948c00a 100644 --- a/packages/ui/src/locales/en-US/index.json +++ b/packages/ui/src/locales/en-US/index.json @@ -305,6 +305,12 @@ "console.action.share": { "defaultMessage": "Share" }, + "console.command-completions.no-results": { + "defaultMessage": "No matching completions" + }, + "console.command-completions.search": { + "defaultMessage": "Search command completions" + }, "console.command.disabled-placeholder": { "defaultMessage": "Command input disabled" }, @@ -314,12 +320,6 @@ "console.command.server-not-running-placeholder": { "defaultMessage": "Server is not running" }, - "console.command-completions.no-results": { - "defaultMessage": "No matching completions" - }, - "console.command-completions.search": { - "defaultMessage": "Search command completions" - }, "console.crash.export-context": { "defaultMessage": "Export crash context" }, @@ -860,6 +860,12 @@ "content.diff-modal.updated-count": { "defaultMessage": "{count} updated" }, + "content.filter.client-only": { + "defaultMessage": "Client only" + }, + "content.filter.client-only-description": { + "defaultMessage": "Includes client-only or singleplayer-only mods and mods that depend on them. These may be incompatible with dedicated servers." + }, "content.filter.disabled": { "defaultMessage": "Disabled" }, @@ -872,15 +878,6 @@ "content.filter.updates": { "defaultMessage": "Update available" }, - "content.filter.client-only": { - "defaultMessage": "Client only" - }, - "content.filter.client-only-description": { - "defaultMessage": "Includes client-only or singleplayer-only mods and mods that depend on them. These may be incompatible with dedicated servers." - }, - "content.filter.warnings": { - "defaultMessage": "Warnings" - }, "content.metadata-filter.author": { "defaultMessage": "Author" }, @@ -968,15 +965,6 @@ "content.metadata-filter.source.shared-instance": { "defaultMessage": "Shared instance" }, - "content.metadata-filter.state": { - "defaultMessage": "Status" - }, - "content.metadata-filter.state.disabled": { - "defaultMessage": "Disabled" - }, - "content.metadata-filter.state.enabled": { - "defaultMessage": "Enabled" - }, "content.metadata-filter.toggle": { "defaultMessage": "Filter" }, @@ -986,15 +974,6 @@ "content.metadata-filter.unknown": { "defaultMessage": "Unknown" }, - "content.metadata-filter.update.available": { - "defaultMessage": "Update available" - }, - "content.metadata-filter.update.up-to-date": { - "defaultMessage": "Up to date" - }, - "content.metadata-filter.updates": { - "defaultMessage": "Updates" - }, "content.page-layout.browse-content": { "defaultMessage": "Browse content" }, @@ -2081,6 +2060,111 @@ "icon-select.select": { "defaultMessage": "Select icon" }, + "image-viewer.close": { + "defaultMessage": "Close" + }, + "image-viewer.edit": { + "defaultMessage": "Edit" + }, + "image-viewer.editor.colour": { + "defaultMessage": "Colour" + }, + "image-viewer.editor.crop.dimensions": { + "defaultMessage": "{width} × {height} px" + }, + "image-viewer.editor.crop.reset": { + "defaultMessage": "Reset crop" + }, + "image-viewer.editor.delete-selection": { + "defaultMessage": "Delete selected annotation" + }, + "image-viewer.editor.eraser.area": { + "defaultMessage": "Area" + }, + "image-viewer.editor.eraser.element": { + "defaultMessage": "Element" + }, + "image-viewer.editor.eraser.mode": { + "defaultMessage": "Eraser mode" + }, + "image-viewer.editor.image-editing-tools": { + "defaultMessage": "Image editing tools" + }, + "image-viewer.editor.more-save-options": { + "defaultMessage": "More save options" + }, + "image-viewer.editor.overwrite": { + "defaultMessage": "Overwrite" + }, + "image-viewer.editor.redo": { + "defaultMessage": "Redo" + }, + "image-viewer.editor.save-as-new": { + "defaultMessage": "Save copy" + }, + "image-viewer.editor.save-image": { + "defaultMessage": "Save image" + }, + "image-viewer.editor.size": { + "defaultMessage": "Size" + }, + "image-viewer.editor.tool.arrow": { + "defaultMessage": "Arrow" + }, + "image-viewer.editor.tool.censor": { + "defaultMessage": "Censor" + }, + "image-viewer.editor.tool.crop": { + "defaultMessage": "Crop" + }, + "image-viewer.editor.tool.ellipse": { + "defaultMessage": "Ellipse" + }, + "image-viewer.editor.tool.eraser": { + "defaultMessage": "Eraser" + }, + "image-viewer.editor.tool.highlight": { + "defaultMessage": "Highlight" + }, + "image-viewer.editor.tool.pen": { + "defaultMessage": "Pen" + }, + "image-viewer.editor.tool.rectangle": { + "defaultMessage": "Rectangle" + }, + "image-viewer.editor.tool.select": { + "defaultMessage": "Select" + }, + "image-viewer.editor.tool.text": { + "defaultMessage": "Text" + }, + "image-viewer.editor.undo": { + "defaultMessage": "Undo" + }, + "image-viewer.editor.width": { + "defaultMessage": "Width" + }, + "image-viewer.editor.zoom-fit": { + "defaultMessage": "Fit" + }, + "image-viewer.editor.zoom-fit-workspace": { + "defaultMessage": "Fit to workspace" + }, + "image-viewer.editor.zoom-in": { + "defaultMessage": "Zoom in" + }, + "image-viewer.editor.zoom-out": { + "defaultMessage": "Zoom out" + }, + "image-viewer.metadata": { + "defaultMessage": "{size} · {width} × {height} px" + }, + "image-viewer.next": { + "defaultMessage": "Next image" + }, + "image-viewer.previous": { + "defaultMessage": "Previous image" + }, "input.search-version.placeholder": { "defaultMessage": "Search version..." }, @@ -2537,18 +2621,6 @@ "label.no-items": { "defaultMessage": "No items" }, - "notification.panel.copy": { - "defaultMessage": "Copy to clipboard" - }, - "notification.panel.copy-support": { - "defaultMessage": "Copy error details for support" - }, - "notification.panel.dismiss": { - "defaultMessage": "Dismiss" - }, - "notification.panel.export-error-logs": { - "defaultMessage": "Export error logs" - }, "label.notifications": { "defaultMessage": "Notifications" }, @@ -2939,6 +3011,18 @@ "notification.error.title": { "defaultMessage": "An error occurred" }, + "notification.panel.copy": { + "defaultMessage": "Copy to clipboard" + }, + "notification.panel.copy-support": { + "defaultMessage": "Copy error details for support" + }, + "notification.panel.dismiss": { + "defaultMessage": "Dismiss" + }, + "notification.panel.export-error-logs": { + "defaultMessage": "Export error logs" + }, "omorphia.component.badge.label.accepted": { "defaultMessage": "Accepted" }, diff --git a/packages/ui/src/providers/image-viewer-editor.ts b/packages/ui/src/providers/image-viewer-editor.ts new file mode 100644 index 0000000..6b587b9 --- /dev/null +++ b/packages/ui/src/providers/image-viewer-editor.ts @@ -0,0 +1,15 @@ +import type { + ImageViewerEditorData, + ImageViewerEditorSource, +} from '#ui/components/image-viewer-editor/types' + +import { createContext } from '.' + +export interface ImageViewerEditorContext { + loadEditorData: (source: ImageViewerEditorSource) => Promise + onShow?: () => void + onHide?: () => void +} + +export const [injectImageViewerEditor, provideImageViewerEditor] = + createContext('ImageViewerEditor') \ No newline at end of file diff --git a/packages/ui/src/providers/index.ts b/packages/ui/src/providers/index.ts index dc4a4f4..89c652a 100644 --- a/packages/ui/src/providers/index.ts +++ b/packages/ui/src/providers/index.ts @@ -6,6 +6,7 @@ export { createContext } from './create-context' export * from './file-drop' export * from './file-picker' export * from './i18n' +export * from './image-viewer-editor' export * from './instance-import' export * from './loading-state' export * from './modal-behavior' diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ce99f54..f6c8ba0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -77,6 +77,15 @@ importers: apps/app-frontend: dependencies: + '@dnd-kit/core': + specifier: 6.3.1 + version: 6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4) + '@dnd-kit/utilities': + specifier: 3.2.2 + version: 3.2.2(react@19.2.4) + '@dnd-kit/vue': + specifier: ^0.5.0 + version: 0.5.0(vue@3.5.27(typescript@5.9.3)) '@lobehub/icons-static-svg': specifier: 1.94.0 version: 1.94.0 @@ -475,6 +484,9 @@ importers: es-toolkit: specifier: ^1.44.0 version: 1.44.0 + fabric: + specifier: ^7.4.0 + version: 7.4.0 flatpickr: specifier: ^4.6.13 version: 4.6.13 @@ -634,6 +646,9 @@ packages: '@alvarosabu/utils@3.2.0': resolution: {integrity: sha512-aoGWRfaQjOo9TUwrBA6W0zwTHktgrXy69GIFNILT4gHsqscw6+X8P6uoSlZVQFr887SPm8x3aDin5EBVq8y4pw==} + '@asamuzakjp/css-color@3.2.0': + resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==} + '@babel/code-frame@7.29.0': resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==} engines: {node: '>=6.9.0'} @@ -908,6 +923,70 @@ packages: resolution: {integrity: sha512-kEMiz25j9tSfhsyj8dZWdhKPdtTeVu9lWZFBIc+adHXZ8vs6zd4/6xaiYr3PamYhV3rIOBEv8ElyzpUSSO5LGg==} engines: {node: '>=12.9.0'} + '@csstools/color-helpers@5.1.0': + resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==} + engines: {node: '>=18'} + + '@csstools/css-calc@2.1.4': + resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==} + engines: {node: '>=18'} + peerDependencies: + '@csstools/css-parser-algorithms': ^3.0.5 + '@csstools/css-tokenizer': ^3.0.4 + + '@csstools/css-color-parser@3.1.0': + resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==} + engines: {node: '>=18'} + peerDependencies: + '@csstools/css-parser-algorithms': ^3.0.5 + '@csstools/css-tokenizer': ^3.0.4 + + '@csstools/css-parser-algorithms@3.0.5': + resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==} + engines: {node: '>=18'} + peerDependencies: + '@csstools/css-tokenizer': ^3.0.4 + + '@csstools/css-tokenizer@3.0.4': + resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==} + engines: {node: '>=18'} + + '@dnd-kit/abstract@0.5.0': + resolution: {integrity: sha512-hi13iMJgjPX/KDYVKg5VeDIhmYiV6buc9bAX+tCLYf4QdyYjPbsXjn2sPo6m7fQ6SGJBEFgHJ2PemeKDUbwBaA==} + + '@dnd-kit/accessibility@3.1.1': + resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==} + peerDependencies: + react: '>=16.8.0' + + '@dnd-kit/collision@0.5.0': + resolution: {integrity: sha512-xUqRn3lS7oqLkT0AnnHS/STh/Czvwe1UapZFYiLbsUGxopMsQd4teaPCzPouOThoMdGEe+dHWjfqJl6t9iG4mQ==} + + '@dnd-kit/core@6.3.1': + resolution: {integrity: sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==} + peerDependencies: + react: '>=16.8.0' + react-dom: '>=16.8.0' + + '@dnd-kit/dom@0.5.0': + resolution: {integrity: sha512-f2xFJp5SYQ8EW/Fbtaa8iBb66hpkWc7qa8vU826KW11/tb44sH+AisZnGtwOOTWTQ0GraqBDr5ixTErww+eKXw==} + + '@dnd-kit/geometry@0.5.0': + resolution: {integrity: sha512-ubHQS1CiSDH8ssYH2xG5BnpwPSFP1tStXXjug7/Ba6qnQdu/EUH47l6QXKIksQnnanfVfDf0aGeevRxgZlj28A==} + + '@dnd-kit/state@0.5.0': + resolution: {integrity: sha512-y7XbabQqjF58Lk8YmDQuR8l6QjN+Kh4qlGEjUvHuIeasLk1QP+9L5diXS98VMxQIivyMmUtX2//f+3N7qPJX4w==} + + '@dnd-kit/utilities@3.2.2': + resolution: {integrity: sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==} + peerDependencies: + react: '>=16.8.0' + + '@dnd-kit/vue@0.5.0': + resolution: {integrity: sha512-dM5wtnFNmOvzpIyLSLB8SL3K7Axz1NxyNzRnNAldGwV0ZKtUcss9ZXXd+dFwgwoE9VA+vMW81UxyJh2Ax+9Icw==} + peerDependencies: + vue: ^3.5.0 + '@dxup/nuxt@0.2.2': resolution: {integrity: sha512-RNpJjDZs9+JcT9N87AnOuHsNM75DEd58itADNd/s1LIF6BZbTLZV0xxilJZb55lntn4TYvscTaXLCBX2fq9CXg==} @@ -2107,6 +2186,9 @@ packages: '@poppinss/exception@1.2.3': resolution: {integrity: sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==} + '@preact/signals-core@1.14.4': + resolution: {integrity: sha512-HNB6HYeYKhQbJ1aKl+YRjrS4+QWHLKX6qKoUsfS/m0vqzsVaEBiZiaKbG/e+NKk2ch5ALQr/ihWaMHxiCuuWHA==} + '@prettier/plugin-xml@3.4.2': resolution: {integrity: sha512-/UyNlHfkuLXG6Ed85KB0WBF283xn2yavR+UtRibBRUcvEJId2DSLdGXwJ/cDa1X++SWDPzq3+GSFniHjkNy7yg==} peerDependencies: @@ -3323,6 +3405,9 @@ packages: birpc@2.9.0: resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==} + bl@4.1.0: + resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==} + boolbase@1.0.0: resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} @@ -3348,6 +3433,9 @@ packages: buffer-from@1.1.2: resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==} + buffer@5.7.1: + resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==} + buffer@6.0.3: resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==} @@ -3398,6 +3486,10 @@ packages: caniuse-lite@1.0.30001767: resolution: {integrity: sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==} + canvas@3.2.3: + resolution: {integrity: sha512-PzE5nJZPz72YUAfo8oTp0u3fqqY7IzlTubneAihqDYAUcBk7ryeCmBbdJBEdaH0bptSOe2VT2Zwcb3UaFyaSWw==} + engines: {node: ^18.12.0 || >= 20.9.0} + chalk@4.1.2: resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==} engines: {node: '>=10'} @@ -3424,6 +3516,9 @@ packages: resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==} engines: {node: '>= 20.19.0'} + chownr@1.1.4: + resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==} + chownr@3.0.0: resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==} engines: {node: '>=18'} @@ -3624,9 +3719,17 @@ packages: resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==} engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + cssstyle@4.6.0: + resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==} + engines: {node: '>=18'} + csstype@3.2.3: resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==} + data-urls@5.0.0: + resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==} + engines: {node: '>=18'} + dayjs@1.11.19: resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==} @@ -3671,6 +3774,14 @@ packages: decimal.js@10.6.0: resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==} + decompress-response@6.0.0: + resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==} + engines: {node: '>=10'} + + deep-extend@0.6.0: + resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==} + engines: {node: '>=4.0.0'} + deep-is@0.1.4: resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} @@ -3814,6 +3925,10 @@ packages: resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} engines: {node: '>=0.12'} + entities@6.0.1: + resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==} + engines: {node: '>=0.12'} + entities@7.0.1: resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==} engines: {node: '>=0.12'} @@ -4062,12 +4177,20 @@ packages: resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==} engines: {node: '>=16.17'} + expand-template@2.0.3: + resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==} + engines: {node: '>=6'} + exsolve@1.0.8: resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==} externality@1.0.2: resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==} + fabric@7.4.0: + resolution: {integrity: sha512-NalYDc3eifTl1C33zryQwpH6+XA/2ClxQrH9vkASkZw3tbkRmorpikhYMmxhUTmi7O3e9ODz0vOT8qfaCh9IVA==} + engines: {node: '>=20.0.0'} + fast-deep-equal@3.1.3: resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==} @@ -4188,6 +4311,9 @@ packages: resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==} engines: {node: '>= 0.8'} + fs-constants@1.0.0: + resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==} + fsevents@2.3.3: resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==} engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0} @@ -4244,6 +4370,9 @@ packages: git-url-parse@16.1.0: resolution: {integrity: sha512-cPLz4HuK86wClEW7iDdeAKcCVlWXmrLpb2L+G9goW0Z1dtpNS6BXXSOckUTlJT/LDQViE1QZKstNORzHsLnobw==} + github-from-package@0.0.0: + resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==} + gl-matrix@3.4.4: resolution: {integrity: sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==} @@ -4351,10 +4480,18 @@ packages: hosted-git-info@2.8.9: resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==} + html-encoding-sniffer@4.0.0: + resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==} + engines: {node: '>=18'} + http-errors@2.0.1: resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==} engines: {node: '>= 0.8'} + http-proxy-agent@7.0.2: + resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==} + engines: {node: '>= 14'} + http-shutdown@1.2.2: resolution: {integrity: sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==} engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'} @@ -4378,6 +4515,10 @@ packages: resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==} engines: {node: '>=0.10.0'} + iconv-lite@0.6.3: + resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==} + engines: {node: '>=0.10.0'} + ieee754@1.2.1: resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==} @@ -4421,6 +4562,9 @@ packages: inherits@2.0.4: resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==} + ini@1.3.8: + resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==} + ini@4.1.1: resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==} engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} @@ -4506,6 +4650,9 @@ packages: resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==} engines: {node: '>=12'} + is-potential-custom-element-name@1.0.1: + resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==} + is-reference@1.2.1: resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==} @@ -4582,6 +4729,15 @@ packages: resolution: {integrity: sha512-iZ8Bdb84lWRuGHamRXFyML07r21pcwBrLkHEuHgEY5UbCouBwv7ECknDRKzsQIXMiqpPymqtIf8TC/shYKB5rw==} engines: {node: '>=12.0.0'} + jsdom@26.1.0: + resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==} + engines: {node: '>=18'} + peerDependencies: + canvas: ^3.0.0 + peerDependenciesMeta: + canvas: + optional: true + jsesc@0.5.0: resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==} hasBin: true @@ -4949,6 +5105,10 @@ packages: resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==} engines: {node: '>=12'} + mimic-response@3.1.0: + resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==} + engines: {node: '>=10'} + min-indent@1.0.1: resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==} engines: {node: '>=4'} @@ -4968,6 +5128,9 @@ packages: resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==} engines: {node: '>=16 || 14 >=14.17'} + minimist@1.2.8: + resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==} + minipass@7.1.2: resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==} engines: {node: '>=16 || 14 >=14.17'} @@ -4979,6 +5142,9 @@ packages: mitt@3.0.1: resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==} + mkdirp-classic@0.5.3: + resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==} + mlly@1.8.0: resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==} @@ -5026,6 +5192,9 @@ packages: nanotar@0.2.0: resolution: {integrity: sha512-9ca1h0Xjvo9bEkE4UOxgAzLV0jHKe6LMaxo37ND2DAhhAtd0j8pR1Wxz+/goMrZO8AEZTWCmyaOsFI/W5AdpCQ==} + napi-build-utils@2.0.0: + resolution: {integrity: sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==} + napi-postinstall@0.3.4: resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==} engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0} @@ -5047,6 +5216,10 @@ packages: xml2js: optional: true + node-abi@3.96.0: + resolution: {integrity: sha512-rebQ/lz7i0EkoLzUVSrKRzA69zMkwLp95kKMWoMDkkM00Suxz0D7zEQPwRml5fQum24mj7bPvmlgLAmu2JCiYg==} + engines: {node: '>=10'} + node-addon-api@7.1.1: resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==} @@ -5116,6 +5289,9 @@ packages: '@types/node': optional: true + nwsapi@2.2.28: + resolution: {integrity: sha512-IlVB7OS7qrOsVYlpnFIkETjMwT9jwvmocJmmM+GZU/PAB3uGi9Ezd7vcWhWBUnSc0ya4ppmQITOyP1ez9gg8cg==} + nypm@0.6.4: resolution: {integrity: sha512-1TvCKjZyyklN+JJj2TS3P4uSQEInrM/HkkuSXsEzm1ApPgBffOn8gFguNnZf07r/1X6vlryfIqMUkJKQMzlZiw==} engines: {node: '>=18'} @@ -5246,6 +5422,9 @@ packages: resolution: {integrity: sha512-bCgsFI+GeGWPAvAiUv63ZorMeif3/U0zaXABGJbOWt5OH2KCaPHF6S+0ok4aqM9RuIPGyZdx9tR9l13PsW4AYQ==} engines: {node: '>=14.13.0'} + parse5@7.3.0: + resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==} + parseurl@1.3.3: resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==} engines: {node: '>= 0.8'} @@ -5555,6 +5734,12 @@ packages: potpack@1.0.2: resolution: {integrity: sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ==} + prebuild-install@7.1.3: + resolution: {integrity: sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==} + engines: {node: '>=10'} + deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available. + hasBin: true + prelude-ls@1.2.1: resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==} engines: {node: '>= 0.8.0'} @@ -5699,6 +5884,10 @@ packages: rc9@2.1.2: resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==} + rc@1.2.8: + resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==} + hasBin: true + react-dom@19.2.4: resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==} peerDependencies: @@ -5725,6 +5914,10 @@ packages: readable-stream@2.3.8: resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==} + readable-stream@3.6.2: + resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==} + engines: {node: '>= 6'} + readable-stream@4.7.0: resolution: {integrity: sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} @@ -5827,6 +6020,9 @@ packages: engines: {node: '>=18.0.0', npm: '>=8.0.0'} hasBin: true + rrweb-cssom@0.8.0: + resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==} + run-applescript@7.1.0: resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==} engines: {node: '>=18'} @@ -5852,6 +6048,10 @@ packages: resolution: {integrity: sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==} engines: {node: '>=11.0.0'} + saxes@6.0.0: + resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} + engines: {node: '>=v12.22.7'} + scheduler@0.27.0: resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==} @@ -5952,6 +6152,12 @@ packages: resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} engines: {node: '>=14'} + simple-concat@1.0.1: + resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==} + + simple-get@4.0.1: + resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==} + simple-git@3.30.0: resolution: {integrity: sha512-q6lxyDsCmEal/MEGhP1aVyQ3oxnagGlBDOVSIB4XUVLl1iZh0Pah6ebC9V4xBap/RfgP2WlI8EKs0WS0rMEJHg==} @@ -6077,6 +6283,10 @@ packages: resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==} engines: {node: '>=8'} + strip-json-comments@2.0.1: + resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==} + engines: {node: '>=0.10.0'} + strip-json-comments@3.1.1: resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==} engines: {node: '>=8'} @@ -6136,6 +6346,9 @@ packages: engines: {node: '>=16'} hasBin: true + symbol-tree@3.2.4: + resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==} + synckit@0.11.12: resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==} engines: {node: ^14.18.0 || >=16.0.0} @@ -6160,6 +6373,13 @@ packages: resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==} engines: {node: '>=6'} + tar-fs@2.1.5: + resolution: {integrity: sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw==} + + tar-stream@2.2.0: + resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==} + engines: {node: '>=6'} + tar-stream@3.1.7: resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==} @@ -6217,6 +6437,13 @@ packages: resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==} engines: {node: '>=12.0.0'} + tldts-core@6.1.86: + resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==} + + tldts@6.1.86: + resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==} + hasBin: true + to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} @@ -6229,9 +6456,17 @@ packages: resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==} engines: {node: '>=6'} + tough-cookie@5.1.2: + resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==} + engines: {node: '>=16'} + tr46@0.0.3: resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==} + tr46@5.1.1: + resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==} + engines: {node: '>=18'} + ts-api-utils@2.4.0: resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==} engines: {node: '>=18.12'} @@ -6244,6 +6479,9 @@ packages: tslib@2.8.1: resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==} + tunnel-agent@0.6.0: + resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==} + turbo-darwin-64@2.8.2: resolution: {integrity: sha512-sumREbxABHxrWIwlK67sZEaDRE7+BFSU8gZj8OK+X7dLpgW1vTjsHzTECB5m2qzWlXHRdueAk8sKv7wyHqv9jw==} cpu: [x64] @@ -6762,12 +7000,33 @@ packages: w3c-keyname@2.2.8: resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==} + w3c-xmlserializer@5.0.0: + resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==} + engines: {node: '>=18'} + webidl-conversions@3.0.1: resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==} + webidl-conversions@7.0.0: + resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==} + engines: {node: '>=12'} + webpack-virtual-modules@0.6.2: resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==} + whatwg-encoding@3.1.1: + resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==} + engines: {node: '>=18'} + deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation + + whatwg-mimetype@4.0.0: + resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==} + engines: {node: '>=18'} + + whatwg-url@14.2.0: + resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==} + engines: {node: '>=18'} + whatwg-url@5.0.0: resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==} @@ -6820,6 +7079,10 @@ packages: resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==} engines: {node: '>=12'} + xml-name-validator@5.0.0: + resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==} + engines: {node: '>=18'} + xml2js@0.6.2: resolution: {integrity: sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==} engines: {node: '>=4.0.0'} @@ -6828,6 +7091,9 @@ packages: resolution: {integrity: sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==} engines: {node: '>=4.0'} + xmlchars@2.2.0: + resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==} + xss@1.0.15: resolution: {integrity: sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==} engines: {node: '>= 0.10.0'} @@ -6881,6 +7147,15 @@ snapshots: '@alvarosabu/utils@3.2.0': {} + '@asamuzakjp/css-color@3.2.0': + dependencies: + '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4) + '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4) + '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4) + '@csstools/css-tokenizer': 3.0.4 + lru-cache: 10.4.3 + optional: true + '@babel/code-frame@7.29.0': dependencies: '@babel/helper-validator-identifier': 7.28.5 @@ -7279,6 +7554,87 @@ snapshots: - debug - supports-color + '@csstools/color-helpers@5.1.0': + optional: true + + '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)': + dependencies: + '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4) + '@csstools/css-tokenizer': 3.0.4 + optional: true + + '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)': + dependencies: + '@csstools/color-helpers': 5.1.0 + '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4) + '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4) + '@csstools/css-tokenizer': 3.0.4 + optional: true + + '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)': + dependencies: + '@csstools/css-tokenizer': 3.0.4 + optional: true + + '@csstools/css-tokenizer@3.0.4': + optional: true + + '@dnd-kit/abstract@0.5.0': + dependencies: + '@dnd-kit/geometry': 0.5.0 + '@dnd-kit/state': 0.5.0 + tslib: 2.8.1 + + '@dnd-kit/accessibility@3.1.1(react@19.2.4)': + dependencies: + react: 19.2.4 + tslib: 2.8.1 + + '@dnd-kit/collision@0.5.0': + dependencies: + '@dnd-kit/abstract': 0.5.0 + '@dnd-kit/geometry': 0.5.0 + tslib: 2.8.1 + + '@dnd-kit/core@6.3.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)': + dependencies: + '@dnd-kit/accessibility': 3.1.1(react@19.2.4) + '@dnd-kit/utilities': 3.2.2(react@19.2.4) + react: 19.2.4 + react-dom: 19.2.4(react@19.2.4) + tslib: 2.8.1 + + '@dnd-kit/dom@0.5.0': + dependencies: + '@dnd-kit/abstract': 0.5.0 + '@dnd-kit/collision': 0.5.0 + '@dnd-kit/geometry': 0.5.0 + '@dnd-kit/state': 0.5.0 + tslib: 2.8.1 + + '@dnd-kit/geometry@0.5.0': + dependencies: + '@dnd-kit/state': 0.5.0 + tslib: 2.8.1 + + '@dnd-kit/state@0.5.0': + dependencies: + '@preact/signals-core': 1.14.4 + tslib: 2.8.1 + + '@dnd-kit/utilities@3.2.2(react@19.2.4)': + dependencies: + react: 19.2.4 + tslib: 2.8.1 + + '@dnd-kit/vue@0.5.0(vue@3.5.27(typescript@5.9.3))': + dependencies: + '@dnd-kit/abstract': 0.5.0 + '@dnd-kit/dom': 0.5.0 + '@dnd-kit/state': 0.5.0 + tslib: 2.8.1 + vue: 3.5.27(typescript@5.9.3) + '@dxup/nuxt@0.2.2(magicast@0.5.1)': dependencies: '@dxup/unimport': 0.1.2 @@ -8469,6 +8825,8 @@ snapshots: '@poppinss/exception@1.2.3': {} + '@preact/signals-core@1.14.4': {} + '@prettier/plugin-xml@3.4.2(prettier@3.8.1)': dependencies: '@xml-tools/parser': 1.0.11 @@ -9705,6 +10063,13 @@ snapshots: birpc@2.9.0: {} + bl@4.1.0: + dependencies: + buffer: 5.7.1 + inherits: 2.0.4 + readable-stream: 3.6.2 + optional: true + boolbase@1.0.0: {} brace-expansion@1.1.12: @@ -9732,6 +10097,12 @@ snapshots: buffer-from@1.1.2: {} + buffer@5.7.1: + dependencies: + base64-js: 1.5.1 + ieee754: 1.2.1 + optional: true + buffer@6.0.3: dependencies: base64-js: 1.5.1 @@ -9789,6 +10160,12 @@ snapshots: caniuse-lite@1.0.30001767: {} + canvas@3.2.3: + dependencies: + node-addon-api: 7.1.1 + prebuild-install: 7.1.3 + optional: true + chalk@4.1.2: dependencies: ansi-styles: 4.3.0 @@ -9822,6 +10199,9 @@ snapshots: dependencies: readdirp: 5.0.0 + chownr@1.1.4: + optional: true + chownr@3.0.0: {} ci-info@2.0.0: {} @@ -10028,8 +10408,20 @@ snapshots: dependencies: css-tree: 2.2.1 + cssstyle@4.6.0: + dependencies: + '@asamuzakjp/css-color': 3.2.0 + rrweb-cssom: 0.8.0 + optional: true + csstype@3.2.3: {} + data-urls@5.0.0: + dependencies: + whatwg-mimetype: 4.0.0 + whatwg-url: 14.2.0 + optional: true + dayjs@1.11.19: {} db0@0.3.4: {} @@ -10044,6 +10436,14 @@ snapshots: decimal.js@10.6.0: {} + decompress-response@6.0.0: + dependencies: + mimic-response: 3.1.0 + optional: true + + deep-extend@0.6.0: + optional: true + deep-is@0.1.4: {} deepmerge@4.3.1: {} @@ -10158,6 +10558,9 @@ snapshots: entities@4.5.0: {} + entities@6.0.1: + optional: true + entities@7.0.1: {} error-ex@1.3.4: @@ -10664,6 +11067,9 @@ snapshots: signal-exit: 4.1.0 strip-final-newline: 3.0.0 + expand-template@2.0.3: + optional: true + exsolve@1.0.8: {} externality@1.0.2: @@ -10673,6 +11079,15 @@ snapshots: pathe: 1.1.2 ufo: 1.6.3 + fabric@7.4.0: + optionalDependencies: + canvas: 3.2.3 + jsdom: 26.1.0(canvas@3.2.3) + transitivePeerDependencies: + - bufferutil + - supports-color + - utf-8-validate + fast-deep-equal@3.1.3: {} fast-diff@1.3.0: {} @@ -10772,6 +11187,9 @@ snapshots: fresh@2.0.0: {} + fs-constants@1.0.0: + optional: true + fsevents@2.3.3: optional: true @@ -10833,6 +11251,9 @@ snapshots: dependencies: git-up: 8.1.1 + github-from-package@0.0.0: + optional: true + gl-matrix@3.4.4: {} glob-parent@5.1.2: @@ -10935,6 +11356,11 @@ snapshots: hosted-git-info@2.8.9: {} + html-encoding-sniffer@4.0.0: + dependencies: + whatwg-encoding: 3.1.1 + optional: true + http-errors@2.0.1: dependencies: depd: 2.0.0 @@ -10943,6 +11369,14 @@ snapshots: statuses: 2.0.2 toidentifier: 1.0.1 + http-proxy-agent@7.0.2: + dependencies: + agent-base: 7.1.4 + debug: 4.4.3 + transitivePeerDependencies: + - supports-color + optional: true + http-shutdown@1.2.2: {} https-proxy-agent@5.0.1: @@ -10967,6 +11401,11 @@ snapshots: dependencies: safer-buffer: 2.1.2 + iconv-lite@0.6.3: + dependencies: + safer-buffer: 2.1.2 + optional: true + ieee754@1.2.1: {} if-ci@3.0.0: @@ -11003,6 +11442,9 @@ snapshots: inherits@2.0.4: {} + ini@1.3.8: + optional: true + ini@4.1.1: {} ini@6.0.0: {} @@ -11084,6 +11526,9 @@ snapshots: is-path-inside@4.0.0: {} + is-potential-custom-element-name@1.0.1: + optional: true + is-reference@1.2.1: dependencies: '@types/estree': 1.0.8 @@ -11142,6 +11587,36 @@ snapshots: jsdoc-type-pratt-parser@4.8.0: {} + jsdom@26.1.0(canvas@3.2.3): + dependencies: + cssstyle: 4.6.0 + data-urls: 5.0.0 + decimal.js: 10.6.0 + html-encoding-sniffer: 4.0.0 + http-proxy-agent: 7.0.2 + https-proxy-agent: 7.0.6 + is-potential-custom-element-name: 1.0.1 + nwsapi: 2.2.28 + parse5: 7.3.0 + rrweb-cssom: 0.8.0 + saxes: 6.0.0 + symbol-tree: 3.2.4 + tough-cookie: 5.1.2 + w3c-xmlserializer: 5.0.0 + webidl-conversions: 7.0.0 + whatwg-encoding: 3.1.1 + whatwg-mimetype: 4.0.0 + whatwg-url: 14.2.0 + ws: 8.21.0 + xml-name-validator: 5.0.0 + optionalDependencies: + canvas: 3.2.3 + transitivePeerDependencies: + - bufferutil + - supports-color + - utf-8-validate + optional: true + jsesc@0.5.0: {} jsesc@3.1.0: {} @@ -11460,6 +11935,9 @@ snapshots: mimic-fn@4.0.0: {} + mimic-response@3.1.0: + optional: true + min-indent@1.0.1: {} minimatch@10.1.2: @@ -11478,6 +11956,9 @@ snapshots: dependencies: brace-expansion: 2.0.2 + minimist@1.2.8: + optional: true + minipass@7.1.2: {} minizlib@3.1.0: @@ -11486,6 +11967,9 @@ snapshots: mitt@3.0.1: {} + mkdirp-classic@0.5.3: + optional: true + mlly@1.8.0: dependencies: acorn: 8.15.0 @@ -11537,6 +12021,9 @@ snapshots: nanotar@0.2.0: {} + napi-build-utils@2.0.0: + optional: true + napi-postinstall@0.3.4: {} natural-compare@1.4.0: {} @@ -11647,6 +12134,11 @@ snapshots: - supports-color - uploadthing + node-abi@3.96.0: + dependencies: + semver: 7.8.5 + optional: true + node-addon-api@7.1.1: {} node-fetch-native@1.6.7: {} @@ -11816,6 +12308,9 @@ snapshots: - xml2js - yaml + nwsapi@2.2.28: + optional: true + nypm@0.6.4: dependencies: citty: 0.2.0 @@ -11991,6 +12486,11 @@ snapshots: '@types/parse-path': 7.1.0 parse-path: 7.1.0 + parse5@7.3.0: + dependencies: + entities: 6.0.1 + optional: true + parseurl@1.3.3: {} path-browserify@1.0.1: {} @@ -12258,6 +12758,22 @@ snapshots: potpack@1.0.2: {} + prebuild-install@7.1.3: + dependencies: + detect-libc: 2.1.2 + expand-template: 2.0.3 + github-from-package: 0.0.0 + minimist: 1.2.8 + mkdirp-classic: 0.5.3 + napi-build-utils: 2.0.0 + node-abi: 3.96.0 + pump: 3.0.3 + rc: 1.2.8 + simple-get: 4.0.1 + tar-fs: 2.1.5 + tunnel-agent: 0.6.0 + optional: true + prelude-ls@1.2.1: {} prettier-linter-helpers@1.0.1: @@ -12329,14 +12845,20 @@ snapshots: defu: 6.1.7 destr: 2.0.5 + rc@1.2.8: + dependencies: + deep-extend: 0.6.0 + ini: 1.3.8 + minimist: 1.2.8 + strip-json-comments: 2.0.1 + optional: true + react-dom@19.2.4(react@19.2.4): dependencies: react: 19.2.4 scheduler: 0.27.0 - optional: true - react@19.2.4: - optional: true + react@19.2.4: {} read-cache@1.0.0: dependencies: @@ -12372,6 +12894,13 @@ snapshots: string_decoder: 1.1.1 util-deprecate: 1.0.2 + readable-stream@3.6.2: + dependencies: + inherits: 2.0.4 + string_decoder: 1.3.0 + util-deprecate: 1.0.2 + optional: true + readable-stream@4.7.0: dependencies: abort-controller: 3.0.0 @@ -12499,6 +13028,9 @@ snapshots: '@rollup/rollup-win32-x64-msvc': 4.57.1 fsevents: 2.3.3 + rrweb-cssom@0.8.0: + optional: true + run-applescript@7.1.0: {} run-parallel@1.2.0: @@ -12521,9 +13053,13 @@ snapshots: sax@1.4.4: {} - scheduler@0.27.0: + saxes@6.0.0: + dependencies: + xmlchars: 2.2.0 optional: true + scheduler@0.27.0: {} + scslre@0.3.0: dependencies: '@eslint-community/regexpp': 4.12.2 @@ -12627,6 +13163,16 @@ snapshots: signal-exit@4.1.0: {} + simple-concat@1.0.1: + optional: true + + simple-get@4.0.1: + dependencies: + decompress-response: 6.0.0 + once: 1.4.0 + simple-concat: 1.0.1 + optional: true + simple-git@3.30.0: dependencies: '@kwsites/file-exists': 1.1.1 @@ -12747,6 +13293,9 @@ snapshots: dependencies: min-indent: 1.0.1 + strip-json-comments@2.0.1: + optional: true + strip-json-comments@3.1.1: {} strip-literal@3.1.0: @@ -12811,6 +13360,9 @@ snapshots: picocolors: 1.1.1 sax: 1.4.4 + symbol-tree@3.2.4: + optional: true + synckit@0.11.12: dependencies: '@pkgr/core': 0.2.9 @@ -12851,6 +13403,23 @@ snapshots: tapable@2.3.0: {} + tar-fs@2.1.5: + dependencies: + chownr: 1.1.4 + mkdirp-classic: 0.5.3 + pump: 3.0.3 + tar-stream: 2.2.0 + optional: true + + tar-stream@2.2.0: + dependencies: + bl: 4.1.0 + end-of-stream: 1.4.5 + fs-constants: 1.0.0 + inherits: 2.0.4 + readable-stream: 3.6.2 + optional: true + tar-stream@3.1.7: dependencies: b4a: 1.7.3 @@ -12925,6 +13494,14 @@ snapshots: fdir: 6.5.0(picomatch@4.0.4) picomatch: 4.0.4 + tldts-core@6.1.86: + optional: true + + tldts@6.1.86: + dependencies: + tldts-core: 6.1.86 + optional: true + to-regex-range@5.0.1: dependencies: is-number: 7.0.0 @@ -12933,8 +13510,18 @@ snapshots: totalist@3.0.1: {} + tough-cookie@5.1.2: + dependencies: + tldts: 6.1.86 + optional: true + tr46@0.0.3: {} + tr46@5.1.1: + dependencies: + punycode: 2.3.1 + optional: true + ts-api-utils@2.4.0(typescript@5.9.3): dependencies: typescript: 5.9.3 @@ -12943,6 +13530,11 @@ snapshots: tslib@2.8.1: {} + tunnel-agent@0.6.0: + dependencies: + safe-buffer: 5.2.1 + optional: true + turbo-darwin-64@2.8.2: optional: true @@ -13479,10 +14071,32 @@ snapshots: w3c-keyname@2.2.8: {} + w3c-xmlserializer@5.0.0: + dependencies: + xml-name-validator: 5.0.0 + optional: true + webidl-conversions@3.0.1: {} + webidl-conversions@7.0.0: + optional: true + webpack-virtual-modules@0.6.2: {} + whatwg-encoding@3.1.1: + dependencies: + iconv-lite: 0.6.3 + optional: true + + whatwg-mimetype@4.0.0: + optional: true + + whatwg-url@14.2.0: + dependencies: + tr46: 5.1.1 + webidl-conversions: 7.0.0 + optional: true + whatwg-url@5.0.0: dependencies: tr46: 0.0.3 @@ -13524,6 +14138,9 @@ snapshots: xml-name-validator@4.0.0: {} + xml-name-validator@5.0.0: + optional: true + xml2js@0.6.2: dependencies: sax: 1.4.4 @@ -13533,6 +14150,9 @@ snapshots: xmlbuilder@11.0.1: optional: true + xmlchars@2.2.0: + optional: true + xss@1.0.15: dependencies: commander: 2.20.3