@globalbrain/sefirot 3.22.0 → 3.23.0

package/lib/components/STableCellAvatar.vue

@@ -38,10 +38,12 @@ function resolve(
       :role="onClick ? 'button' : null"
       @click="() => onClick?.(value, record)"
     >
-      <div v-if="_image" class="avatar">
+      <div v-if="_image || _name" class="avatar">
         <SAvatar size="mini" :avatar="_image" :name="_name" />
       </div>
-      <span v-if="_name" class="name">{{ _name }}</span>
+      <span v-if="_name" class="name">
+        {{ _name }}
+      </span>
     </SLink>
   </div>
 </template>
@@ -62,7 +64,7 @@ function resolve(
 
 .name {
   display: inline-block;
-  margin-left: 12px;
+  margin-left: 8px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 400;

package/lib/composables/Api.ts

@@ -30,7 +30,7 @@ export function useQuery<Data = any>(
   const loading = ref(false)
   const data = ref<Data | undefined>()
 
-  if (options.immediate !== false) {
+  if (options.immediate !== false && !import.meta.env.SSR) {
     execute()
   }
 

package/lib/http/Http.ts

@@ -1,12 +1,36 @@
 import { parse as parseContentDisposition } from '@tinyhttp/content-disposition'
 import { parse as parseCookie } from '@tinyhttp/cookie'
 import FileSaver from 'file-saver'
-import { $fetch, type FetchOptions } from 'ofetch'
+import { type FetchOptions, type FetchRequest, type FetchResponse, ofetch } from 'ofetch'
 import { stringify } from 'qs'
 
+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>>
+}
+
+export interface HttpOptions {
+  baseUrl?: string
+  xsrfUrl?: string | false
+  client?: HttpClient
+}
+
 export class Http {
-  static base: string | undefined = undefined
-  static xsrfUrl: string | false = '/api/csrf-cookie'
+  private static baseUrl: string | undefined = undefined
+  private static xsrfUrl: string | false = '/api/csrf-cookie'
+  private static client: HttpClient = ofetch
+
+  static config(options: HttpOptions) {
+    if (options.baseUrl) {
+      Http.baseUrl = options.baseUrl
+    }
+    if (options.xsrfUrl !== undefined) {
+      Http.xsrfUrl = options.xsrfUrl
+    }
+    if (options.client) {
+      Http.client = options.client
+    }
+  }
 
   private async ensureXsrfToken(): Promise<string | undefined> {
     if (!Http.xsrfUrl) {
@@ -40,7 +64,7 @@ export class Http {
     return [
       `${url}${queryString ? `?${queryString}` : ''}`,
       {
-        baseURL: Http.base,
+        baseURL: Http.baseUrl,
         method,
         credentials: 'include',
         ...options,
@@ -54,11 +78,11 @@ export class Http {
   }
 
   private async performRequest<T>(url: string, options: FetchOptions = {}) {
-    return $fetch<T, any>(...(await this.buildRequest(url, options)))
+    return Http.client<T>(...(await this.buildRequest(url, options)))
   }
 
   private async performRequestRaw<T>(url: string, options: FetchOptions = {}) {
-    return $fetch.raw<T, any>(...(await this.buildRequest(url, options)))
+    return Http.client.raw<T>(...(await this.buildRequest(url, options)))
   }
 
   async get<T = any>(url: string, options?: FetchOptions): Promise<T> {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.22.0",
-  "packageManager": "pnpm@8.14.0",
+  "version": "3.23.0",
+  "packageManager": "pnpm@8.14.1",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "license": "MIT",
@@ -56,7 +56,7 @@
     "postcss": "^8.4.33",
     "postcss-nested": "^6.0.1",
     "v-calendar": "^3.1.2",
-    "vue": "^3.4.5",
+    "vue": "^3.4.10",
     "vue-router": "^4.2.5"
   },
   "dependencies": {
@@ -80,9 +80,9 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^13.0.7",
-    "@types/node": "^20.10.6",
-    "@vitejs/plugin-vue": "^5.0.2",
-    "@vitest/coverage-v8": "^1.1.2",
+    "@types/node": "^20.11.0",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vitest/coverage-v8": "^1.1.3",
     "@vue/test-utils": "^2.4.3",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
@@ -90,7 +90,7 @@
     "body-scroll-lock": "4.0.0-beta.0",
     "eslint": "^8.56.0",
     "fuse.js": "^7.0.0",
-    "happy-dom": "^12.10.3",
+    "happy-dom": "^13.0.2",
     "histoire": "^0.17.6",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.0.0",
@@ -102,10 +102,10 @@
     "release-it": "^17.0.1",
     "typescript": "~5.3.3",
     "v-calendar": "^3.1.2",
-    "vite": "^5.0.10",
-    "vitepress": "1.0.0-rc.35",
-    "vitest": "^1.1.2",
-    "vue": "^3.4.5",
+    "vite": "^5.0.11",
+    "vitepress": "1.0.0-rc.36",
+    "vitest": "^1.1.3",
+    "vue": "^3.4.10",
     "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.27"
   }