@globalbrain/sefirot 3.46.0 → 3.47.1

package/lib/components/SLocalNav.vue

@@ -1,12 +1,21 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import SLocalNavAvatar from './SLocalNavAvatar.vue'
+import SLocalNavDescription from './SLocalNavDescription.vue'
 import SLocalNavMenu, { type MenuItem } from './SLocalNavMenu.vue'
 import SLocalNavTitle, { type Title } from './SLocalNavTitle.vue'
 
 export type { Title, MenuItem }
 
+export interface Avatar {
+  image?: string | null
+  name?: string | null
+}
+
 const props = defineProps<{
+  avatar?: Avatar
   title: Title[]
+  description?: string
   menu?: MenuItem[][]
 }>()
 
@@ -20,7 +29,18 @@ const normalizedMenu = computed(() => {
 
 <template>
   <div class="SLocalNav" :class="{ 'has-menu': normalizedMenu }">
-    <SLocalNavTitle :title="title" />
+    <div class="title-bar">
+      <div v-if="avatar" class="title-bar-avatar">
+        <SLocalNavAvatar
+          :image="avatar.image"
+          :name="avatar.name"
+        />
+      </div>
+      <div class="title-bar-body">
+        <SLocalNavTitle :title="title" />
+        <SLocalNavDescription v-if="description" :text="description" />
+      </div>
+    </div>
     <SLocalNavMenu v-if="normalizedMenu" :menu="normalizedMenu" />
   </div>
 </template>
@@ -29,7 +49,7 @@ const normalizedMenu = computed(() => {
 .SLocalNav {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 12px;
   padding: 16px 24px;
   background-color: var(--c-bg-elv-2);
 
@@ -45,4 +65,10 @@ const normalizedMenu = computed(() => {
     padding-bottom: 0;
   }
 }
+
+.title-bar {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
 </style>

package/lib/components/SLocalNavAvatar.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import SAvatar from './SAvatar.vue'
+
+defineProps<{
+  image?: string | null
+  name?: string | null
+}>()
+</script>
+
+<template>
+  <div class="SLocalNavAvatar">
+    <SAvatar
+      size="fill"
+      :avatar="image"
+      :name="name"
+    />
+  </div>
+</template>
+
+<style scoped lang="postcss">
+.SLocalNavAvatar {
+  width: 64px;
+  height: 64px;
+}
+</style>

package/lib/components/SLocalNavDescription.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+defineProps<{
+  text: string
+}>()
+</script>
+
+<template>
+  <div class="SLocalNavDescription">
+    {{ text }}
+  </div>
+</template>
+
+<style scoped lang="postcss">
+.SLocalNavDescription {
+  line-height: 24px;
+  font-size: 14px;
+  color: var(--c-text-2);
+}
+</style>

package/lib/composables/Error.ts

@@ -206,6 +206,8 @@ export function useErrorHandler({
       }
 
       resetTracking()
+    } else {
+      console.error(e)
     }
   }
 }

package/lib/composables/Markdown.ts

@@ -1,11 +1,11 @@
-import MarkdownIt from 'markdown-it'
+import MarkdownIt, { type Options as MarkdownItOptions } from 'markdown-it'
 import { type Ref, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { type LinkAttrs, isCallbackUrl, isExternalUrl, linkPlugin } from './markdown/LinkPlugin'
 
 export type UseMarkdown = (source: string, inline: boolean) => string
 
-export interface UseMarkdownOptions extends MarkdownIt.Options {
+export interface UseMarkdownOptions extends MarkdownItOptions {
   linkAttrs?: LinkAttrs
   config?: (md: MarkdownIt) => void
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.46.0",
-  "packageManager": "pnpm@9.1.0",
+  "version": "3.47.1",
+  "packageManager": "pnpm@9.1.1",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
   "license": "MIT",
@@ -46,8 +46,8 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.1",
-    "@vue/reactivity": "^3.4.26",
-    "@vue/runtime-core": "^3.4.26",
+    "@vue/reactivity": "^3.4.27",
+    "@vue/runtime-core": "^3.4.27",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.9.0",
@@ -60,11 +60,11 @@
     "postcss": "^8.4.38",
     "postcss-nested": "^6.0.1",
     "v-calendar": "^3.1.2",
-    "vue": "^3.4.26",
+    "vue": "^3.4.27",
     "vue-router": "^4.3.2"
   },
   "dependencies": {
-    "@sentry/browser": "^8.0.0-beta.3",
+    "@sentry/browser": "^8.0.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.0",
     "@tinyhttp/cookie": "^2.1.0",
@@ -85,19 +85,19 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.1",
-    "@types/node": "^20.12.10",
+    "@types/node": "^20.12.11",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitest/coverage-v8": "^1.6.0",
-    "@vue/reactivity": "^3.4.26",
-    "@vue/runtime-core": "^3.4.26",
-    "@vue/test-utils": "^2.4.5",
+    "@vue/reactivity": "^3.4.27",
+    "@vue/runtime-core": "^3.4.27",
+    "@vue/test-utils": "^2.4.6",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.9.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "eslint": "^8.57.0",
     "fuse.js": "^7.0.0",
-    "happy-dom": "^14.7.1",
+    "happy-dom": "^14.10.2",
     "histoire": "0.16.5",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.1.0",
@@ -112,7 +112,7 @@
     "vite": "^5.2.11",
     "vitepress": "^1.1.4",
     "vitest": "^1.6.0",
-    "vue": "^3.4.26",
+    "vue": "^3.4.27",
     "vue-router": "^4.3.2",
     "vue-tsc": "^1.8.27"
   }