@devite/nuxt-sanity 2.4.1 → 2.4.3

package/dist/module.d.mts

@@ -10,7 +10,16 @@ type ModuleOptions = ClientConfig & {
     /** @default { cachingEnabled: true, cacheBaseUrl: "http://localhost:3000", assetEndpoint: "/_sanity/cache/asset", queryEndpoint: "/_sanity/cache/query", webhookEndpoint: "/_sanity/cache/invalidate" } */
     minimalClient?: boolean | {
         cachingEnabled?: boolean;
-        cacheBaseUrl?: string;
+        /**
+         * This is the base url for fetching data after hydration
+         * @default 'http://localhost:3000'
+         */
+        cacheClientBaseUrl?: string;
+        /**
+         * This is the base url for fetching data during SSR
+         * @default 'http://localhost:3000'
+         */
+        cacheServerBaseUrl?: string;
         assetEndpoint?: string;
         queryEndpoint?: string;
         webhookEndpoint?: string;

package/dist/module.d.ts

@@ -10,7 +10,16 @@ type ModuleOptions = ClientConfig & {
     /** @default { cachingEnabled: true, cacheBaseUrl: "http://localhost:3000", assetEndpoint: "/_sanity/cache/asset", queryEndpoint: "/_sanity/cache/query", webhookEndpoint: "/_sanity/cache/invalidate" } */
     minimalClient?: boolean | {
         cachingEnabled?: boolean;
-        cacheBaseUrl?: string;
+        /**
+         * This is the base url for fetching data after hydration
+         * @default 'http://localhost:3000'
+         */
+        cacheClientBaseUrl?: string;
+        /**
+         * This is the base url for fetching data during SSR
+         * @default 'http://localhost:3000'
+         */
+        cacheServerBaseUrl?: string;
         assetEndpoint?: string;
         queryEndpoint?: string;
         webhookEndpoint?: string;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "configKey": "sanity",
   "builder": {
     "@nuxt/module-builder": "0.8.4",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addImpor
 import defu from 'defu';
 
 const name = "@devite/nuxt-sanity";
-const version = "2.4.1";
+const version = "2.4.3";
 
 const CONFIG_KEY = "sanity";
 const module = defineNuxtModule({
@@ -21,7 +21,8 @@ const module = defineNuxtModule({
       dataset: options.dataset || "production",
       minimalClient: options.minimalClient !== false ? defu(options.minimalClient, {
         cachingEnabled: true,
-        cacheBaseUrl: "http://localhost:3000",
+        cacheClientBaseUrl: "http://localhost:3000",
+        cacheServerBaseUrl: "http://localhost:3000",
         assetEndpoint: "/_sanity/cache/asset",
         queryEndpoint: "/_sanity/cache/query",
         webhookEndpoint: "/_sanity/cache/invalidate"

package/dist/runtime/client/MinimalSanityClient.js

@@ -39,7 +39,8 @@ class MinimalSanityClient extends SanityClient {
     const isEligibleForGetRequest = byteLength <= 9e3;
     const minimalClientConfig = typeof this.config.minimalClient === "object" ? this.config.minimalClient : {};
     const useCache = minimalClientConfig.cachingEnabled && isEligibleForGetRequest;
-    const requestUrl = useCache && minimalClientConfig.cacheBaseUrl ? minimalClientConfig.cacheBaseUrl + minimalClientConfig.queryEndpoint : `https://${this.config.projectId}.${this.config.useCdn && isEligibleForGetRequest ? API_CDN_HOST : API_HOST}${this.queryPath}`;
+    const cacheBaseUrl = import.meta.client ? minimalClientConfig.cacheClientBaseUrl : minimalClientConfig.cacheServerBaseUrl;
+    const requestUrl = useCache && cacheBaseUrl ? cacheBaseUrl + minimalClientConfig.queryEndpoint : `https://${this.config.projectId}.${this.config.useCdn && isEligibleForGetRequest ? API_CDN_HOST : API_HOST}${this.queryPath}`;
     return (await $fetch(requestUrl + queryString, {
       ...this.fetchOptions,
       method: isEligibleForGetRequest ? "GET" : "POST",

package/dist/runtime/components/SanityPage.vue

@@ -12,10 +12,11 @@
 import { computed, type ComputedRef } from 'vue'
 import type { ImageAsset } from '@sanity/types'
 import type { GlobalSEO, Home, NotFound, Page } from '@devite/nuxt-sanity'
+import { setResponseStatus } from 'h3'
 import { IMAGE_WITHOUT_PREVIEW_PROJECTION } from '../utils/projections'
 import { useSanityQuery } from '../composables/useSanityQuery'
 import { groq } from '../utils/groq'
-import { useHead, useRoute, useRuntimeConfig, useSeoMeta } from '#imports'
+import { useHead, useRoute, useRuntimeConfig, useSeoMeta, useRequestEvent } from '#imports'
 
 const path = useRoute().path
 const groqFilter = path === '/' ? '_type == "home"' : `_type == "page" && slug.current == $slug`
@@ -24,6 +25,13 @@ const { data: sanityData } = await useSanityQuery<Home | Page | NotFound>(
   { slug: path.substring(1) },
 )
 
+if (sanityData.value?._type === 'notFound' && import.meta.server) {
+  const event = useRequestEvent()
+
+  if (event)
+    setResponseStatus(event, 404)
+}
+
 const { baseURL } = useRuntimeConfig().public
 const seo = computed(() => sanityData.value?.seo)
 const url = computed(

package/dist/runtime/imageProviders/sanity.js

@@ -6,11 +6,11 @@ export const getImage = (src, { modifiers = {} } = {}, ctx) => {
   const sanityConfig = useRuntimeConfig().public.sanity;
   const minimalClientConfig = sanityConfig.minimalClient;
   const useCaching = typeof minimalClientConfig === "object" && minimalClientConfig.cachingEnabled;
-  if (useCaching && minimalClientConfig.cacheBaseUrl && !useSanityVisualEditingState().enabled) {
+  if (useCaching && minimalClientConfig.cacheClientBaseUrl && !useSanityVisualEditingState().enabled) {
     const params = new URLSearchParams();
     params.set("src", src);
     params.set("modifiers", JSON.stringify(modifiers));
-    return { url: joinURL(minimalClientConfig.cacheBaseUrl, minimalClientConfig.assetEndpoint + `?${params.toString()}`) };
+    return { url: joinURL(minimalClientConfig.cacheClientBaseUrl, minimalClientConfig.assetEndpoint + `?${params.toString()}`) };
   }
   return getSanityImage(src, { modifiers, projectId: sanityConfig.projectId, dataset: sanityConfig.dataset }, ctx);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "Advanced Sanity integration for Nuxt.js.",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",