Fix run query param parsing

Author: zerodevx

src/lib/vite.js

@@ -30,7 +30,9 @@ function main({
 } = {}) {
   return imagetools({
     defaultDirectives: (url) =>
-      url.searchParams.get('as') === 'run' ? runDefaultDirectives : defaultDirectives,
+      url.searchParams.get('as')?.split(':')[0] === 'run'
+        ? runDefaultDirectives
+        : defaultDirectives,
     extendOutputFormats: (builtins) => ({ ...extendOutputFormats(builtins), run }),
     exclude,
     ...rest

src/routes/+page.svelte

@@ -9,7 +9,7 @@ import i5 from './assets/1920/5.jpg?h=720&as=run'
 import pllx from './assets/pllx.jpg?h=1024&as=run'
 import Img, { FxReveal, FxParallax } from '$lib/index.js'
 import { version } from '$app/environment'
-import testSingle from './assets/640/01.jpg?w=80&h=80&as=run:0'
+import testSingle from './assets/640/01.jpg?w=80&h=80&format=jpg&as=run:0'
 import testFallback from './assets/640/01.jpg?h=80'
 
 const modules = import.meta.glob('./assets/640/*.jpg', {
@@ -108,11 +108,13 @@ export default defineConfig({
   </blockquote>
 </div>
 
-<Img
-  class="w-full h-[32rem] max-w-[1920px] mx-auto object-cover mb-16 test-1px"
-  src={i2}
-  alt="cat"
-/>
+<div class="test-run-param">
+  <Img
+    class="w-full h-[32rem] max-w-[1920px] mx-auto object-cover mb-16 test-1px"
+    src={i2}
+    alt="cat"
+  />
+</div>
 
 <div class="prose mx-auto px-4 mb-8">
   <blockquote>Which looks like this.</blockquote>

tests/test.js

@@ -29,6 +29,11 @@ test('falls back to standard imagetools without run directive', async ({ page })
   expect(await page.locator('.test-fallback').innerText()).toContain('@imagetools')
 })
 
+test('run with param uses runDefaultDirectives', async ({ page }) => {
+  await page.goto('/')
+  expect(await page.locator('.test-run-param source').count()).toBe(3)
+})
+
 /*
 test('', async ({ page }) => {
   await page.goto('/')