@devite/nuxt-sanity 2.9.0 → 2.10.0

package/dist/module.d.mts

@@ -122,4 +122,5 @@ type SanityArray<T> = Array<T & {
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type GlobalSEO, type Home, type LinkExternal, type LinkInternal, type ModuleOptions, type NotFound, type Page, type RichText, type SEO, type SanityArray, type SanityModule, type SanityVisualEditingMode, type SanityVisualEditingRefreshHandler, type VisualEditingOptions, _default as default };
+export { _default as default };
+export type { GlobalSEO, Home, LinkExternal, LinkInternal, ModuleOptions, NotFound, Page, RichText, SEO, SanityArray, SanityModule, SanityVisualEditingMode, SanityVisualEditingRefreshHandler, VisualEditingOptions };

package/dist/module.d.ts

@@ -122,4 +122,5 @@ type SanityArray<T> = Array<T & {
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type GlobalSEO, type Home, type LinkExternal, type LinkInternal, type ModuleOptions, type NotFound, type Page, type RichText, type SEO, type SanityArray, type SanityModule, type SanityVisualEditingMode, type SanityVisualEditingRefreshHandler, type VisualEditingOptions, _default as default };
+export { _default as default };
+export type { GlobalSEO, Home, LinkExternal, LinkInternal, ModuleOptions, NotFound, Page, RichText, SEO, SanityArray, SanityModule, SanityVisualEditingMode, SanityVisualEditingRefreshHandler, VisualEditingOptions };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "configKey": "sanity",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "unbuild": "unknown"
   }
 }

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.9.0";
+const version = "2.10.0";
 
 const CONFIG_KEY = "sanity";
 const module = defineNuxtModule({
@@ -55,15 +55,19 @@ const module = defineNuxtModule({
       nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, {
         include: [
           `${name} > @sanity/visual-editing > @sanity/mutate > lodash/groupBy.js`,
+          `${name} > @sanity/visual-editing > @sanity/mutate > lodash/startCase.js`,
           `${name} > @sanity/visual-editing > react`,
           `${name} > @sanity/visual-editing > react/jsx-runtime`,
+          `${name} > @sanity/visual-editing > react-is`,
           `${name} > @sanity/visual-editing > react-dom`,
           `${name} > @sanity/visual-editing > react-dom/client`,
-          // `${name} > @sanity/visual-editing > react-compiler-runtime`,
+          `${name} > @sanity/visual-editing > react-compiler-runtime`,
+          `${name} > @sanity/visual-editing > styled-components`,
           "@sanity/client"
         ]
       });
-      addPlugin({ src: resolve("runtime/plugins/visual-editing") });
+      addPlugin({ mode: "client", src: resolve("runtime/plugins/visual-editing.client") });
+      addPlugin({ mode: "server", src: resolve("runtime/plugins/visual-editing.server") });
       if (typeof visualEditingConfig.previewMode === "object") {
         addServerHandler({
           method: "get",
@@ -165,6 +169,7 @@ const module = defineNuxtModule({
       // composables
       { name: "useSanityQuery", from: resolve("runtime/composables/query") },
       { name: "useLazySanityQuery", from: resolve("runtime/composables/query") },
+      { name: "useSanityVisualEditingState", from: resolve("runtime/composables/useSanityVisualEditingState") },
       // helper methods
       { name: "resolveImageAssetById", from: resolve("runtime/utils/resolveImageAssetById") },
       { name: "resolveInternalLink", from: resolve("runtime/utils/resolveInternalLink") },

package/dist/runtime/client/DefaultSanityClient.js

@@ -26,7 +26,7 @@ class DefaultSanityClient extends SanityClient {
     });
     if (import.meta.server) {
       const serverClient = this.client.withConfig({
-        perspective: "previewDrafts",
+        perspective: "drafts",
         token: this.config.token,
         useCdn: false
       });

package/dist/runtime/client/MinimalSanityClient.js

@@ -9,7 +9,7 @@ class MinimalSanityClient extends SanityClient {
     super({
       ...config,
       perspective: config.perspective || "raw",
-      useCdn: config.perspective === "previewDrafts" ? false : config.useCdn
+      useCdn: config.perspective === "drafts" ? false : config.useCdn
     });
     this.queryPath = `/v${config.apiVersion}/data/query/${config.dataset}`;
     this.fetchOptions = {

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?: 'previewDrafts' | 'published' | 'raw';
+    perspective?: 'drafts' | 'published' | 'raw';
 }
 export interface SanityQueryResponse<T> {
     data: T;

package/dist/runtime/composables/query.js

@@ -13,7 +13,7 @@ export function useSanityQuery(query, _params = {}, options = {}, lazy = false)
   const sanityConfig = defu(import.meta.server ? $config.sanity : {}, $config.public.sanity);
   const visualEditingEnabled = useSanityVisualEditingState().enabled;
   const clientType = visualEditingEnabled ? "default" : options.client || (sanityConfig.minimalClient ? "minimal" : "default");
-  const perspective = options.perspective || (visualEditingEnabled ? "previewDrafts" : "published");
+  const perspective = options.perspective || (visualEditingEnabled ? "drafts" : "published");
   const reactiveParams = _params ? reactive(_params) : void 0;
   if (reactiveParams) {
     options.watch ||= [];

package/dist/runtime/composables/useSanityVisualEditingState.js

@@ -1,7 +1,7 @@
 import { reactive } from "vue";
 import { useState } from "#imports";
 export const useSanityVisualEditingState = () => {
-  const enabled = useState("_sanity_visualEditing", () => false);
+  const enabled = useState("_sanity_visual_editing", () => false);
   return reactive({
     enabled,
     isInFrame() {

package/dist/runtime/plugins/visual-editing.client.js

@@ -0,0 +1,22 @@
+import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
+import useSanityClient from "../utils/useSanityClient.js";
+import { defineNuxtPlugin, useRuntimeConfig } from "#imports";
+export default defineNuxtPlugin(() => {
+  if (!useSanityVisualEditingState().enabled) return;
+  const $config = useRuntimeConfig();
+  const { visualEditing } = $config.public.sanity;
+  switch (visualEditing?.mode) {
+    case "live-visual-editing":
+    case "visual-editing":
+      import("../utils/visualEditing/enableVisualEditing.js").then(({ enableVisualEditing }) => enableVisualEditing({
+        refresh: visualEditing?.refresh,
+        zIndex: visualEditing?.zIndex
+      }));
+      if (visualEditing?.mode === "live-visual-editing") {
+        useSanityClient(true, "default", $config.public.sanity).then((client) => {
+          client.queryStore?.enableLiveMode({ client: client.client });
+        });
+      }
+      break;
+  }
+});

package/dist/runtime/plugins/visual-editing.server.js

@@ -0,0 +1,11 @@
+import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
+import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#imports";
+export default defineNuxtPlugin(() => {
+  const visualEditingState = useSanityVisualEditingState();
+  const $config = useRuntimeConfig();
+  const previewModeId = $config.sanity.visualEditing.previewModeId;
+  if ($config.public.sanity.visualEditing?.previewMode && previewModeId) {
+    const previewModeCookie = useCookie("__sanity_preview");
+    visualEditingState.enabled = previewModeId === previewModeCookie.value;
+  }
+});

package/dist/runtime/server/routes/cache/query.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    result: string | number | true | object;
+    result: any;
 } | {
     result?: undefined;
 }>>;

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

@@ -17,7 +17,7 @@ export default defineEventHandler(async (event) => {
     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" && !["previewDrafts", "published", "raw"].includes(perspective))
+  if (typeof perspective === "string" && !["drafts", "published", "raw"].includes(perspective))
     throw createError({ statusCode: 400, statusMessage: "Invalid perspective" });
   const hashedQuery = hash(query + JSON.stringify(params) + (perspective || ""));
   const dataCache = useStorage("sanityData");

package/dist/types.d.mts

@@ -1 +1,7 @@
-export { type GlobalSEO, type Home, type LinkExternal, type LinkInternal, type ModuleOptions, type NotFound, type Page, type RichText, type SEO, type SanityArray, type SanityModule, type SanityVisualEditingMode, type SanityVisualEditingRefreshHandler, type VisualEditingOptions, default } from './module.js'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -1 +1,7 @@
-export { type GlobalSEO, type Home, type LinkExternal, type LinkInternal, type ModuleOptions, type NotFound, type Page, type RichText, type SEO, type SanityArray, type SanityModule, type SanityVisualEditingMode, type SanityVisualEditingRefreshHandler, type VisualEditingOptions, default } from './module'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devite/nuxt-sanity",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "Advanced Sanity integration for Nuxt.js.",
   "repository": "devite-io/nuxt-sanity",
   "license": "MIT",
@@ -22,29 +22,29 @@
     "dist"
   ],
   "dependencies": {
-    "@nuxt/image": "^1.9.0",
-    "@portabletext/vue": "^1.0.11",
-    "@sanity/client": "^6.28.3",
-    "@sanity/core-loader": "^1.7.38",
-    "@sanity/preview-url-secret": "^2.1.5",
-    "@sanity/types": "^3.78.1",
-    "@sanity/visual-editing": "^2.13.7",
+    "@nuxt/image": "^1.10.0",
+    "@portabletext/vue": "^1.0.12",
+    "@sanity/client": "^6.28.4",
+    "@sanity/core-loader": "^1.8.1",
+    "@sanity/preview-url-secret": "^2.1.7",
+    "@sanity/types": "^3.82.0",
+    "@sanity/visual-editing": "^2.13.15",
     "defu": "^6.1.4",
     "ofetch": "^1.4.1",
-    "ohash": "^1.1.4",
+    "ohash": "^1.1.6",
     "unstorage": "^1.15.0"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.7.6",
-    "@nuxt/kit": "^3.15.4",
+    "@nuxt/kit": "^3.16.2",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.15.4",
+    "@nuxt/schema": "^3.16.2",
+    "@nuxt/test-utils": "^3.17.2",
     "@types/node": "latest",
     "changelogen": "^0.5.7",
-    "eslint": "^9.22.0",
+    "eslint": "^9.24.0",
     "h3": "^1.15.1",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.2",
     "typescript": "5.6.3",
     "vite": "6.0.1",
     "vitest": "^2.1.9",

package/dist/runtime/plugins/visual-editing.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/visual-editing.js

@@ -1,29 +0,0 @@
-import { useSanityVisualEditingState } from "../composables/useSanityVisualEditingState.js";
-import useSanityClient from "../utils/useSanityClient.js";
-import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#imports";
-export default defineNuxtPlugin(async () => {
-  const visualEditingState = useSanityVisualEditingState();
-  const $config = useRuntimeConfig();
-  const { visualEditing } = $config.public.sanity;
-  if (import.meta.server) {
-    const previewModeId = $config.sanity.visualEditing.previewModeId;
-    if (visualEditing?.previewMode && previewModeId) {
-      const previewModeCookie = useCookie("__sanity_preview");
-      visualEditingState.enabled = previewModeId === previewModeCookie.value;
-    }
-  } else if (visualEditingState.enabled) {
-    switch (visualEditing?.mode) {
-      case "live-visual-editing":
-      case "visual-editing":
-        import("../utils/visualEditing/enableVisualEditing.js").then(({ enableVisualEditing }) => enableVisualEditing({
-          refresh: visualEditing?.refresh,
-          zIndex: visualEditing?.zIndex
-        }));
-        if (visualEditing?.mode === "live-visual-editing") {
-          const client = await useSanityClient(true, "default", $config.public.sanity);
-          client.queryStore?.enableLiveMode({ client: client.client });
-        }
-        break;
-    }
-  }
-});