feat: folder view (#11880)

* feat: folder view poc * fix(folder-view): ui modifications * fix(folder-view): improves utility return types * fix(folder-view): update getAssetsByOriginalPath Endpoint now only returns direct children of the path instead of all images in all subfolders. Functions renamed and scoped to "folder", endpoints renamed * fix(folder-view): improve typing * fix(folder-view): replaces css with tailwind * fix(folder-view): includes folders in main panel * feat(folder-view): folder cache implementation * fix(folder-view): can now search for absolute paths * fix(folder-view): sets default sort to alphabetical by filename * refactor/styling the browser view * double click to navigate * folder tree * use correct side bar icon * styling when selected * correct open icon * folder layout * return assetReponseDto * it's alive * update new api * more styling for folder tree * use query params and path viewer * use arrow up left for parent folder backward navigation * use arrow up left for parent folder backward navigation * encode URL * handle long folder name * refactor to the view controller * remove unused code * clear cache when logout * cleaning up * cleaning up web * clean as new * clean as new * pr feedback + show asset name * add tests * add tests * remove generated file * lint * revert docker-compose.dev file * Update server/src/services/view.service.ts Co-authored-by: Jason Rasmussen <jason@rasm.me> * Update server/src/services/view.service.ts Co-authored-by: Jason Rasmussen <jason@rasm.me> --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com> Co-authored-by: Jason Rasmussen <jason@rasm.me>
2024-08-21 19:49:37 +01:00
parent 6cf5906813
commit 07538299cf
28 changed files with 843 additions and 1 deletions
@@ -0,0 +1,41 @@
+import { foldersStore } from '$lib/stores/folders.store';
+import { authenticate } from '$lib/utils/auth';
+import { getFormatter } from '$lib/utils/i18n';
+import { getAssetInfoFromParam } from '$lib/utils/navigation';
+import { get } from 'svelte/store';
+import type { PageLoad } from './$types';
+
+export const load = (async ({ params, url }) => {
+  await authenticate();
+  const asset = await getAssetInfoFromParam(params);
+  const $t = await getFormatter();
+
+  await foldersStore.fetchUniquePaths();
+  const { uniquePaths } = get(foldersStore);
+
+  let pathAssets = null;
+  const path = url.searchParams.get('folder');
+
+  if (path) {
+    await foldersStore.fetchAssetsByPath(path);
+    const { assets } = get(foldersStore);
+    pathAssets = assets[path] || null;
+  }
+
+  const currentPath = path ? `${path}/`.replaceAll('//', '/') : '';
+
+  const currentFolders = (uniquePaths || [])
+    .filter((path) => path.startsWith(currentPath) && path !== currentPath)
+    .map((path) => path.replaceAll(currentPath, '').split('/')[0])
+    .filter((value, index, self) => self.indexOf(value) === index);
+
+  return {
+    asset,
+    path,
+    currentFolders,
+    pathAssets,
+    meta: {
+      title: $t('folders'),
+    },
+  };
+}) satisfies PageLoad;