@globalbrain/sefirot 3.9.0 → 3.10.1

package/lib/composables/Power.ts

@@ -0,0 +1,58 @@
+import { type Ref, ref } from 'vue'
+
+export interface Power {
+  state: Ref<boolean>
+  on(fn?: () => void): boolean
+  onAfter(fn: () => Promise<any>): Promise<boolean>
+  off(fn?: () => void): boolean
+  offAfter(fn: () => Promise<any>): Promise<boolean>
+  toggle(fn?: () => void): boolean
+  toggleAfter(fn: () => Promise<any>): Promise<boolean>
+}
+
+export function usePower(initialValue = false): Power {
+  const state = ref(initialValue)
+
+  function on(fn: () => void = () => {}): boolean {
+    typeof fn === 'function' && fn()
+    state.value = true
+    return state.value
+  }
+
+  async function onAfter(fn: () => Promise<any>): Promise<boolean> {
+    await fn()
+    return on()
+  }
+
+  function off(fn: () => void = () => {}): boolean {
+    typeof fn === 'function' && fn()
+    state.value = false
+    return state.value
+  }
+
+  async function offAfter(fn: () => Promise<any>): Promise<boolean> {
+    await fn()
+    return off()
+  }
+
+  function toggle(fn: () => void = () => {}): boolean {
+    typeof fn === 'function' && fn()
+    state.value = !state.value
+    return state.value
+  }
+
+  async function toggleAfter(fn: () => Promise<any>): Promise<boolean> {
+    await fn()
+    return toggle()
+  }
+
+  return {
+    state,
+    on,
+    onAfter,
+    off,
+    offAfter,
+    toggle,
+    toggleAfter
+  }
+}

package/lib/composables/Url.ts

@@ -1,3 +1,4 @@
+import isEqual from 'lodash-es/isEqual'
 import isPlainObject from 'lodash-es/isPlainObject'
 import { watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -38,7 +39,7 @@ export function useUrlQuerySync(
       flattenState[key] = cast ? cast(value) : value
     })
 
-    Object.assign(state, unflattenObject(flattenState))
+    deepAssign(state, unflattenObject(flattenState))
   }
 
   async function setQueryFromState() {
@@ -53,7 +54,7 @@ export function useUrlQuerySync(
       const value = flattenState[key]
       const initialValue = flattenInitialState[key]
 
-      if (value === initialValue) {
+      if (isEqual(value, initialValue)) {
         delete flattenQuery[key]
       } else {
         flattenQuery[key] = value
@@ -94,3 +95,25 @@ function unflattenObject(obj: Record<string, any>) {
     return acc
   }, {} as Record<string, any>)
 }
+
+function deepAssign(target: Record<string, any>, source: Record<string, any>) {
+  const dest = target
+  const src = source
+
+  if (isPlainObject(src)) {
+    Object.keys(src).forEach((key) => deepAssignBase(dest, src, key))
+  } else if (Array.isArray(src)) {
+    dest.length = src.length
+    src.forEach((_, key) => deepAssignBase(dest, src, key))
+  } else {
+    throw new TypeError('[deepAssign] src must be an object or array')
+  }
+}
+
+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 {
+    dest[key] = src[key]
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.9.0",
-  "packageManager": "pnpm@8.11.0",
+  "version": "3.10.1",
+  "packageManager": "pnpm@8.12.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.32",
     "postcss-nested": "^6.0.1",
     "v-calendar": "^3.1.2",
-    "vue": "^3.3.10",
+    "vue": "^3.3.11",
     "vue-router": "^4.2.5"
   },
   "dependencies": {
@@ -82,7 +82,7 @@
     "@types/node": "^20.10.4",
     "@types/qs": "^6.9.10",
     "@vitejs/plugin-vue": "^4.5.2",
-    "@vitest/coverage-v8": "^1.0.2",
+    "@vitest/coverage-v8": "^1.0.4",
     "@vue/test-utils": "^2.4.3",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
@@ -99,13 +99,13 @@
     "postcss": "^8.4.32",
     "postcss-nested": "^6.0.1",
     "punycode": "^2.3.1",
-    "release-it": "^17.0.0",
+    "release-it": "^17.0.1",
     "typescript": "~5.3.3",
     "v-calendar": "^3.1.2",
-    "vite": "^5.0.6",
+    "vite": "^5.0.9",
     "vitepress": "1.0.0-rc.31",
-    "vitest": "^1.0.2",
-    "vue": "^3.3.10",
+    "vitest": "^1.0.4",
+    "vue": "^3.3.11",
     "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.25"
   }