1
0
mirror of https://github.com/immich-app/immich.git synced 2025-01-12 15:32:36 +02:00
immich/web
Thomas 43ffcf7e8f
use animation frames for memory autoplay (#2771)
The current implementation mixes intervals and animation frames, which is a
little convoluted. The use of intervals means that the animation is not going
to be smooth and may have strange behaviour when the window is moved to the
background. It's possible that the current animation frames could pile up and
run all at once which would be undesirable.

Moving everything into animation frames means the code is simpler and easier to
reason about. It should also be more performant and less buggy.

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
2023-06-15 21:27:32 -05:00
..
__mocks__ feat(web): theme/locale preferences and improve SSR (#1832) 2023-02-22 11:53:08 -06:00
src use animation frames for memory autoplay (#2771) 2023-06-15 21:27:32 -05:00
static feat(web): immich as webapp, add apple icons and manifest file (#2310) 2023-04-23 20:30:38 -05:00
.dockerignore
.eslintignore Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
.eslintrc.cjs chore(web): switch to eslint-plugin-svelte package (#2467) 2023-05-18 10:43:09 -05:00
.gitignore Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
.npmrc
.prettierignore feat(web): More localisation (#1441) 2023-01-27 23:57:25 -06:00
.prettierrc Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
babel.config.cjs Add web test setup (#597) 2022-09-07 05:20:19 -05:00
Dockerfile update node images (#2736) 2023-06-13 07:17:07 -05:00
entrypoint.sh fix(web): remove protocol header (#2068) 2023-03-24 07:20:06 -05:00
how-to-scroll-like-google.md Feature - Implemented virtual scroll on web (#573) 2022-09-04 08:34:39 -05:00
jest.config.mjs feat(web): make assets cachable (#1724) 2023-02-10 16:01:35 -06:00
LICENSE feat(docker) revert ubuntu base image (#863) 2022-10-25 14:18:37 -05:00
package-lock.json feat(web, server): Implement justified layout for AssetGrid (#2666) 2023-06-08 10:22:45 -05:00
package.json feat(web, server): Implement justified layout for AssetGrid (#2666) 2023-06-08 10:22:45 -05:00
postcss.config.cjs Use cookies for client requests (#377) 2022-07-26 12:28:07 -05:00
README.md
svelte.config.js feat(web): Update to latest version of SvelteKit (#705) 2022-09-16 23:13:22 -05:00
tailwind.config.cjs fix(web): layout spacing when zooming (#2452) 2023-05-17 10:44:15 -05:00
tsconfig.json chore(web): improve type checking (#2644) 2023-06-02 08:55:08 -05:00
vite.config.js chore: run web (only) with remote backend (#2196) 2023-04-07 20:44:56 -05:00

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm init svelte

# create a new project in my-app
npm init svelte my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.