@globalbrain/sefirot 3.19.1 → 3.21.0

package/lib/composables/D.ts

@@ -6,12 +6,12 @@ export interface D<T extends Record<string, any>> {
 }
 
 export function useD<T extends Record<string, any>>(data: T): D<T> {
-  const initialData = JSON.parse(JSON.stringify(data))
+  const initialData = JSON.stringify(data)
 
   const refData = ref(data) as Ref<T>
 
   function init(): void {
-    refData.value = initialData
+    refData.value = JSON.parse(initialData)
   }
 
   return {

package/lib/composables/Lang.ts

@@ -32,3 +32,9 @@ export function useTrans<T>(messages: TransMessages<T>): Trans<T> {
     t
   }
 }
+
+export function useBrowserLang(): Lang {
+  const lang = navigator.language
+
+  return lang.split('-')[0] === 'ja' ? 'ja' : 'en'
+}

package/lib/composables/Url.ts

@@ -1,6 +1,6 @@
 import isEqual from 'lodash-es/isEqual'
 import isPlainObject from 'lodash-es/isPlainObject'
-import { watch } from 'vue'
+import { type MaybeRef, unref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
 export interface UseUrlQuerySyncOptions {
@@ -9,20 +9,25 @@ export interface UseUrlQuerySyncOptions {
 }
 
 export function useUrlQuerySync(
-  state: Record<string, any>,
+  state: MaybeRef<Record<string, any>>,
   { casts = {}, exclude }: UseUrlQuerySyncOptions = {}
 ): void {
   const router = useRouter()
   const route = useRoute()
 
-  const flattenInitialState = flattenObject(JSON.parse(JSON.stringify(state)))
+  const flattenInitialState = flattenObject(
+    JSON.parse(JSON.stringify(unref(state)))
+  )
 
   setStateFromQuery()
 
-  watch(() => state, setQueryFromState, { deep: true, immediate: true })
+  watch(() => unref(state), setQueryFromState, {
+    deep: true,
+    immediate: true
+  })
 
   function setStateFromQuery() {
-    const flattenState = flattenObject(state)
+    const flattenState = flattenObject(unref(state))
     const flattenQuery = flattenObject(route.query)
 
     Object.keys(flattenQuery).forEach((key) => {
@@ -39,11 +44,11 @@ export function useUrlQuerySync(
       flattenState[key] = cast ? cast(value) : value
     })
 
-    deepAssign(state, unflattenObject(flattenState))
+    deepAssign(unref(state), unflattenObject(flattenState))
   }
 
   async function setQueryFromState() {
-    const flattenState = flattenObject(state)
+    const flattenState = flattenObject(unref(state))
     const flattenQuery = flattenObject(route.query)
 
     Object.keys(flattenState).forEach((key) => {
@@ -110,7 +115,11 @@ function deepAssign(target: Record<string, any>, source: Record<string, any>) {
   }
 }
 
-function deepAssignBase(dest: Record<string, any>, src: Record<string, any>, key: string | number) {
+function deepAssignBase(
+  dest: Record<string, any>,
+  src: Record<string, any>,
+  key: string | number
+) {
   if (typeof src[key] === 'object' && src[key] !== null) {
     deepAssign(dest[key], src[key])
   } else {

package/lib/http/Http.ts

@@ -5,6 +5,7 @@ import { $fetch, type FetchOptions } from 'ofetch'
 import { stringify } from 'qs'
 
 export class Http {
+  static base: string | undefined = undefined
   static xsrfUrl = '/api/csrf-cookie'
 
   private async ensureXsrfToken(): Promise<string | undefined> {
@@ -35,6 +36,7 @@ export class Http {
     return [
       `${url}${queryString ? `?${queryString}` : ''}`,
       {
+        baseURL: Http.base,
         method,
         credentials: 'include',
         ...options,
@@ -55,33 +57,6 @@ export class Http {
     return $fetch.raw<T, any>(...(await this.buildRequest(url, options)))
   }
 
-  private objectToFormData(obj: any, form?: FormData, namespace?: string) {
-    const fd = form || new FormData()
-    let formKey: string
-
-    for (const property in obj) {
-      if (Reflect.has(obj, property)) {
-        if (namespace) {
-          formKey = `${namespace}[${property}]`
-        } else {
-          formKey = property
-        }
-
-        if (obj[property] === undefined) {
-          continue
-        }
-
-        if (typeof obj[property] === 'object' && !(obj[property] instanceof Blob)) {
-          this.objectToFormData(obj[property], fd, property)
-        } else {
-          fd.append(formKey, obj[property])
-        }
-      }
-    }
-
-    return fd
-  }
-
   async get<T = any>(url: string, options?: FetchOptions): Promise<T> {
     return this.performRequest<T>(url, { method: 'GET', ...options })
   }
@@ -132,6 +107,33 @@ export class Http {
 
     FileSaver.saveAs(blob, filename as string)
   }
+
+  private objectToFormData(obj: any, form?: FormData, namespace?: string) {
+    const fd = form || new FormData()
+    let formKey: string
+
+    for (const property in obj) {
+      if (Reflect.has(obj, property)) {
+        if (namespace) {
+          formKey = `${namespace}[${property}]`
+        } else {
+          formKey = property
+        }
+
+        if (obj[property] === undefined) {
+          continue
+        }
+
+        if (typeof obj[property] === 'object' && !(obj[property] instanceof Blob)) {
+          this.objectToFormData(obj[property], fd, property)
+        } else {
+          fd.append(formKey, obj[property])
+        }
+      }
+    }
+
+    return fd
+  }
 }
 
 export type { FetchOptions }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.19.1",
-  "packageManager": "pnpm@8.12.1",
+  "version": "3.21.0",
+  "packageManager": "pnpm@8.14.0",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "license": "MIT",
@@ -46,17 +46,17 @@
     "@types/markdown-it": "^13.0.7",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^10.7.0",
+    "@vueuse/core": "^10.7.1",
     "body-scroll-lock": "4.0.0-beta.0",
     "fuse.js": "^7.0.0",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.1.7",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.33",
     "postcss-nested": "^6.0.1",
     "v-calendar": "^3.1.2",
-    "vue": "^3.3.13",
+    "vue": "^3.4.5",
     "vue-router": "^4.2.5"
   },
   "dependencies": {
@@ -80,13 +80,13 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^13.0.7",
-    "@types/node": "^20.10.5",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vitest/coverage-v8": "^1.1.0",
+    "@types/node": "^20.10.6",
+    "@vitejs/plugin-vue": "^5.0.2",
+    "@vitest/coverage-v8": "^1.1.2",
     "@vue/test-utils": "^2.4.3",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^10.7.0",
+    "@vueuse/core": "^10.7.1",
     "body-scroll-lock": "4.0.0-beta.0",
     "eslint": "^8.56.0",
     "fuse.js": "^7.0.0",
@@ -96,17 +96,17 @@
     "markdown-it": "^14.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.1.7",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.33",
     "postcss-nested": "^6.0.1",
     "punycode": "^2.3.1",
     "release-it": "^17.0.1",
     "typescript": "~5.3.3",
     "v-calendar": "^3.1.2",
     "vite": "^5.0.10",
-    "vitepress": "1.0.0-rc.32",
-    "vitest": "^1.1.0",
-    "vue": "^3.3.13",
+    "vitepress": "1.0.0-rc.35",
+    "vitest": "^1.1.2",
+    "vue": "^3.4.5",
     "vue-router": "^4.2.5",
-    "vue-tsc": "^1.8.26"
+    "vue-tsc": "^1.8.27"
   }
 }