@devite/nuxt-sanity 2.17.1 → 2.19.0

package/dist/module.d.mts

@@ -65,6 +65,7 @@ interface LinkExternal {
 interface LinkInternal {
     _type: 'linkInternal';
     slug: string;
+    queryString?: string;
     linkTitle?: string;
     relationship?: string;
 }

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.17.1",
+  "version": "2.19.0",
   "configKey": "sanity",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import defu from 'defu';
 import { randomBytes } from 'node:crypto';
 
 const name = "@devite/nuxt-sanity";
-const version = "2.17.1";
+const version = "2.19.0";
 
 const CONFIG_KEY = "sanity";
 const module$1 = defineNuxtModule({
@@ -106,7 +106,6 @@ const module$1 = defineNuxtModule({
         handler: resolve("runtime/server/routes/cache/asset")
       });
       addServerHandler({
-        method: "get",
         route: moduleConfig.minimalClient.queryEndpoint,
         handler: resolve("runtime/server/routes/cache/query")
       });
@@ -134,7 +133,7 @@ const module$1 = defineNuxtModule({
       minimalClient: moduleConfig.minimalClient,
       useCdn: moduleConfig.useCdn,
       apiVersion: moduleConfig.apiVersion,
-      perspective: "raw",
+      perspective: options.perspective || "raw",
       token: options.token || "",
       withCredentials: options.withCredentials || false,
       /* Visual Editing */

package/dist/runtime/client/MinimalSanityClient.d.ts

@@ -7,7 +7,7 @@ declare class MinimalSanityClient extends SanityClient {
     constructor(config: ModuleOptions);
     private getByteLength;
     private toQueryString;
-    fetch<T>(query: string, params: QueryParams, _options?: {
+    fetch<T>(query: string, params: QueryParams, options?: {
         perspective?: ClientPerspective;
     }): Promise<T | null>;
     clone(): MinimalSanityClient;

package/dist/runtime/client/MinimalSanityClient.js

@@ -32,17 +32,17 @@ class MinimalSanityClient extends SanityClient {
       return acc + `&${encodeURIComponent(`$${paramName}`)}=${encodeURIComponent(JSON.stringify(params[paramName]))}`;
     }, baseQueryStr);
   }
-  async fetch(query, params, _options) {
-    const perspectiveQueryString = `&perspective=${_options?.perspective || this.config.perspective}`;
-    const queryString = this.toQueryString(query, params || {}) + (this.config.useCdn ? "" : perspectiveQueryString);
-    const byteLength = this.getByteLength(queryString);
+  async fetch(query, params, options) {
+    const perspectiveQueryString = this.config.useCdn ? "" : `perspective=${options?.perspective || this.config.perspective}`;
+    const queryString = this.toQueryString(query, params || {});
+    const byteLength = this.getByteLength(queryString + (perspectiveQueryString.length > 0 ? perspectiveQueryString.length + 1 : 0));
     const isEligibleForGetRequest = byteLength <= 9e3;
     const minimalClientConfig = typeof this.config.minimalClient === "object" ? this.config.minimalClient : {};
-    const useCache = minimalClientConfig.cachingEnabled && isEligibleForGetRequest;
     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}`;
+    const requestUrl = minimalClientConfig.cachingEnabled && cacheBaseUrl ? cacheBaseUrl + minimalClientConfig.queryEndpoint : `https://${this.config.projectId}.${this.config.useCdn && isEligibleForGetRequest ? API_CDN_HOST : API_HOST}${this.queryPath}`;
+    const requestSearchParams = isEligibleForGetRequest ? queryString + (perspectiveQueryString.length > 0 ? `&${perspectiveQueryString}` : "") : "?" + perspectiveQueryString;
     try {
-      return (await $fetch(requestUrl + queryString, {
+      return (await $fetch(requestUrl + requestSearchParams, {
         ...this.fetchOptions,
         method: isEligibleForGetRequest ? "GET" : "POST",
         body: !isEligibleForGetRequest ? { query, params } : void 0

package/dist/runtime/components/SanityPage.vue

@@ -1,13 +1,13 @@
 <template>
-  <main v-if="sanityData?.modules?.length">
-    <SanityComponent
-      v-for="(module, index) in sanityData.modules"
-      :key="module._key"
-      :index="index"
-      :data="module"
-    />
-    <slot />
-  </main>
+  <main v-if="sanityData?.modules?.length">
+    <SanityComponent
+      v-for="(module, index) in sanityData.modules"
+      :key="module._key"
+      :index="index"
+      :data="module"
+    />
+    <slot />
+  </main>
 </template>
 
 <script setup>

package/dist/runtime/composables/query.d.ts

@@ -4,7 +4,7 @@ import type { EncodeDataAttributeFunction } from '@sanity/core-loader/encode-dat
 import type { Ref } from 'vue';
 export interface UseSanityQueryOptions<T> extends AsyncDataOptions<T> {
     client?: 'default' | 'minimal';
-    perspective?: 'drafts' | 'published' | 'raw';
+    perspective?: 'drafts' | 'preview-drafts' | 'published' | 'raw';
 }
 export interface SanityQueryResponse<T> {
     data: T;

package/dist/runtime/server/routes/cache/query.js

@@ -1,23 +1,33 @@
-import {
-  createError,
-  defineEventHandler,
-  getRequestURL,
-  setResponseHeader
-} from "h3";
-import { hash } from "ohash";
+import { useRuntimeConfig } from "#imports";
+import { createError, defineEventHandler, getQuery, getRequestURL, readBody, setResponseHeader } from "h3";
 import { useStorage } from "nitropack/runtime/internal/storage";
+import { hash } from "ohash";
 import useSanityClient from "../../utils/useSanityClient.js";
-import { useRuntimeConfig } from "#imports";
 const TTL = 60 * 60 * 8;
 export default defineEventHandler(async (event) => {
-  const url = getRequestURL(event);
-  const queryParams = url.searchParams;
-  const query = queryParams.get("query");
-  if (!query)
-    throw createError({ statusCode: 400, statusMessage: "Missing query parameter" });
-  const params = Array.from(queryParams).filter(([key]) => key.startsWith("$"));
-  const perspective = queryParams.get("perspective") || useRuntimeConfig().public.sanity.perspective;
-  if (typeof perspective === "string" && !["drafts", "published", "raw"].includes(perspective))
+  let query, params;
+  switch (event.method) {
+    case "GET": {
+      const queryParams = getRequestURL(event).searchParams;
+      query = queryParams.get("query");
+      params = Object.fromEntries(Array.from(queryParams).filter(([key]) => key.startsWith("$")).map(([key, value]) => [key.slice(1), JSON.parse(value)]));
+      if (!query)
+        throw createError({ statusCode: 400, statusMessage: 'Missing query parameter "query"' });
+      break;
+    }
+    case "POST": {
+      const body = await readBody(event);
+      query = body.query;
+      params = body.params || {};
+      if (!query)
+        throw createError({ statusCode: 400, statusMessage: 'Missing field "query"' });
+      break;
+    }
+    default:
+      throw createError({ statusCode: 405, statusMessage: "Method Not Allowed" });
+  }
+  const perspective = getQuery(event).perspective || useRuntimeConfig().public.sanity.perspective;
+  if (typeof perspective === "string" && !["drafts", "preview-drafts", "published", "raw"].includes(perspective))
     throw createError({ statusCode: 400, statusMessage: "Invalid perspective" });
   const hashedQuery = hash(query + JSON.stringify(params) + (perspective || ""));
   const dataCache = useStorage("sanityData");
@@ -35,7 +45,7 @@ export default defineEventHandler(async (event) => {
   client.config.useCdn = false;
   const result = await client.fetch(
     query,
-    Object.fromEntries(params.map(([key, value]) => [key.slice(1), JSON.parse(value)])),
+    params,
     { perspective }
   );
   if (!result)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.17.1",
+  "version": "2.19.0",
   "description": "Advanced Sanity integration for Nuxt.js.",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
@@ -29,34 +29,34 @@
   "dependencies": {
     "@nuxt/image": "^2.0.0",
     "@portabletext/vue": "^1.0.14",
-    "@sanity/client": "^7.13.2",
+    "@sanity/client": "^7.14.1",
     "@sanity/core-loader": "^2.0.5",
     "@sanity/preview-url-secret": "^4.0.2",
-    "@sanity/types": "^5.1.0",
-    "@sanity/visual-editing": "^5.0.4",
+    "@sanity/types": "^5.7.0",
+    "@sanity/visual-editing": "^5.1.1",
     "defu": "^6.1.4",
     "ofetch": "^1.5.1",
     "ohash": "^2.0.11",
-    "unstorage": "^1.17.3"
+    "unstorage": "^1.17.4"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.12.1",
-    "@nuxt/kit": "^4.2.2",
+    "@nuxt/eslint-config": "^1.13.0",
+    "@nuxt/kit": "^4.3.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.2.2",
-    "@nuxt/test-utils": "^3.22.0",
+    "@nuxt/schema": "^4.3.0",
+    "@nuxt/test-utils": "^3.23.0",
     "@types/node": "latest",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
-    "h3": "^1.15.4",
-    "nuxt": "^4.2.2",
+    "h3": "^1.15.5",
+    "nuxt": "^4.3.0",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue": "^3.5.26",
+    "vue": "^3.5.27",
     "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.1"
+    "vue-tsc": "^3.2.4"
   },
   "resolutions": {
     "@devite/nuxt-sanity": "link:."