c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-28 22:51:59 +00:00
Code Releases Activity

feat(web): link router (#10644)

Browse source 
feat: link router
This commit is contained in:
Jason Rasmussen 2024-06-27 09:09:28 -04:00 committed by GitHub
parent d8175d8da8
commit 9fc9465cec
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 50 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/hooks.client.ts
View file

@ -25,13 +25,13 @@ const parseError = (error: unknown, status: number, message: string) => {
}
return {
message: message || DEFAULT_MESSAGE,
message: (error as Error)?.message || message || DEFAULT_MESSAGE,
code: status,
};
};
export const handleError: HandleClientError = ({ error, status, message }) => {
const result = parseError(error, status, message);
console.error(`[hooks.client.ts]:handleError ${result.message}`);
console.error(`[hooks.client.ts]:handleError ${result.message}`, error);
return result;
};

14
web/src/lib/utils.ts
View file

@ -1,5 +1,6 @@
import { NotificationType, notificationController } from '$lib/components/shared-components/notification/notification';
import { locales } from '$lib/constants';
import { defaultLang, langs, locales } from '$lib/constants';
import { lang } from '$lib/stores/preferences.store';
import { handleError } from '$lib/utils/handle-error';
import {
AssetJobName,
@ -20,7 +21,7 @@ import {
} from '@immich/sdk';
import { mdiCogRefreshOutline, mdiDatabaseRefreshOutline, mdiImageRefreshOutline } from '@mdi/js';
import { sortBy } from 'lodash-es';
import { t } from 'svelte-i18n';
import { init, register, t } from 'svelte-i18n';
import { derived, get } from 'svelte/store';
interface DownloadRequestOptions<T = unknown> {
@ -31,6 +32,15 @@ interface DownloadRequestOptions<T = unknown> {
onDownloadProgress?: (event: ProgressEvent<XMLHttpRequestEventTarget>) => void;
}
export const initApp = async () => {
const preferenceLang = get(lang);
for (const { code, loader } of langs) {
register(code, loader);
}
await init({ fallbackLocale: preferenceLang === 'dev' ? 'dev' : defaultLang.code, initialLocale: preferenceLang });
};
interface UploadRequestOptions {
url: string;
method?: 'POST' | 'PUT';

13
web/src/routes/+layout.ts
View file

@ -1,8 +1,5 @@
import { defaultLang, langs } from '$lib/constants';
import { lang } from '$lib/stores/preferences.store';
import { initApp } from '$lib/utils';
import { defaults } from '@immich/sdk';
import { init, register } from 'svelte-i18n';
import { get } from 'svelte/store';
import type { LayoutLoad } from './$types';
export const ssr = false;
@ -14,13 +11,7 @@ export const load = (async ({ fetch }) => {
// https://github.com/oazapfts/oazapfts/blob/main/README.md#fetch-options
defaults.fetch = fetch;
for (const { code, loader } of langs) {
register(code, loader);
}
const preferenceLang = get(lang);
await init({ fallbackLocale: preferenceLang === 'dev' ? 'dev' : defaultLang.code, initialLocale: preferenceLang });
await initApp();
return {
meta: {

34
web/src/routes/link/+page.ts Normal file
View file

@ -0,0 +1,34 @@
import { AppRoute } from '$lib/constants';
import { redirect } from '@sveltejs/kit';
import type { PageLoad } from './$types';
export const load = (({ url }) => {
enum LinkTarget {
HOME = 'home',
UNSUBSCRIBE = 'unsubscribe',
VIEW_ASSET = 'view_asset',
}
const queryParams = url.searchParams;
const target = queryParams.get('target') as LinkTarget;
switch (target) {
case LinkTarget.HOME: {
return redirect(302, AppRoute.PHOTOS);
}
case LinkTarget.UNSUBSCRIBE: {
return redirect(302, `${AppRoute.USER_SETTINGS}?isOpen=notifications`);
}
case LinkTarget.VIEW_ASSET: {
const id = queryParams.get('id');
if (id) {
return redirect(302, `${AppRoute.PHOTOS}/${id}`);
}
break;
}
}
return redirect(302, AppRoute.PHOTOS);
}) satisfies PageLoad;