@globalbrain/sefirot 4.12.0 → 4.13.0

package/lib/components/STooltip.vue

@@ -87,7 +87,7 @@ const cleanups = [
       setTimeout(() => { ignore.value = false })
     }
   }),
-  onClickOutside(root, hide, { ignore: [content] }),
+  onClickOutside(root, hide, { ignore: [content], controls: false }),
   () => timeoutId.value != null && window.clearTimeout(timeoutId.value)
 ]
 

package/lib/composables/Lang.ts

@@ -1,4 +1,4 @@
-import { inject, provide } from 'vue'
+import { type InjectionKey, getCurrentInstance, inject } from 'vue'
 
 export type Lang = 'en' | 'ja'
 
@@ -15,7 +15,7 @@ export interface HasLang {
   lang: Lang
 }
 
-export const SefirotLangKey = 'sefirot-lang-key'
+export const SefirotLangKey: InjectionKey<Lang> = Symbol.for('sefirot-lang-key')
 
 export function useSetupLang(): (user?: HasLang | null) => void {
   const browserLang = useBrowserLang()
@@ -26,7 +26,7 @@ export function useSetupLang(): (user?: HasLang | null) => void {
 }
 
 export function provideLang(lang: Lang) {
-  provide(SefirotLangKey, lang)
+  getCurrentInstance()?.appContext.app.provide(SefirotLangKey, lang)
 }
 
 export function useLang(): Lang {

package/lib/http/Http.ts

@@ -2,7 +2,7 @@ import { parse as parseContentDisposition } from '@tinyhttp/content-disposition'
 import { parse as parseCookie } from '@tinyhttp/cookie'
 import FileSaver from 'file-saver'
 import { FetchError, type FetchOptions, type FetchRequest, type FetchResponse, ofetch } from 'ofetch'
-import { stringify } from 'qs'
+import { type IStringifyOptions, stringify } from 'qs'
 import { type Lang } from '../composables/Lang'
 import { isBlob, isError, isFormData, isRequest, isResponse, isString } from '../support/Utils'
 
@@ -20,6 +20,7 @@ export interface HttpOptions {
   lang?: Lang
   payloadKey?: string
   headers?: () => Awaitable<Record<string, string>>
+  stringifyOptions?: IStringifyOptions
 }
 
 export class Http {
@@ -29,6 +30,7 @@ export class Http {
   private static lang: Lang | undefined = undefined
   private static payloadKey = '__payload__'
   private static headers: () => Awaitable<Record<string, string>> = async () => ({})
+  private static stringifyOptions: IStringifyOptions = {}
 
   static config(options: HttpOptions): void {
     if (options.baseUrl) {
@@ -49,6 +51,9 @@ export class Http {
     if (options.headers) {
       Http.headers = options.headers
     }
+    if (options.stringifyOptions) {
+      Http.stringifyOptions = options.stringifyOptions
+    }
   }
 
   private async ensureXsrfToken(): Promise<string | undefined> {
@@ -69,7 +74,8 @@ export class Http {
   private async buildRequest(url: string, _options: FetchOptions = {}): Promise<[string, FetchOptions]> {
     const { method, params, query, ...options } = _options
     const xsrfToken = ['POST', 'PUT', 'PATCH', 'DELETE'].includes(method || '') && (await this.ensureXsrfToken())
-    const queryString = stringify({ ...params, ...query }, { encodeValuesOnly: true })
+
+    const queryString = stringify({ ...params, ...query }, { encodeValuesOnly: true, ...Http.stringifyOptions })
 
     return [
       `${url}${queryString ? `?${queryString}` : ''}`,
@@ -195,16 +201,10 @@ export class Http {
 export function isFetchError(e: unknown): e is FetchError {
   return (
     e instanceof FetchError
-    || (isError(e)
-      && (isString((e as FetchError).request) || isRequest((e as FetchError).request))
-      && ((e as FetchError).response === undefined || isResponse((e as FetchError).response))
-      && e.message.startsWith(
-        `[${
-          ((e as FetchError).request as Request | undefined)?.method || (e as FetchError).options?.method || 'GET'
-        }] ${JSON.stringify(
-          ((e as FetchError).request as Request | undefined)?.url || String((e as FetchError).request) || '/'
-        )}: `
-      ))
+    || (isError<FetchError>(e)
+      && (e.response === undefined || isResponse(e.response))
+      && ((isString(e.request) && e.message.startsWith(`[${e.options?.method || 'GET'}] ${JSON.stringify(e.request || '/')}: `))
+        || (isRequest(e.request) && e.message.startsWith(`[${e.request.method}] ${JSON.stringify(e.request.url)}: `))))
   )
 }
 

package/lib/support/Utils.ts

@@ -16,7 +16,7 @@ export function isDate(value: unknown): value is Date {
   return _isDate(value)
 }
 
-export function isError(value: unknown): value is Error {
+export function isError<T extends Error = Error>(value: unknown): value is T {
   return _isError(value)
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
   "type": "module",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "packageManager": "pnpm@9.15.3",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
@@ -51,32 +51,32 @@
     "@vue/reactivity": "^3.5.13",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^12.4.0",
+    "@vueuse/core": "^12.7.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "dayjs": "^1.11.13",
-    "fuse.js": "^7.0.0",
+    "fuse.js": "^7.1.0",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.1.0",
     "normalize.css": "^8.0.1",
-    "pinia": "^2.3.0",
-    "postcss": "^8.4.49",
+    "pinia": "^3.0.1",
+    "postcss": "^8.5.3",
     "postcss-nested": "^7.0.2",
     "v-calendar": "3.0.1",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
   "dependencies": {
-    "@sentry/browser": "^8.48.0",
+    "@sentry/browser": "^9.2.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.2",
     "@tinyhttp/cookie": "^2.1.1",
     "@types/file-saver": "^2.0.7",
-    "@types/qs": "^6.9.17",
+    "@types/qs": "^6.9.18",
     "file-saver": "^2.0.5",
     "magic-string": "^0.30.17",
     "ofetch": "^1.4.1",
-    "qs": "^6.13.1",
-    "unplugin-icons": "^22.0.0"
+    "qs": "^6.14.0",
+    "unplugin-icons": "^22.1.0"
   },
   "devDependencies": {
     "@globalbrain/eslint-config": "^1.7.1",
@@ -87,35 +87,35 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.10.5",
+    "@types/node": "^22.13.5",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vitest/coverage-v8": ">=3.0.0-beta.0",
+    "@vitest/coverage-v8": "^3.0.7",
     "@vue/reactivity": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^12.4.0",
+    "@vueuse/core": "^12.7.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "dayjs": "^1.11.13",
     "eslint": "8.57.0",
-    "fuse.js": "^7.0.0",
-    "happy-dom": "^14.12.3",
+    "fuse.js": "^7.1.0",
+    "happy-dom": "^17.1.8",
     "histoire": "0.16.5",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.1.0",
     "normalize.css": "^8.0.1",
-    "pinia": "^2.3.0",
-    "postcss": "^8.4.49",
+    "pinia": "^3.0.1",
+    "postcss": "^8.5.3",
     "postcss-nested": "^7.0.2",
     "punycode": "^2.3.1",
-    "release-it": "^18.1.1",
-    "typescript": "~5.6.3",
+    "release-it": "^18.1.2",
+    "typescript": "~5.7.3",
     "v-calendar": "3.0.1",
-    "vite": "^6.0.7",
-    "vitepress": "^1.5.0",
-    "vitest": ">=3.0.0-beta.0",
+    "vite": "^6.2.0",
+    "vitepress": ">=2.0.0-alpha.3",
+    "vitest": "^3.0.7",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.4"
   }
 }