fix: check user provided ipx after module loaded

Author: stafyniaksacha

src/client/components/MediaPreview.vue

@@ -42,7 +42,7 @@ watchEffect(async () => {
   previewState.snippetColors = previewState.stats?.colors?.reduce((acc, color) => {
     acc[color] = color
     return acc
-  }, {}) ?? {}
+  }, {} as Record<string, string>) ?? {}
   previewState.alt = ''
   previewState.snippetType = 'html'
 })

src/client/pages/index.vue

@@ -72,7 +72,7 @@ const filterExtension = ref('')
 const hasFilter = computed(() => Boolean(filterDirectoryKey.value || filterExtension.value))
 const assetsKeysFiltered = computed(() => {
   if (!hasFilter.value) {
-    return []
+    return assets?.value ?? []
   }
 
   return (assets?.value ?? [])

src/module.ts

@@ -24,6 +24,11 @@ type ModuleOptions = {
    */
   installIpxMiddleware?: boolean
 
+  /**
+   * @default undefined
+   */
+  hasIpx?: boolean
+
   /**
    * @default '/_ipx'
    */
@@ -38,28 +43,31 @@ export default defineNuxtModule<ModuleOptions>({
   },
   defaults: <ModuleOptions>{
     installIpxMiddleware: false,
+    hasIpx: undefined,
     ipxMiddlewarePrefix: '/_ipx'
   },
   setup (options, nuxt) {
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
     const logger = consola.withScope('nuxt:media-viewer')
 
-    const hasUserProvidedIPX =
-      nuxt.options.serverHandlers.find(handler => options.ipxMiddlewarePrefix && handler.route?.startsWith(options.ipxMiddlewarePrefix)) ||
-      nuxt.options.devServerHandlers.find(handler => options.ipxMiddlewarePrefix && handler.route?.startsWith(options.ipxMiddlewarePrefix))
+    nuxt.hook('modules:done', () => {
+      const hasUserProvidedIPX =
+        nuxt.options.serverHandlers.find(handler => options.ipxMiddlewarePrefix && handler.route?.startsWith(options.ipxMiddlewarePrefix)) ||
+        nuxt.options.devServerHandlers.find(handler => options.ipxMiddlewarePrefix && handler.route?.startsWith(options.ipxMiddlewarePrefix))
 
-    nuxt.options.runtimeConfig.mediaViewer = {
-      publicRoot: resolve(nuxt.options.rootDir, 'public'),
-      hasIpx: Boolean(hasUserProvidedIPX || options.installIpxMiddleware),
-      ipxMiddlewarePrefix: options.ipxMiddlewarePrefix ?? ''
-    }
+      nuxt.options.runtimeConfig.mediaViewer = {
+        publicRoot: resolve(nuxt.options.rootDir, 'public'),
+        hasIpx: options.hasIpx ?? Boolean(hasUserProvidedIPX || options.installIpxMiddleware),
+        ipxMiddlewarePrefix: options.ipxMiddlewarePrefix ?? ''
+      }
 
-    if (options.installIpxMiddleware && !hasUserProvidedIPX) {
-      // @todo: check if ipx middleware is already installed
-      addServerHandler({
-        handler: resolve(runtimeDir, 'server/middlewares/ipx')
-      })
-    }
+      if (options.installIpxMiddleware && !hasUserProvidedIPX) {
+        // @todo: check if ipx middleware is already installed
+        addServerHandler({
+          handler: resolve(runtimeDir, 'server/middlewares/ipx')
+        })
+      }
+    })
 
     // for now only inject viewer on dev mode
     if (nuxt.options.dev) {