@devite/nuxt-sanity 2.0.1 → 2.1.0

package/dist/module.json

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

package/dist/module.mjs

@@ -1,9 +1,9 @@
 import crypto from 'node:crypto';
-import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addImportsDir, addComponentsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addImportsDir, addImports, addComponentsDir } from '@nuxt/kit';
 import defu from 'defu';
 
 const name = "@devite/nuxt-sanity";
-const version = "2.0.1";
+const version = "2.1.0";
 
 const module = defineNuxtModule({
   meta: {
@@ -22,6 +22,7 @@ const module = defineNuxtModule({
       apiVersion: options.apiVersion || "2024-08-08",
       visualEditing: options.visualEditing || null
     });
+    nuxt.options.build.transpile.push("@sanity/core-loader");
     if (options.visualEditing) {
       const previewMode = moduleConfig.visualEditing.previewMode !== false;
       const visualEditingConfig = defu(moduleConfig.visualEditing, {
@@ -42,14 +43,8 @@ const module = defineNuxtModule({
         console.warn("Visual editing requires a studio URL");
       if (visualEditingConfig.mode === "live-visual-editing" && !visualEditingConfig.stega)
         console.warn('Visual Editing requires "stega" to be enabled in "live-visual-editing" mode');
-      nuxt.options.build.transpile.push(
-        "async-cache-dedupe",
-        "@sanity/core-loader",
-        "@sanity/preview-url-secret"
-      );
-      nuxt.options.vite.resolve = defu(nuxt.options.vite.resolve, {
-        dedupe: ["@sanity/client"]
-      });
+      nuxt.options.build.transpile.push("@sanity/preview-url-secret", "async-cache-dedupe");
+      nuxt.options.vite.resolve = defu(nuxt.options.vite.resolve, { dedupe: ["@sanity/client"] });
       nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, {
         include: [
           `${name} > @sanity/visual-editing > @sanity/mutate > lodash/groupBy.js`,
@@ -92,17 +87,41 @@ const module = defineNuxtModule({
       /* Visual Editing */
       token: options.token || "",
       withCredentials: options.withCredentials || false,
-      stega: moduleConfig.visualEditing && moduleConfig.visualEditing.stega !== false && moduleConfig.visualEditing.previewMode !== false && { enabled: true, studioUrl: moduleConfig.visualEditing.studioUrl } || {},
+      stega: moduleConfig.visualEditing && moduleConfig.visualEditing.stega !== false && moduleConfig.visualEditing.previewMode !== false && {
+        enabled: true,
+        studioUrl: moduleConfig.visualEditing.studioUrl
+      } || {},
       visualEditing: moduleConfig.visualEditing
     });
     addImportsDir(resolve("runtime/client"));
-    addImportsDir(resolve("runtime/composables"));
-    addImportsDir(resolve("runtime/utils/groq"));
-    addImportsDir(resolve("runtime/utils/projections"));
-    addImportsDir(resolve("runtime/utils/resolveImageAssetById"));
-    addImportsDir(resolve("runtime/utils/resolveInternalLink"));
+    addImports(
+      [
+        // composables
+        { name: "useSanityQuery", from: resolve("runtime/composables/useSanityQuery") },
+        { name: "useLazySanityQuery", from: resolve("runtime/composables/useLazySanityQuery") },
+        // helper methods
+        { name: "groq", from: resolve("runtime/utils/groq") },
+        { name: "resolveImageAssetById", from: resolve("runtime/utils/resolveImageAssetById") },
+        { name: "resolveInternalLink", from: resolve("runtime/utils/resolveInternalLink") },
+        // projections
+        ...[
+          "IMAGE_ASSET_PROJECTION",
+          "IMAGE_WITHOUT_PREVIEW_PROJECTION",
+          "IMAGE_WITH_PREVIEW_PROJECTION",
+          "LINK_PROJECTION"
+        ].map((field) => ({
+          name: field,
+          from: resolve("runtime/utils/projections")
+        }))
+      ]
+    );
     await addComponentsDir({ path: resolve("runtime/components") });
-    await addComponentsDir({ path: "~/sanity", global: true, prefix: "Sanity" });
+    await addComponentsDir({
+      path: "~/sanity",
+      global: true,
+      prefix: "Sanity",
+      pathPrefix: false
+    });
   }
 });
 

package/dist/runtime/composables/useSanityQuery.js

@@ -8,12 +8,12 @@ export const useSanityQuery = (query, _params = {}, _options = {}, lazy = false)
   const client = clientType ? useSanityClient(clientType) : useSanityClient();
   const hasQueryStore = "queryStore" in client && client.queryStore !== null;
   const perspective = _perspective || (hasQueryStore ? "previewDrafts" : "published");
-  const key = "sanity-" + hash(query + (_params ? JSON.stringify(_params) : ""));
   const reactiveParams = _params ? reactive(_params) : void 0;
   if (reactiveParams) {
     options.watch ||= [];
     options.watch.push(reactiveParams);
   }
+  const key = "sanity-" + hash(query + (reactiveParams ? JSON.stringify(reactiveParams) : ""));
   const data = ref(null);
   const sourceMap = ref(null);
   const encodeDataAttribute = ref(() => {
@@ -31,7 +31,7 @@ export const useSanityQuery = (query, _params = {}, _options = {}, lazy = false)
   if (hasQueryStore) {
     let setupFetcher = function(cb) {
       unsubscribe();
-      const deepClonedParams = JSON.parse(JSON.stringify(_params));
+      const deepClonedParams = _params ? JSON.parse(JSON.stringify(_params)) : void 0;
       const fetcher = defaultClient.queryStore.createFetcherStore(query, deepClonedParams, void 0);
       unsubscribe = fetcher.subscribe((newSnapshot) => {
         if (newSnapshot.data) {

package/package.json

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