From cb856ad21337b80aebdde094039dba3993bc0c89 Mon Sep 17 00:00:00 2001 From: Alexander Daichendt Date: Thu, 4 Aug 2022 15:21:36 +0200 Subject: [PATCH] feat: add vite-imagetools --- package.json | 3 +- src/lib/components/CatImage.svelte | 27 ++ src/lib/components/Image.svelte | 169 ++++++- .../_architecture.drawio | 1 + .../_architecture.png | Bin 0 -> 563776 bytes .../index.md | 65 +++ src/routes/cat/Architecture.svg | 452 ++++++++++++++++++ src/routes/cat/index.svelte | 2 +- vite.config.js | 3 +- yarn.lock | 257 +++++++++- 10 files changed, 953 insertions(+), 26 deletions(-) create mode 100644 src/lib/components/CatImage.svelte create mode 100644 src/routes/blog/ondemand-image-optimization-catapi/_architecture.drawio create mode 100644 src/routes/blog/ondemand-image-optimization-catapi/_architecture.png create mode 100644 src/routes/blog/ondemand-image-optimization-catapi/index.md create mode 100644 src/routes/cat/Architecture.svg diff --git a/package.json b/package.json index f6b4249..9a47247 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,8 @@ "svelte-preprocess": "^4.10.6", "tslib": "^2.3.1", "typescript": "^4.7.4", - "vite": "^3.0.0" + "vite": "^3.0.0", + "vite-imagetools": "^4.0.4" }, "type": "module", "dependencies": { diff --git a/src/lib/components/CatImage.svelte b/src/lib/components/CatImage.svelte new file mode 100644 index 0000000..ef093b1 --- /dev/null +++ b/src/lib/components/CatImage.svelte @@ -0,0 +1,27 @@ + + +{#if !fallback && !metadata} + No metadata supplied +{:else} + A cute kitty +{/if} + + diff --git a/src/lib/components/Image.svelte b/src/lib/components/Image.svelte index ef093b1..250ebe8 100644 --- a/src/lib/components/Image.svelte +++ b/src/lib/components/Image.svelte @@ -1,24 +1,165 @@ -{#if !fallback && !metadata} - No metadata supplied -{:else} - A cute kitty -{/if} + + + {#each [...sources.entries()] as [format, meta]} + `${m.src} ${m.width}w`).join(', ')} + /> + {/each} + +