try fix netlify images

collective · Nov 21, 2024 · 7ffd694 · 7ffd694
1 parent 5146e95
commit 7ffd694
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 51 deletions.
diff --git a/examples/nuxt-blog-starter/composables/imageProps.js b/examples/nuxt-blog-starter/composables/imageProps.js
@@ -35,7 +35,7 @@ export default function imageProps(block) {
       return {url:null}
     } 
     image_url = image_url.startsWith("/") ? `https://hydra-api.pretagov.com${image_url}`: image_url;
-    //image_url = image.url.replace("https://hydra-api.pretagov.com/", "/plone/"); // nuxt image alias
+    //image_url = image.url.replace("https://hydra-api.pretagov.com", "/_plone_"); // nuxt image alias
     var srcset = "";
     var sizes = "";
     var width = block?.width;
@@ -81,7 +81,7 @@ export default function imageProps(block) {
       align: align,
       srcset: srcset,
       sizes: sizes,
-      bg: `bg-[url('${image_url}')]`,
+      //bg: `bg-[url('${image_url}')]`,
       width: width,
     //   ...optimizeImage(
     //     image_url,

diff --git a/examples/nuxt-blog-starter/netlify.toml b/examples/nuxt-blog-starter/netlify.toml
@@ -0,0 +1,2 @@
+[images]
+  remote_images = ["https://hydra-api.pretagov.com/.*"]
diff --git a/examples/nuxt-blog-starter/nuxt.config.ts b/examples/nuxt-blog-starter/nuxt.config.ts
@@ -6,27 +6,18 @@ export default defineNuxtConfig({
     'nuxt-security', 
     '@nuxt/image'
   ],
-  devtools: { enabled: true },
-  ssr: true,
+  ssr: true, // "npm run generate" == SSG
+  routeRules: {
+    "/**": { cors: true } // public site can't be edited
+  },
   $env: {
     edit: {
-      ssr: false,
-      generate: {
-        fallback: "index.html", // Uses '404.html' instead of the default '200.html'
-      },
+      ssr: false, // "npm run generate -- --envName edit" == SPA
       routeRules: {
         "/**": {
           cors: true,
-          // redirect: {
-          //   to: "/index.html",
-          //   statusCode: 200
-          // },
           security: {
-            // corsHandler: {
-            //   // options
-            //   origin: "https://hydra.pretagov.com"
-            // },
-            headers: {
+            headers: { // Edit site can be put in an iframe
               contentSecurityPolicy: {
                 'img-src': ['self', 'data:', 'https://hydra.pretagov.com', 'https://hydra-api.pretagov.com'],
                 'connect-src': ["'self'", 'data:', 'https://hydra.pretagov.com', 'https://hydra-api.pretagov.com'],
@@ -37,51 +28,26 @@ export default defineNuxtConfig({
             }
           }
         }
-      }
-    }
-  },
-  routeRules: {
-    "/**": {
-      cors: true
+      },
+      // generate: {
+      //   fallback: "index.html", // Uses '404.html' instead of the default '200.html'
+      // },
     }
-    // "/_ipx/_/https%3A//*": {
-    //   redirect: {
-    //     to: "/_ipx/_/https%3A/*",
-    //     statusCode: 200
-    //   }
-    // }
   },
-  // security: {
-  //   corsHandler: {
-  //     // options
-  //     origin: "https://hydra.pretagov.com"
-  //   },
-  //   headers: {
-  //     contentSecurityPolicy: {
-  //       'img-src': ["'self'", 'data:', 'https://hydra.pretagov.com', 'https://hydra-api.pretagov.com'],
-  //       'connect-src': ["'self'", 'data:', 'https://hydra.pretagov.com', 'https://hydra-api.pretagov.com'],
-  //       'frame-ancestors': ['*']
-  //     },
-  //     crossOriginResourcePolicy: "cross-origin",
-  //   }
-  // },
   css: ['/assets/css/main.css'],
+  devtools: { enabled: true },
   // postcss: {
   //   plugins: {
   //     tailwindcss: {},
   //     autoprefixer: {},
   //   },
   // },
   image: {
-    provider: 'ipx',
+    //provider: 'ipx',
     domains: ['hydra-api.pretagov.com'],
-    // staticFilename: '[publicPath]/images/[name]-[hash][ext]',
-    // modifiers: {
-    //   quality: 80
-    // }, 
-    alias: {
-      plone: "https://hydra-api.pretagov.com"
-    }
+    // alias: {
+    //   _plone_: "https://hydra-api.pretagov.com"
+    // }
   },
   experimental: {
       payloadExtraction: false