self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-19 04:07:43 +02:00
Code Issues Releases Activity

Fixed lodash library not invoking in production build (#171)

Browse Source 
* Added staging docker-compose file
* Use lodash-es and remove hydration option on photos page fixed the problem
This commit is contained in:
Alex
2022-05-22 04:48:38 -05:00
committed by GitHub
parent baaf7ad153
commit ce06af0c9b
8 changed files with 163 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/lib/stores/assets.ts
View File

@ -1,17 +1,22 @@
import { writable, derived } from 'svelte/store';
import { getRequest } from '$lib/api';
import type { ImmichAsset } from '$lib/models/immich-asset'
import * as _ from 'lodash';
import lodash from 'lodash-es';
import moment from 'moment';
const assets = writable<ImmichAsset[]>([]);
const assetsGroupByDate = derived(assets, ($assets) => {
return _.chain($assets)
.groupBy((a) => moment(a.createdAt).format('ddd, MMM DD'))
.sortBy((group) => $assets.indexOf(group[0]))
.value();
try {
return lodash.chain($assets)
.groupBy((a) => moment(a.createdAt).format('ddd, MMM DD'))
.sortBy((group) => $assets.indexOf(group[0]))
.value();
} catch (e) {
console.log("error deriving state assets", e)
return []
}
})

27
web/src/routes/__layout.svelte
View File

@ -1,28 +1,27 @@
<script lang="ts">
// import { getRequest } from '$lib/api';
// import { onDestroy } from 'svelte';
// import { fade } from 'svelte/transition';
import { getRequest } from '$lib/api';
import { onDestroy } from 'svelte';
import '../app.css';
// import { serverEndpoint } from '../lib/constants';
import { serverEndpoint } from '../lib/constants';
// let endpoint = serverEndpoint;
// let isServerOk = true;
let endpoint = serverEndpoint;
let isServerOk = true;
// const pingServerInterval = setInterval(async () => {
// const response = await getRequest('server-info/ping', '');
const pingServerInterval = setInterval(async () => {
const response = await getRequest('server-info/ping', '');
// if (response.res === 'pong') isServerOk = true;
// if (response.statusCode === 404) isServerOk = false;
// }, 10000);
if (response.res === 'pong') isServerOk = true;
if (response.statusCode === 404) isServerOk = false;
}, 10000);
// onDestroy(() => clearInterval(pingServerInterval));
onDestroy(() => clearInterval(pingServerInterval));
</script>
<main>
<slot />
</main>
<!-- <footer
<footer
class="text-sm fixed bottom-0 h-8 flex place-items-center place-content-center bg-gray-50 w-screen font-mono gap-8 px-4 font-medium"
>
<p class="">
@ -36,4 +35,4 @@
<span class="text-red-500 font-bold">OFFLINE</span>
{/if}
</p>
</footer> -->
</footer>

1
web/src/routes/photos/index.svelte
View File

@ -1,6 +1,5 @@
<script context="module" lang="ts">
export const prerender = false;
export const hydrate = false;
import type { Load } from '@sveltejs/kit';