@globalbrain/sefirot 4.32.1 → 4.34.0

package/client.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="vite/client" />
 /// <reference types="unplugin-icons/types/vue3" />
+/// <reference path="shared.d.ts" />
 
 // this file contains public types which are exposed to external modules
 
 declare module 'v-calendar' {
-  export * from 'v-calendar/dist/types/src/index.d.ts'
-  export { default } from 'v-calendar/dist/types/src/index.d.ts'
-}
-
-interface NumberConstructor {
-  isFinite(value: unknown): value is number
-  isInteger(value: unknown): value is number
+  export type * from 'v-calendar/dist/types/src/index.d.ts'
+  export type { default } from 'v-calendar/dist/types/src/index.d.ts'
 }

package/config/nuxt.js

@@ -2,7 +2,7 @@
 
 import { fileURLToPath } from 'node:url'
 import icons from 'unplugin-icons/nuxt'
-import { mergeConfig } from 'vite'
+import * as vite from 'vite'
 import { baseConfig as baseViteConfig } from './vite.js'
 
 export const baseConfig = {
@@ -26,9 +26,27 @@ export const baseConfig = {
     plugins: baseViteConfig.plugins?.filter(
       (plugin) => plugin && 'name' in plugin && plugin.name !== 'unplugin-icons'
     )
+  },
+  nitro: {
+    rollupConfig: {
+      plugins: [{
+        name: 'custom:transpile-ts',
+        /**
+         * @param {string} code
+         * @param {string} id
+         */
+        transform(code, id) {
+          if (id.endsWith('.ts')) {
+            // @ts-ignore
+            if (vite.rolldownVersion) { return vite.transformWithOxc(code, id, { sourcemap: true }) }
+            return vite.transformWithEsbuild(code, id, { sourcemap: true, loader: 'ts' })
+          }
+        }
+      }]
+    }
   }
 }
 
 export function defineConfig(config = {}) {
-  return mergeConfig(baseConfig, config)
+  return vite.mergeConfig(baseConfig, config)
 }

package/config/vite.js

