From 019dc322e799988868f1306443901f3b78a8b2cf Mon Sep 17 00:00:00 2001 From: kiosion Date: Tue, 3 Oct 2023 19:52:43 -0300 Subject: [PATCH] feat: Improve chunking, vite preproccessing --- svelte-app/package.json | 1 - svelte-app/pnpm-lock.yaml | 3 - svelte-app/src/app.html | 12 +- svelte-app/src/app.scss | 121 ------------------ .../components/loading/animations/line.svelte | 22 ---- .../loading/animations/spinner.svelte | 5 - svelte-app/src/components/loading/bar.svelte | 8 -- .../src/components/loading/spinner.svelte | 3 +- svelte-app/src/lib/icons.ts | 88 +++++++------ svelte-app/src/routes/+layout.svelte | 14 +- svelte-app/svelte.config.js | 9 +- svelte-app/vite.config.ts | 24 +--- 12 files changed, 64 insertions(+), 246 deletions(-) delete mode 100644 svelte-app/src/components/loading/animations/line.svelte delete mode 100644 svelte-app/src/components/loading/animations/spinner.svelte delete mode 100644 svelte-app/src/components/loading/bar.svelte diff --git a/svelte-app/package.json b/svelte-app/package.json index 93c35aa29..80e9ba9a3 100644 --- a/svelte-app/package.json +++ b/svelte-app/package.json @@ -63,7 +63,6 @@ "svelte-eslint-parser": "^0.32.2", "svelte-highlight": "^7.3.0", "svelte-maybe-transition": "^0.1.2", - "svelte-preprocess": "^5.0.4", "tailwindcss": "^3.3.3", "tippy.js": "^6.3.7", "typescript": "^5.2.2", diff --git a/svelte-app/pnpm-lock.yaml b/svelte-app/pnpm-lock.yaml index 87ccd8097..18fae1fb8 100644 --- a/svelte-app/pnpm-lock.yaml +++ b/svelte-app/pnpm-lock.yaml @@ -141,9 +141,6 @@ devDependencies: svelte-maybe-transition: specifier: ^0.1.2 version: 0.1.2(svelte@4.2.1) - svelte-preprocess: - specifier: ^5.0.4 - version: 5.0.4(postcss-load-config@4.0.1)(postcss@8.4.14)(sass@1.58.3)(svelte@4.2.1)(typescript@5.2.2) tailwindcss: specifier: ^3.3.3 version: 3.3.3 diff --git a/svelte-app/src/app.html b/svelte-app/src/app.html index 04ef7c925..5c892fd31 100644 --- a/svelte-app/src/app.html +++ b/svelte-app/src/app.html @@ -2,6 +2,12 @@ + + + @@ -9,14 +15,8 @@ - - - %sveltekit.head% diff --git a/svelte-app/src/app.scss b/svelte-app/src/app.scss index e4eee6377..87dbf2f03 100644 --- a/svelte-app/src/app.scss +++ b/svelte-app/src/app.scss @@ -118,124 +118,3 @@ body { } } } - -.loading-spinner { - &-container { - width: 40px; - height: 40px; - position: relative; - animation: chase 2.5s infinite linear both; - } - &-spinner { - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - animation: chase-dot 2s infinite ease-in-out both; - - &:before { - content: ''; - display: block; - width: 25%; - height: 25%; - background-color: #f1f5f9; - border-radius: 9999px; - animation: chase-dot-before 2s infinite ease-in-out both; - } - - &:nth-child(1) { - &, - &:before { - animation-delay: -1.1s; - } - } - &:nth-child(2) { - &, - &:before { - animation-delay: -1s; - } - } - &:nth-child(3) { - &, - &:before { - animation-delay: -0.9s; - } - } - &:nth-child(4) { - &, - &:before { - animation-delay: -0.8s; - } - } - &:nth-child(5) { - &, - &:before { - animation-delay: -0.7s; - } - } - &:nth-child(6) { - &, - &:before { - animation-delay: -0.6s; - } - } - } -} - -.loading-line-wrapper { - position: absolute; - left: 0; - right: 0; - bottom: 0; - top: 0; - margin: auto; - - > div { - height: 100%; - display: flex; - transform: translateZ(0); - - div { - flex: 1; - animation: pulse 700ms infinite alternate cubic-bezier(0.16, -0.05, 0.35, 1.02); - - @for $i from 1 through 8 { - &:nth-child(#{$i}) { - animation-delay: -(calc(700ms / 8) * (8 - $i)); - } - } - } - } -} - -@keyframes pulse { - 100% { - background: transparent; - flex: 10; - box-shadow: 0 0 0 rgba(196 181 253 / 0.25); - } -} - -@keyframes chase { - 100% { - transform: rotate(360deg); - } -} - -@keyframes chase-dot { - 80%, - 100% { - transform: rotate(360deg); - } -} - -@keyframes chase-dot-before { - 50% { - transform: scale(0.4); - } - 100%, - 0% { - transform: scale(1); - } -} diff --git a/svelte-app/src/components/loading/animations/line.svelte b/svelte-app/src/components/loading/animations/line.svelte deleted file mode 100644 index d0c9a9185..000000000 --- a/svelte-app/src/components/loading/animations/line.svelte +++ /dev/null @@ -1,22 +0,0 @@ - - -
-
- {#each Array(7) as _} -
- {/each} -
-
diff --git a/svelte-app/src/components/loading/animations/spinner.svelte b/svelte-app/src/components/loading/animations/spinner.svelte deleted file mode 100644 index 88aa8e9f7..000000000 --- a/svelte-app/src/components/loading/animations/spinner.svelte +++ /dev/null @@ -1,5 +0,0 @@ -