@kennofizet/apphub-frontend 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kennofizet/apphub-frontend",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "App Hub Vue 3 UI — Windows-style desktop shell and modular apps (App Store default).",
   "main": "./src/index.js",
   "module": "./src/index.js",

package/src/composables/useAppHubHostApi.js

@@ -15,6 +15,12 @@ export function isBackendReadyForApp(app) {
   return !!(store?.credentials?.backendUrl && store?.credentials?.token)
 }
 
+export function isHostApiReadyForApp(app) {
+  const store = getAppHubStore(app)
+  if (!store?.credentials?.backendUrl || !store?.credentials?.token) return false
+  return store.facade?.hasImpl?.() === true
+}
+
 /**
  * Host-only API — use in Hub shell components. Not provided via inject
  * so publisher app code cannot access grantBridgeScope or internal docs.

package/src/index.js

@@ -136,6 +136,9 @@ function applyBootstrapOrigins(store, bootstrapResponse, { fromCache = false } =
   reconcileOriginSafety(store)
   store.options.originBootstrapLoading = false
   applyOriginSafety(store.options)
+  if (!store.options.originBlocked) {
+    enableModuleApi(store)
+  }
 }
 
 function applyCachedBootstrapIfAny(store) {
@@ -156,9 +159,12 @@ async function fetchBootstrapSession(store) {
     const res = await store.facade.bootstrap()
     if (res) applyBootstrapOrigins(store, res)
   })().catch(() => {
+    const wasLoading = store.options.originBootstrapLoading === true
     store.options.originBootstrapLoading = false
     if (!store.options.serverOriginsResolved) {
       reconcileOriginSafety(store)
+    } else if (!store.options.originBlocked && (wasLoading || !store.facade?.hasImpl?.())) {
+      enableModuleApi(store)
     }
   }).finally(() => {
     bootstrapInflight.delete(store)
@@ -202,8 +208,6 @@ function reconcileOriginSafety(store) {
 
   if (store.options.originBlocked && !wasBlocked) {
     disableModuleServices(store)
-  } else if (!store.options.originBlocked && (wasBlocked || wasLoading)) {
-    enableModuleApi(store)
   }
 }
 
@@ -243,6 +247,9 @@ function createApiFacade() {
     setImpl(next) {
       impl = next
     },
+    hasImpl() {
+      return impl != null
+    },
     bootstrap: (...args) => impl?.bootstrap?.(...args),
     apps: (...args) => impl?.apps?.(...args),
     launch: (...args) => impl?.launch?.(...args),
@@ -284,13 +291,14 @@ function applyModuleOptions(store, options = {}) {
     hostedSandboxSameOrigin: nextPublic.hostedSandboxSameOrigin,
     enforceDevFriendlyOrigins: nextPublic.enforceDevFriendlyOrigins,
   })
+  Object.assign(store.credentials, buildCredentials(options))
+  store._zonesSyncKey = null
   applyOriginSafety(store.options, options)
   if (store.credentials.backendUrl && store.credentials.token) {
     void startBootstrapSession(store)
   } else {
     reconcileOriginSafety(store)
   }
-  Object.assign(store.credentials, buildCredentials(options))
 }
 
 function syncApi(store) {
@@ -323,11 +331,29 @@ function ensureZoneContext(app, store) {
   app.provide(APPHUB_ZONE_CONTEXT_KEY, store.zoneContext)
 }
 
-function syncZoneContext(store) {
+function zoneSyncKey(store) {
+  const { coreUrl, token } = store.credentials
+  return `${coreUrl}::${token}`
+}
+
+function syncZoneContext(store, { force = false } = {}) {
   syncCoreApi(store)
-  if (store.zoneContext) {
-    store.zoneContext.refresh({ skipBootstrap: true })
+  if (!store.zoneContext || !store.coreApi) return
+
+  const key = zoneSyncKey(store)
+  if (!force && store._zonesSyncKey === key && store.zoneContext.state.zones.length > 0) {
+    return store._zonesRefreshInflight ?? undefined
+  }
+  if (store._zonesRefreshInflight) {
+    return store._zonesRefreshInflight
   }
+
+  store._zonesSyncKey = key
+  store._zonesRefreshInflight = store.zoneContext.refresh({ skipBootstrap: true })
+    .finally(() => {
+      store._zonesRefreshInflight = null
+    })
+  return store._zonesRefreshInflight
 }
 
 function ensureModuleState(app, store) {

package/src/modules/app-store/components/AppHubAppStoreApp.vue

@@ -100,7 +100,7 @@
 import { computed, getCurrentInstance, inject, onMounted, ref, watch } from 'vue'
 import {
   getHostApiForApp,
-  isBackendReadyForApp,
+  isHostApiReadyForApp,
   resolveRootApp,
 } from '../../../composables/useAppHubHostApi.js'
 import { useAppHubZoneContext } from '../../../composables/useAppHubZoneContext.js'
@@ -152,11 +152,19 @@ const labels = computed(() => ({
 
 function hostApiOptions() {
   return {
-    backendReady: isBackendReadyForApp(rootApp),
+    backendReady: isHostApiReadyForApp(rootApp),
     mode: CATALOG_MODE_STORE,
   }
 }
 
+function canLoadCatalog() {
+  return (
+    !moduleOptions?.originBootstrapLoading
+    && !moduleOptions?.originBlocked
+    && isHostApiReadyForApp(rootApp)
+  )
+}
+
 async function reloadCatalog() {
   if (!rootApp) return
   await appStore.loadCatalog(getHostApiForApp(rootApp), hostApiOptions())
@@ -197,14 +205,26 @@ onMounted(() => {
 watch(
   () => moduleOptions?.hasToken,
   (hasToken) => {
-    if (hasToken && !catalog.loaded) reloadCatalog()
+    if (hasToken && canLoadCatalog() && !catalog.loaded) reloadCatalog()
+  },
+)
+
+watch(
+  () => moduleOptions?.originBootstrapLoading,
+  (loading, prevLoading) => {
+    if (prevLoading && !loading && canLoadCatalog()) {
+      reloadCatalog()
+    }
   },
 )
 
 watch(
   () => [zone?.state?.selectedZoneId, zone?.state?.viewAllZones],
-  () => {
-    if (moduleOptions?.hasToken) reloadCatalog()
+  (current, previous) => {
+    if (!previous) return
+    if (current[0] === previous[0] && current[1] === previous[1]) return
+    if (!canLoadCatalog() || !catalog.loaded) return
+    reloadCatalog()
   },
 )
 </script>

package/src/modules/app-store/components/AppHubDraftStoreApp.vue

@@ -65,7 +65,7 @@
 import { computed, getCurrentInstance, inject, onMounted, reactive, ref, watch } from 'vue'
 import {
   getHostApiForApp,
-  isBackendReadyForApp,
+  isHostApiReadyForApp,
   resolveRootApp,
 } from '../../../composables/useAppHubHostApi.js'
 import { useAppHubZoneContext } from '../../../composables/useAppHubZoneContext.js'
@@ -119,11 +119,19 @@ const labels = computed(() => ({
 
 function hostApiOptions() {
   return {
-    backendReady: isBackendReadyForApp(rootApp),
+    backendReady: isHostApiReadyForApp(rootApp),
     mode: CATALOG_MODE_DRAFT,
   }
 }
 
+function canLoadCatalog() {
+  return (
+    !moduleOptions?.originBootstrapLoading
+    && !moduleOptions?.originBlocked
+    && isHostApiReadyForApp(rootApp)
+  )
+}
+
 async function reloadCatalog() {
   if (!rootApp) return
   await appStore.loadCatalog(getHostApiForApp(rootApp), hostApiOptions())
@@ -171,14 +179,26 @@ onMounted(() => {
 watch(
   () => moduleOptions?.hasToken,
   (hasToken) => {
-    if (hasToken && !catalog.loaded) reloadCatalog()
+    if (hasToken && canLoadCatalog() && !catalog.loaded) reloadCatalog()
+  },
+)
+
+watch(
+  () => moduleOptions?.originBootstrapLoading,
+  (loading, prevLoading) => {
+    if (prevLoading && !loading && canLoadCatalog()) {
+      reloadCatalog()
+    }
   },
 )
 
 watch(
   () => [zone?.state?.selectedZoneId, zone?.state?.viewAllZones],
-  () => {
-    if (moduleOptions?.hasToken) reloadCatalog()
+  (current, previous) => {
+    if (!previous) return
+    if (current[0] === previous[0] && current[1] === previous[1]) return
+    if (!canLoadCatalog() || !catalog.loaded) return
+    reloadCatalog()
   },
 )
 </script>

package/src/modules/app-store/composables/useAppStore.js

@@ -102,7 +102,7 @@ export function createAppStoreState(options = {}) {
     const append = options.append === true
     const backendReady = options.backendReady !== false
 
-    if (!backendReady || !hostApi?.apps) {
+    if (!backendReady || !hostApi?.hasImpl?.()) {
       if (!append) {
         bucket.items = []
         bucket.error = 'no_api'