@globalbrain/sefirot 4.46.0 → 4.48.0

package/lib/composables/Url.ts

@@ -4,6 +4,7 @@ import { type LocationQuery, useRoute, useRouter } from 'vue-router'
 
 export interface UseUrlQuerySyncOptions {
   casts?: Record<string, (value: any) => any>
+  serializers?: Record<string, (value: any) => string>
   exclude?: string[]
 }
 
@@ -16,7 +17,7 @@ export interface UseUrlQuerySyncOptions {
  */
 export function useUrlQuerySync(
   state: MaybeRef<Record<string, any>>,
-  { casts = {}, exclude = [] }: UseUrlQuerySyncOptions = {}
+  { casts = {}, serializers = {}, exclude = [] }: UseUrlQuerySyncOptions = {}
 ): void {
   const route = useRoute()
   const router = useRouter()
@@ -78,11 +79,27 @@ export function useUrlQuerySync(
 
     const currentQuery = normalizeQuery(route.query)
 
+    // Both sides of this comparison hold deserialized values: `newQuery`
+    // carries raw state values and `normalizeQuery` runs `casts` on the
+    // URL params. Serialization must therefore only happen on the final
+    // write below — serializing before the comparison would make a
+    // round-tripped value always look different from the state and cause
+    // an endless replace loop.
     if (!isEqual(newQuery, currentQuery)) {
-      await router.replace({ query: unflattenObject(newQuery) })
+      await router.replace({ query: unflattenObject(serializeQuery(newQuery)) })
     }
   }
 
+  function serializeQuery(query: Record<string, any>): Record<string, any> {
+    const result: Record<string, any> = {}
+
+    for (const key in query) {
+      result[key] = serializers[key] ? serializers[key](query[key]) : query[key]
+    }
+
+    return result
+  }
+
   function normalizeQuery(query: LocationQuery): Record<string, any> {
     const flattenedQuery = flattenObject(query)
     const result: Record<string, any> = {}

package/lib/styles/variables.css

@@ -376,6 +376,7 @@
   --z-index-tooltip: 10;
   --z-index-dropdown: 1000;
   --z-index-backdrop: 2000;
+  --z-index-sheet: 2000;
 }
 
 /**

package/lib/validation/rules/index.ts

@@ -24,6 +24,7 @@ export { requiredIf } from './requiredIf'
 export { requiredYmd } from './requiredYmd'
 export { requiredYmdIf } from './requiredYmdIf'
 export { rule } from './rule'
+export { slackChannelLink } from './slackChannelLink'
 export { slackChannelName } from './slackChannelName'
 export { url } from './url'
 export { ymd } from './ymd'

package/lib/validation/rules/slackChannelLink.ts

@@ -0,0 +1,15 @@
+import { createRule } from '../Rule'
+import { slackChannelLink as baseSlackChannelLink } from '../validators'
+
+export const message = {
+  en: 'The slack channel link is invalid.',
+  ja: 'Slackチャンネルリンクの形式が正しくありません。'
+}
+
+export function slackChannelLink(msg?: string) {
+  return createRule({
+    message: ({ lang }) => msg ?? message[lang],
+    optional: true,
+    validation: baseSlackChannelLink
+  })
+}

package/lib/validation/validators/index.ts

@@ -21,6 +21,7 @@ export * from './required'
 export * from './requiredHmsIf'
 export * from './requiredIf'
 export * from './requiredYmdIf'
+export * from './slackChannelLink'
 export * from './slackChannelName'
 export * from './url'
 export * from './ymd'

package/lib/validation/validators/slackChannelLink.ts

@@ -0,0 +1,52 @@
+const channelIdRE = /^[CG][A-Z0-9]{6,}$/
+
+/**
+ * Checks that the value identifies a Slack channel. Accepts a channel link as
+ * copied from Slack (`https://<workspace>.slack.com/archives/<id>`, with or
+ * without a trailing message path), a browser URL
+ * (`https://app.slack.com/client/<team-id>/<id>`), or a raw channel ID.
+ * Mirrors the backend `slack_channel_link` rule definition.
+ */
+export function slackChannelLink(value: unknown): boolean {
+  return typeof value === 'string' && extractChannelId(value) !== null
+}
+
+function extractChannelId(value: string): string | null {
+  const trimmed = value.trim()
+
+  if (channelIdRE.test(trimmed)) {
+    return trimmed
+  }
+
+  return extractChannelIdFromUrl(trimmed)
+}
+
+function extractChannelIdFromUrl(value: string): string | null {
+  let url: URL
+
+  try {
+    url = new URL(value)
+  } catch {
+    return null
+  }
+
+  if (url.protocol !== 'https:') {
+    return null
+  }
+
+  if (url.hostname !== 'slack.com' && !url.hostname.endsWith('.slack.com')) {
+    return null
+  }
+
+  const segments = url.pathname.split('/').filter((segment) => segment !== '')
+
+  let candidate: string | undefined
+
+  if (segments[0] === 'archives') {
+    candidate = segments[1]
+  } else if (url.hostname === 'app.slack.com' && segments[0] === 'client') {
+    candidate = segments[2]
+  }
+
+  return candidate !== undefined && channelIdRE.test(candidate) ? candidate : null
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.46.0",
+  "version": "4.48.0",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
     "components",
@@ -53,14 +53,14 @@
     "test:coverage": "vitest run --coverage",
     "check": "pnpm run --aggregate-output '/^(type|lint|test:fail)$/'",
     "check:fail": "pnpm run --aggregate-output '/^(type|lint:fail|test:fail)$/'",
-    "release": "pnpm whoami >/dev/null 2>&1 || pnpm login && release-it"
+    "release": "npm whoami >/dev/null 2>&1 || npm login && release-it"
   },
   "dependencies": {
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/ri": "^1.2.10",
     "@popperjs/core": "^2.11.8",
-    "@sentry/browser": "^10.55.0",
-    "@sentry/vue": "^10.55.0",
+    "@sentry/browser": "^10.58.0",
+    "@sentry/vue": "^10.58.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.4",
     "@tinyhttp/cookie": "^2.1.1",
@@ -71,15 +71,15 @@
     "@types/markdown-it": "^14.1.2",
     "@types/qs": "^6.15.1",
     "@vitejs/plugin-vue": "^6.0.7",
-    "@vue/reactivity": "^3.5.35",
+    "@vue/reactivity": "^3.5.38",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^14.3.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "d3": "^7.9.0",
     "dayjs": "^1.11.21",
-    "dompurify": "^3.4.7",
-    "fuse.js": "^7.3.0",
+    "dompurify": "^3.4.11",
+    "fuse.js": "^7.4.2",
     "html2canvas": "^1.4.1",
     "jsdom": "^29.1.1",
     "lodash-es": "^4.18.1",
@@ -94,8 +94,8 @@
     "qs": "^6.15.2",
     "unplugin-icons": "^23.0.1",
     "v-calendar": "3.0.1",
-    "vite": "^7.3.3",
-    "vue": "^3.5.35",
+    "vite": "^7.3.5",
+    "vue": "^3.5.38",
     "vue-draggable-plus": "^0.6.1",
     "vue-router": "^5.1.0"
   },
@@ -104,18 +104,18 @@
     "@histoire/plugin-vue": "1.0.0-beta.1",
     "@release-it/conventional-changelog": "^11.0.1",
     "@types/jsdom": "^28.0.3",
-    "@types/node": "^25.9.1",
-    "@typescript-eslint/rule-tester": "^8.60.0",
-    "@vitest/coverage-v8": "^4.1.7",
-    "@vue/test-utils": "^2.4.10",
+    "@types/node": "^26.0.0",
+    "@typescript-eslint/rule-tester": "^8.61.1",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vue/test-utils": "^2.4.11",
     "eslint": "^9.39.4",
-    "happy-dom": "^20.9.0",
+    "happy-dom": "^20.10.5",
     "histoire": "1.0.0-beta.1",
     "release-it": "^20.2.0",
     "typescript": "~6.0.3",
     "vitepress": "^2.0.0-alpha.17",
-    "vitest": "^4.1.7",
-    "vue-tsc": "^3.3.3"
+    "vitest": "^4.1.9",
+    "vue-tsc": "^3.3.5"
   },
-  "packageManager": "pnpm@11.5.0"
+  "packageManager": "pnpm@11.7.0"
 }