fix(preview): remove preview delay causing by nuxtRefreshData

farnabaz · farnabaz · commit accef0b7c428 · 2023-10-12T17:31:17.000+02:00
diff --git a/src/runtime/composables/useStudio.ts b/src/runtime/composables/useStudio.ts
@@ -7,7 +7,7 @@ import ContentPreviewMode from '../components/ContentPreviewMode.vue'
 import { createSingleton, deepAssign, deepDelete, mergeDraft, StudioConfigFiles } from '../utils'
 import type { PreviewFile, PreviewResponse, FileChangeMessagePayload } from '../types'
 import { callWithNuxt } from '#app'
-import { refreshNuxtData, useAppConfig, useNuxtApp, useRuntimeConfig, useState, useContentState, queryContent, ref, toRaw, useRoute, useRouter } from '#imports'
+import { useAppConfig, useNuxtApp, useRuntimeConfig, useState, useContentState, queryContent, ref, toRaw, useRoute, useRouter } from '#imports'
 
 const useDefaultAppConfig = createSingleton(() => JSON.parse(JSON.stringify((useAppConfig()))))
 
@@ -177,9 +177,8 @@ export const useStudio = () => {
         }
       }
     }
-    nextTick(() => {
-      callWithNuxt(nuxtApp, refreshNuxtData)
-    })
+    // Directly call `app:data:refresh` hook to refresh all data (!Calling `refreshNuxtData` causing some delay in data refresh!)
+    await nuxtApp.hooks.callHookParallel('app:data:refresh')
   }
 
   return {
@@ -236,7 +235,7 @@ export const useStudio = () => {
     })
 
     window.addEventListener('message', async (e) => {
-      if (!['https://nuxt.studio', 'https://dev.nuxt.studio'].includes(e.origin)) {
+      if (!['https://nuxt.studio', 'https://dev.nuxt.studio', 'http://localhost:3000'].includes(e.origin)) {
         return
       }
 

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import ContentPreviewMode from '../components/ContentPreviewMode.vue'`
`7`	`7`	`import { createSingleton, deepAssign, deepDelete, mergeDraft, StudioConfigFiles } from '../utils'`
`8`	`8`	`import type { PreviewFile, PreviewResponse, FileChangeMessagePayload } from '../types'`
`9`	`9`	`import { callWithNuxt } from '#app'`
`10`		`-import { refreshNuxtData, useAppConfig, useNuxtApp, useRuntimeConfig, useState, useContentState, queryContent, ref, toRaw, useRoute, useRouter } from '#imports'`
	`10`	`+import { useAppConfig, useNuxtApp, useRuntimeConfig, useState, useContentState, queryContent, ref, toRaw, useRoute, useRouter } from '#imports'`
`11`	`11`
`12`	`12`	`const useDefaultAppConfig = createSingleton(() => JSON.parse(JSON.stringify((useAppConfig()))))`
`13`	`13`
`@@ -177,9 +177,8 @@ export const useStudio = () => {`
`177`	`177`	`}`
`178`	`178`	`}`
`179`	`179`	`}`
`180`		`- nextTick(() => {`
`181`		`- callWithNuxt(nuxtApp, refreshNuxtData)`
`182`		`- })`
	`180`	+ // Directly call `app:data:refresh` hook to refresh all data (!Calling `refreshNuxtData` causing some delay in data refresh!)
	`181`	`+ await nuxtApp.hooks.callHookParallel('app:data:refresh')`
`183`	`182`	`}`
`184`	`183`
`185`	`184`	`return {`
`@@ -236,7 +235,7 @@ export const useStudio = () => {`
`236`	`235`	`})`
`237`	`236`
`238`	`237`	`window.addEventListener('message', async (e) => {`
`239`		`- if (!['https://nuxt.studio', 'https://dev.nuxt.studio'].includes(e.origin)) {`
	`238`	`+ if (!['https://nuxt.studio', 'https://dev.nuxt.studio', 'http://localhost:3000'].includes(e.origin)) {`
`240`	`239`	`return`
`241`	`240`	`}`
`242`	`241`