chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

slight improvement on landing UX

Browse source
This commit is contained in:
Chris Kruining 2024-12-04 09:38:58 +01:00
parent 6c637b8433
commit 183618a0c8
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
5 changed files with 43 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/features/file/index.tsx
View file

@ -28,6 +28,7 @@ interface InternalFilesContextType {
interface FilesContextType {
readonly files: Accessor<FileEntity[]>,
readonly root: Accessor<FileSystemDirectoryHandle | undefined>,
readonly loading: Accessor<boolean>,
open(directory: FileSystemDirectoryHandle): void;
get(key: string): Accessor<FileSystemDirectoryHandle | undefined>
@ -109,7 +110,7 @@ const serverContext = (): InternalFilesContextType => ({
export const FilesProvider: ParentComponent = (props) => {
const internal = isServer ? serverContext() : clientContext();
const [state, setState] = createStore<{ openedFiles: FileEntity[], root: FileSystemDirectoryHandle | undefined }>({ openedFiles: [], root: undefined });
const [state, setState] = createStore<{ loading: boolean, openedFiles: FileEntity[], root: FileSystemDirectoryHandle | undefined }>({ loading: true, openedFiles: [], root: undefined });
internal.onChange(async () => {
setState('openedFiles', await internal.entries());
@ -117,19 +118,19 @@ export const FilesProvider: ParentComponent = (props) => {
onMount(() => {
(async () => {
const [root, files] = await Promise.all([
const [root, openedFiles] = await Promise.all([
internal.get(ROOT),
internal.entries(),
]);
setState('root', root);
setState('openedFiles', files);
setState(prev => ({ ...prev, loading: false, root, openedFiles }));
})();
});
const context: FilesContextType = {
files: createMemo(() => state.openedFiles),
root: createMemo(() => state.root),
loading: createMemo(() => state.loading),
async open(directory: FileSystemDirectoryHandle) {
await internal.remove(...(await internal.keys()));