From 7eb8eb5cdbfad1b2e7792263479d534caf8ec085 Mon Sep 17 00:00:00 2001
From: Alexander Daichendt <alexander.daichendt@tum.de>
Date: Sat, 22 Oct 2022 23:08:53 +0200
Subject: [PATCH] feat: add default directive and avif images

---
 src/routes/blog/lldap-caddy/+page.md          |  2 +-
 .../+page.md                                  |  2 +-
 src/routes/blog/site2sitewireguard/+page.md   |  4 ++--
 vite.config.js                                | 15 +++++++++++-
 vite.config.js.timestamp-1666472800949.mjs    | 24 +++++++++++++++++++
 5 files changed, 42 insertions(+), 5 deletions(-)
 create mode 100644 vite.config.js.timestamp-1666472800949.mjs

diff --git a/src/routes/blog/lldap-caddy/+page.md b/src/routes/blog/lldap-caddy/+page.md
index c87b431..b79e532 100644
--- a/src/routes/blog/lldap-caddy/+page.md
+++ b/src/routes/blog/lldap-caddy/+page.md
@@ -8,7 +8,7 @@ keywords:
 ---
 
 <script>
-import overview from "./lldap_overview.png?width=360;720;1280;1920&webp&metadata"
+import overview from "./lldap_overview.png?default"
 import Image from "$components/Image.svelte"
 </script>
 
diff --git a/src/routes/blog/ondemand-image-optimization-catapi/+page.md b/src/routes/blog/ondemand-image-optimization-catapi/+page.md
index f91b0f6..1849619 100644
--- a/src/routes/blog/ondemand-image-optimization-catapi/+page.md
+++ b/src/routes/blog/ondemand-image-optimization-catapi/+page.md
@@ -11,7 +11,7 @@ hidden: true
 ---
 
 <script>
-import architecture from "./_architecture.png?width=360;720;1280;1920&webp&metadata"
+import architecture from "./_architecture.png?default"
 import Image from "$components/Image.svelte"
 </script>
 
diff --git a/src/routes/blog/site2sitewireguard/+page.md b/src/routes/blog/site2sitewireguard/+page.md
index ccba317..f2a5a2f 100644
--- a/src/routes/blog/site2sitewireguard/+page.md
+++ b/src/routes/blog/site2sitewireguard/+page.md
@@ -11,8 +11,8 @@ keywords:
 ---
 
 <script>
-import architecture from "./images/_architecture.drawio.png?width=360;720;1280;1920&webp&metadata"
-import peer from "./images/mikrotik_peer.png?width=360;720;1280;1920&webp&metadata"
+import architecture from "./images/_architecture.drawio.png?default"
+import peer from "./images/mikrotik_peer.png?default"
 
 import Image from "$components/Image.svelte"
 </script>
diff --git a/vite.config.js b/vite.config.js
index e1cd89d..4e8dea1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,7 +3,20 @@ import { imagetools } from 'vite-imagetools';
 
 /** @type {import('vite').UserConfig} */
 const config = {
-	plugins: [sveltekit(), imagetools()],
+	plugins: [
+		sveltekit(),
+		imagetools({
+			defaultDirectives: (id) => {
+				if (id.searchParams.has('default'))
+					return new URLSearchParams({
+						format: 'avif;webp',
+						width: '360;720;1280;1920',
+						metadata: '',
+					});
+				return new URLSearchParams();
+			},
+		}),
+	],
 };
 
 export default config;
diff --git a/vite.config.js.timestamp-1666472800949.mjs b/vite.config.js.timestamp-1666472800949.mjs
new file mode 100644
index 0000000..dc39c06
--- /dev/null
+++ b/vite.config.js.timestamp-1666472800949.mjs
@@ -0,0 +1,24 @@
+// vite.config.js
+import { sveltekit } from "file:///home/alex/Repositories/daichendt.one/node_modules/@sveltejs/kit/src/exports/vite/index.js";
+import { imagetools } from "file:///home/alex/Repositories/daichendt.one/node_modules/vite-imagetools/dist/index.mjs";
+var config = {
+  plugins: [
+    sveltekit(),
+    imagetools({
+      defaultDirectives: (id) => {
+        if (id.searchParams.has("default"))
+          return new URLSearchParams({
+            format: "avif;webpc",
+            width: "360;720;1280;1920",
+            metadata: ""
+          });
+        return new URLSearchParams();
+      }
+    })
+  ]
+};
+var vite_config_default = config;
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS9hbGV4L1JlcG9zaXRvcmllcy9kYWljaGVuZHQub25lXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvaG9tZS9hbGV4L1JlcG9zaXRvcmllcy9kYWljaGVuZHQub25lL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9ob21lL2FsZXgvUmVwb3NpdG9yaWVzL2RhaWNoZW5kdC5vbmUvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBzdmVsdGVraXQgfSBmcm9tICdAc3ZlbHRlanMva2l0L3ZpdGUnO1xuaW1wb3J0IHsgaW1hZ2V0b29scyB9IGZyb20gJ3ZpdGUtaW1hZ2V0b29scyc7XG5cbi8qKiBAdHlwZSB7aW1wb3J0KCd2aXRlJykuVXNlckNvbmZpZ30gKi9cbmNvbnN0IGNvbmZpZyA9IHtcblx0cGx1Z2luczogW1xuXHRcdHN2ZWx0ZWtpdCgpLFxuXHRcdGltYWdldG9vbHMoe1xuXHRcdFx0ZGVmYXVsdERpcmVjdGl2ZXM6IChpZCkgPT4ge1xuXHRcdFx0XHRpZiAoaWQuc2VhcmNoUGFyYW1zLmhhcygnZGVmYXVsdCcpKVxuXHRcdFx0XHRcdHJldHVybiBuZXcgVVJMU2VhcmNoUGFyYW1zKHtcblx0XHRcdFx0XHRcdGZvcm1hdDogJ2F2aWY7d2VicGMnLFxuXHRcdFx0XHRcdFx0d2lkdGg6ICczNjA7NzIwOzEyODA7MTkyMCcsXG5cdFx0XHRcdFx0XHRtZXRhZGF0YTogJycsXG5cdFx0XHRcdFx0fSk7XG5cdFx0XHRcdHJldHVybiBuZXcgVVJMU2VhcmNoUGFyYW1zKCk7XG5cdFx0XHR9LFxuXHRcdH0pLFxuXHRdLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29uZmlnO1xuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFpUyxTQUFTLGlCQUFpQjtBQUMzVCxTQUFTLGtCQUFrQjtBQUczQixJQUFNLFNBQVM7QUFBQSxFQUNkLFNBQVM7QUFBQSxJQUNSLFVBQVU7QUFBQSxJQUNWLFdBQVc7QUFBQSxNQUNWLG1CQUFtQixDQUFDLE9BQU87QUFDMUIsWUFBSSxHQUFHLGFBQWEsSUFBSSxTQUFTO0FBQ2hDLGlCQUFPLElBQUksZ0JBQWdCO0FBQUEsWUFDMUIsUUFBUTtBQUFBLFlBQ1IsT0FBTztBQUFBLFlBQ1AsVUFBVTtBQUFBLFVBQ1gsQ0FBQztBQUNGLGVBQU8sSUFBSSxnQkFBZ0I7QUFBQSxNQUM1QjtBQUFBLElBQ0QsQ0FBQztBQUFBLEVBQ0Y7QUFDRDtBQUVBLElBQU8sc0JBQVE7IiwKICAibmFtZXMiOiBbXQp9Cg==