@globalbrain/sefirot 3.50.0 → 3.51.1

package/lib/composables/Url.ts

@@ -1,5 +1,5 @@
 import isEqual from 'lodash-es/isEqual'
-import { type MaybeRef, nextTick, unref, watch } from 'vue'
+import { type MaybeRef, computed, nextTick, unref, watch } from 'vue'
 import { type LocationQuery, useRoute, useRouter } from 'vue-router'
 
 export interface UseUrlQuerySyncOptions {
@@ -21,13 +21,22 @@ export function useUrlQuerySync(
   const route = useRoute()
   const router = useRouter()
 
+  const routeQuery = computed(() => ({
+    path: route.path,
+    query: route.query
+  }))
+
   const flattenedDefaultState = flattenObject(unref(state))
 
   let isSyncing = false
 
   watch(
-    () => route.query,
-    async () => {
+    routeQuery,
+    async (to, from) => {
+      if (from && from.path !== to.path) {
+        return
+      }
+
       if (!isSyncing) {
         isSyncing = true
         await setState()

package/lib/http/Http.ts

@@ -5,6 +5,8 @@ import { type FetchOptions, type FetchRequest, type FetchResponse, ofetch } from
 import { stringify } from 'qs'
 import { type Lang } from '../composables/Lang'
 
+type Awaitable<T> = T | PromiseLike<T>
+
 export interface HttpClient {
   <T = any>(request: FetchRequest, options?: Omit<FetchOptions, 'method'>): Promise<T>
   raw<T = any>(request: FetchRequest, options?: Omit<FetchOptions, 'method'>): Promise<FetchResponse<T>>
@@ -16,6 +18,7 @@ export interface HttpOptions {
   client?: HttpClient
   lang?: Lang
   payloadKey?: string
+  headers?: () => Awaitable<Record<string, string>>
 }
 
 export class Http {
@@ -24,6 +27,7 @@ export class Http {
   private static client: HttpClient = ofetch
   private static lang: Lang | undefined = undefined
   private static payloadKey = '__payload__'
+  private static headers: () => Awaitable<Record<string, string>> = async () => ({})
 
   static config(options: HttpOptions) {
     if (options.baseUrl) {
@@ -41,6 +45,9 @@ export class Http {
     if (options.payloadKey) {
       Http.payloadKey = options.payloadKey
     }
+    if (options.headers) {
+      Http.headers = options.headers
+    }
   }
 
   private async ensureXsrfToken(): Promise<string | undefined> {
@@ -81,6 +88,7 @@ export class Http {
         ...options,
         headers: {
           Accept: 'application/json',
+          ...(await Http.headers()),
           ...(xsrfToken && { 'X-Xsrf-Token': xsrfToken }),
           ...(Http.lang && { 'Accept-Language': Http.lang }),
           ...options.headers

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.50.0",
+  "version": "3.51.1",
   "packageManager": "pnpm@9.1.1",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",