@@ -70,12 +70,13 @@ export const baseConfig = {
 
   optimizeDeps: {
     include: [
+      '@globalbrain/sefirot/dompurify',
       'dayjs',
       'dayjs/plugin/relativeTime',
       'dayjs/plugin/timezone',
       'dayjs/plugin/utc',
+      'dompurify',
       'file-saver',
-      'isomorphic-dompurify',
       'markdown-it > argparse',
       'markdown-it > entities'
     ],

package/lib/components/SButton.vue

@@ -134,11 +134,11 @@ function onClick(): void {
         </span>
       </span>
 
-      <transition name="fade">
+      <Transition name="fade">
         <span v-if="loading" key="loading" class="loader">
           <SSpinner class="loader-icon" />
         </span>
-      </transition>
+      </Transition>
     </component>
   </SFragment>
 </template>

package/lib/components/SSnackbars.vue

@@ -6,9 +6,9 @@ const snackbars = useSnackbars()
 </script>
 
 <template>
-  <transition name="fade">
+  <Transition name="fade">
     <div v-if="snackbars.items.length" class="SSnackbars">
-      <transition-group name="fade-up">
+      <TransitionGroup name="fade-up">
         <div v-for="item in snackbars.items" :key="item.id" class="item">
           <SSnackbar
             :id="item.id"
@@ -17,9 +17,9 @@ const snackbars = useSnackbars()
             :actions="item.actions"
           />
         </div>
-      </transition-group>
+      </TransitionGroup>
     </div>
-  </transition>
+  </Transition>
 </template>
 
 <style lang="postcss" scoped>

package/lib/components/STableColumn.vue

@@ -152,11 +152,11 @@ function stopDialogPositionListener() {
             <IconDotsThree class="icon" />
           </button>
 
-          <transition name="fade">
+          <Transition name="fade">
             <div v-if="isOpen" ref="dialog" class="dialog" :style="{ top, left }">
               <SDropdown :sections="dropdown" />
             </div>
-          </transition>
+          </Transition>
         </div>
 
         <div v-if="resizable" class="grip" @mousedown="grip" />

package/lib/composables/Markdown.ts

@@ -1,4 +1,4 @@
-import DOMPurify, { type Config } from 'isomorphic-dompurify'
+import { type DOMPurifyConfig, type DOMPurifyI, createDompurify } from '@globalbrain/sefirot/dompurify'
 import MarkdownIt from 'markdown-it'
 
 export type UseMarkdown = (source: string, inline?: boolean) => string
@@ -70,31 +70,40 @@ export interface UseMarkdownOptions extends MarkdownItOptions {
   config?: (md: MarkdownIt) => void
   /** @default false */
   inline?: boolean
-  domPurifyOptions?: Config
+  domPurifyInstance?: DOMPurifyI
+  domPurifyOptions?: DOMPurifyConfig
 }
 
 const EXTERNAL_URL_RE = /^(?:[a-z]+:|\/\/)/i
 
-DOMPurify.addHook('afterSanitizeAttributes', (node) => {
-  if (node.tagName === 'A') {
-    const target = node.getAttribute('target')
-    if (target && target !== '_blank' && target !== '_self') {
-      node.removeAttribute('target')
+let DOMPurify: DOMPurifyI | undefined
+
+export function getDomPurifySingleton(): DOMPurifyI {
+  if (DOMPurify) { return DOMPurify }
+  DOMPurify = createDompurify()
+  DOMPurify.addHook('afterSanitizeAttributes', (node) => {
+    if (node.tagName === 'A') {
+      const target = node.getAttribute('target')
+      if (target && target !== '_blank' && target !== '_self') {
+        node.removeAttribute('target')
+      }
+
+      const href = node.getAttribute('href')
+      if (href && EXTERNAL_URL_RE.test(href)) {
+        node.setAttribute('target', '_blank')
+        node.setAttribute('rel', 'noreferrer')
+      }
+
+      node.classList.add('SMarkdown-link')
     }
-
-    const href = node.getAttribute('href')
-    if (href && EXTERNAL_URL_RE.test(href)) {
-      node.setAttribute('target', '_blank')
-      node.setAttribute('rel', 'noreferrer')
-    }
-
-    node.classList.add('SMarkdown-link')
-  }
-})
+  })
+  return DOMPurify
+}
 
 export function useMarkdown({
   config,
   inline: _inline,
+  domPurifyInstance,
   domPurifyOptions,
   ...options
 }: UseMarkdownOptions = {}): UseMarkdown {
@@ -115,7 +124,7 @@ export function useMarkdown({
 
   return (source, inline = _inline) => {
     const html = inline ? md.renderInline(source) : md.render(source)
-    return DOMPurify.sanitize(html, {
+    return (domPurifyInstance || getDomPurifySingleton()).sanitize(html, {
       USE_PROFILES: { html: true },
       ADD_ATTR: ['target'],
       ...domPurifyOptions

package/lib/dompurify/browser.js

@@ -0,0 +1,5 @@
+import dompurify from 'dompurify'
+
+export function createDompurify() {
+  return dompurify(window)
+}

package/lib/dompurify/index.d.ts

@@ -0,0 +1,6 @@
+// must be imported from `@globalbrain/sefirot/dompurify`
+// otherwise conditional exports in package.json won't work
+
+export declare function createDompurify(): import('dompurify').DOMPurify
+
+export type { Config as DOMPurifyConfig, DOMPurify as DOMPurifyI } from 'dompurify'

package/lib/dompurify/node.js

@@ -0,0 +1,6 @@
+import dompurify from 'dompurify'
+import { JSDOM } from 'jsdom'
+
+export function createDompurify() {
+  return dompurify(new JSDOM(`<!DOCTYPE html>`).window)
+}

package/lib/validation/validators/maxTotalFileSize.ts

@@ -1,5 +1,5 @@
 export function maxTotalFileSize(value: unknown, size: string): boolean {
-  if (!Array.isArray(value) || value.some((v) => !(v instanceof File))) { return false }
+  if (!Array.isArray(value) || !value.every((v) => v instanceof File)) { return false }
 
   const factor = /gb/i.test(size) ? 1e9 : /mb/i.test(size) ? 1e6 : /kb/i.test(size) ? 1e3 : 1
   const total = value.reduce((total, file) => total + file.size, 0)

package/package.json

@@ -1,27 +1,50 @@
 {
   "name": "@globalbrain/sefirot",
-  "type": "module",
-  "version": "4.32.1",
-  "packageManager": "pnpm@10.28.0",
+  "version": "4.34.0",
   "description": "Vue Components for Global Brain Design System.",
-  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
-  "license": "MIT",
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "design-system",
+    "ui-library",
+    "globalbrain"
+  ],
+  "homepage": "https://sefirot.globalbrains.com/",
   "repository": {
     "type": "git",
-    "url": "git@github.com:globalbrain/sefirot.git"
+    "url": "git+https://github.com/globalbrain/sefirot.git"
   },
-  "bugs": {
-    "url": "https://github.com/globalbrain/sefirot/issues"
+  "license": "MIT",
+  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
+  "type": "module",
+  "exports": {
+    "./client": {
+      "types": "./client.d.ts"
+    },
+    "./config/nuxt": {
+      "types": "./config/nuxt.d.ts",
+      "import": "./config/nuxt.js"
+    },
+    "./config/vite": {
+      "types": "./config/vite.d.ts",
+      "import": "./config/vite.js"
+    },
+    "./dompurify": {
+      "types": "./lib/dompurify/index.d.ts",
+      "browser": "./lib/dompurify/browser.js",
+      "default": "./lib/dompurify/node.js"
+    },
+    "./shared": {
+      "types": "./shared.d.ts"
+    },
+    "./*": "./*"
   },
-  "keywords": [
-    "sefirot",
-    "vue",
-    "vue component"
-  ],
   "files": [
     "lib",
     "config",
-    "client.d.ts"
+    "client.d.ts",
+    "shared.d.ts"
   ],
   "scripts": {
     "docs": "pnpm docs:dev",
@@ -49,7 +72,7 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
-    "@vue/reactivity": "^3.5.26",
+    "@vue/reactivity": "^3.5.27",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^12 || ^13 || ^14",
@@ -63,26 +86,28 @@
     "postcss": "^8.5.6",
     "postcss-nested": "^7.0.2",
     "v-calendar": "3.0.1",
-    "vue": "^3.5.26",
+    "vue": "^3.5.27",
     "vue-router": "^4.6.4"
   },
   "dependencies": {
-    "@sentry/browser": "^10.33.0",
-    "@sentry/vue": "^10.33.0",
+    "@sentry/browser": "^10.35.0",
+    "@sentry/vue": "^10.35.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.2",
     "@tinyhttp/cookie": "^2.1.1",
+    "@total-typescript/ts-reset": "^0.6.1",
     "@types/d3": "^7.4.3",
     "@types/file-saver": "^2.0.7",
     "@types/qs": "^6.14.0",
     "d3": "^7.9.0",
+    "dompurify": "^3.3.1",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
-    "isomorphic-dompurify": "^2.35.0",
+    "jsdom": "^27.4.0",
     "magic-string": "^0.30.21",
     "ofetch": "^1.5.1",
     "qs": "^6.14.1",
-    "unplugin-icons": "^22.5.0"
+    "unplugin-icons": "^23.0.1"
   },
   "devDependencies": {
     "@globalbrain/eslint-config": "^2.1.0",
@@ -92,12 +117,13 @@
     "@popperjs/core": "^2.11.8",
     "@release-it/conventional-changelog": "^10.0.4",
     "@types/body-scroll-lock": "^3.1.2",
+    "@types/jsdom": "^27.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^25.0.7",
+    "@types/node": "^25.0.9",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/reactivity": "^3.5.26",
+    "@vue/reactivity": "^3.5.27",
     "@vue/test-utils": "^2.4.6",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
@@ -106,7 +132,7 @@
     "dayjs": "^1.11.19",
     "eslint": "^9.39.2",
     "fuse.js": "^7.1.0",
-    "happy-dom": "^20.1.0",
+    "happy-dom": "^20.3.3",
     "histoire": "0.16.5",
     "lodash-es": "^4.17.22",
     "markdown-it": "^14.1.0",
@@ -121,8 +147,9 @@
     "vite": "^6.4.1",
     "vitepress": "^2.0.0-alpha.15",
     "vitest": "^3.2.4",
-    "vue": "^3.5.26",
+    "vue": "^3.5.27",
     "vue-router": "^4.6.4",
     "vue-tsc": "^3.2.2"
-  }
+  },
+  "packageManager": "pnpm@10.28.1"
 }

package/shared.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="@total-typescript/ts-reset/dom" />
+
+interface NumberConstructor {
+  isFinite(value: unknown): value is number
+  isInteger(value: unknown): value is number
+}