fix(ipxStatic): strip repeated slashes from image path (#1801)

Author: danielroe

src/runtime/providers/ipx.ts

@@ -2,7 +2,7 @@ import { joinURL, encodePath, encodeParam } from 'ufo'
 import type { ProviderGetImage } from '../../module'
 import { createOperationsGenerator } from '#image'
 
-const operationsGenerator = createOperationsGenerator({
+export const operationsGenerator = createOperationsGenerator({
   keyMap: {
     format: 'f',
     fit: 'fit',

src/runtime/providers/ipxStatic.ts

@@ -1 +1,23 @@
-export * from './ipx'
+import { joinURL, encodePath } from 'ufo'
+import type { ProviderGetImage } from '../../module'
+import { operationsGenerator } from './ipx'
+
+export const getImage: ProviderGetImage = (src, { modifiers = {}, baseURL } = {}, ctx) => {
+  if (modifiers.width && modifiers.height) {
+    modifiers.resize = `${modifiers.width}x${modifiers.height}`
+    delete modifiers.width
+    delete modifiers.height
+  }
+
+  const params = operationsGenerator(modifiers) || '_'
+
+  if (!baseURL) {
+    baseURL = joinURL(ctx.options.nuxt.baseURL, '/_ipx')
+  }
+
+  return {
+    url: joinURL(baseURL, params, encodePath(src).replace(/\/{2,}/g, '/')),
+  }
+}
+
+export { validateDomains, supportsAlias } from './ipx'