Bypass sharp in docker hosted environment #295

Author: donuk

Dockerfile

@@ -14,6 +14,7 @@ ADD client/package.json client/package-lock.json ./
 RUN npm install
 
 ADD client /app/
+RUN cp .env.docker .env
 RUN npm run build
 
 # syntax=docker/dockerfile:1.3-labs

client/.env.docker

@@ -11,3 +11,4 @@ NUXT_PUBLIC_H_CAPTCHA_SITE_KEY=
 NUXT_PUBLIC_PAID_PLANS_ENABLED=
 NUXT_PUBLIC_S3_ENABLED=
 NUXT_API_SECRET=
+NUXT_PUBLIC_USE_NULL_IMAGE_PROVIDER=yes

client/lib/null-image-provider.js

@@ -0,0 +1,22 @@
+import { joinURL } from 'ufo'
+import { createOperationsGenerator } from '#image'
+
+const operationsGenerator = createOperationsGenerator()
+
+export const getImage = (
+  src,
+  { modifiers = {}, baseURL } = {}
+) => {
+
+  if (!baseURL) {
+    // also support runtime config 
+    baseURL = useRuntimeConfig().public.siteUrl
+  }
+
+  const operations = operationsGenerator(modifiers)
+
+  return {
+    url: joinURL(baseURL, src + (operations ? '?' + operations : '')),
+  }
+}
+

client/nuxt.config.ts

@@ -64,9 +64,18 @@ export default defineNuxtConfig({
             }
         }
     },
-    image: {
-        quality: 95,
-    },
+    image: (
+        runtimeConfig.public.useNullImageProvider ? {
+            provider: 'null',
+            providers: {
+                null: {
+                    provider: '~/lib/null-image-provider.js',
+                }
+            }
+        } : {
+            quality: 95,
+        }
+    ),
     sourcemap: true,
     vite: {
         plugins: [

client/runtimeConfig.js

@@ -12,7 +12,10 @@ export default {
     s3Enabled: process.env.NUXT_PUBLIC_S3_ENABLED || false,
     paidPlansEnabled: process.env.NUXT_PUBLIC_PAID_PLANS_ENABLED || false,
     customDomainsEnabled: process.env.NUXT_PUBLIC_CUSTOM_DOMAINS_ENABLED || false,
-
+    useNullImageProvider: (
+      process.env.NUXT_PUBLIC_USE_NULL_IMAGE_PROVIDER == 'yes'
+    ),
+    
     // Config within public will be also exposed to the client
     SENTRY_DSN_PUBLIC: process.env.SENTRY_DSN_PUBLIC,
     SENTRY_TRACES_SAMPLE_RATE: parseFloat(process.env.SENTRY_TRACES_SAMPLE_RATE ?? '0'),