jvs-ppt-ui 0.0.17 → 0.0.18

package/src/components/material/useDamAuth.ts

@@ -0,0 +1,239 @@
+import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useSlides } from '../../composables/useSlides'
+
+/**
+ * 读取指定名称的 Cookie
+ */
+export function getCookieValue(cname: string): string {
+  if (typeof document === 'undefined' || !document.cookie) return ''
+  const name = cname + '='
+  const parts = document.cookie.split(';')
+  for (let i = 0; i < parts.length; i++) {
+    const item = parts[i]?.trim()
+    if (item && item.indexOf(name) === 0) {
+      try {
+        return decodeURIComponent(item.substring(name.length))
+      } catch {
+        return item.substring(name.length)
+      }
+    }
+  }
+  return ''
+}
+
+/**
+ * 从 Storage 中读取指定 key（兼容 jvs- 前缀包装格式与原始字符串格式）
+ */
+function readStorageKey(storage: Storage | undefined, key: string): string {
+  if (!storage) return ''
+  try {
+    const raw = storage.getItem(key)
+    if (!raw) return ''
+    try {
+      const parsed = JSON.parse(raw)
+      if (parsed && typeof parsed === 'object' && 'content' in parsed) {
+        return typeof parsed.content === 'string' ? parsed.content.trim() : ''
+      }
+      if (typeof parsed === 'string') return parsed.trim()
+    } catch {
+      return raw.trim()
+    }
+  } catch {
+    return ''
+  }
+  return ''
+}
+
+/**
+ * 提取 jvs_session_v3 登录凭证
+ * 判定顺序：
+ * 1. document.cookie 中的 jvs_session_v3
+ * 2. localStorage / sessionStorage 中的 jvs_session_v3、jvs-jvs_session_v3、jvs-sessionV3、sessionV3
+ * 3. materialHeaders 中显式传入的 jvs_session_v3
+ */
+export function resolveJvsSessionV3(extraHeaders?: Record<string, string>): string {
+  if (typeof window === 'undefined') return ''
+
+  // 1. Cookie: jvs_session_v3
+  const fromCookie = getCookieValue('jvs_session_v3')
+  if (fromCookie && fromCookie.trim()) {
+    return fromCookie.trim()
+  }
+
+  // 2. LocalStorage / SessionStorage
+  const candidateKeys = ['jvs_session_v3', 'jvs-jvs_session_v3', 'jvs-sessionV3', 'sessionV3']
+  for (const key of candidateKeys) {
+    const localVal = readStorageKey(window.localStorage, key)
+    if (localVal) return localVal
+    const sessionVal = readStorageKey(window.sessionStorage, key)
+    if (sessionVal) return sessionVal
+  }
+
+  // 3. 外部注入的 Headers
+  if (extraHeaders) {
+    const headerVal = extraHeaders['jvs_session_v3'] || extraHeaders['JVS_SESSION_V3']
+    if (typeof headerVal === 'string' && headerVal.trim()) {
+      return headerVal.trim()
+    }
+  }
+
+  return ''
+}
+
+/**
+ * 提取 DAM 服务基础路径（默认 /jvs-dam）
+ */
+export function resolveDamBaseUrl(configuredUrl?: string): string {
+  if (configuredUrl && configuredUrl.trim()) {
+    const clean = configuredUrl.trim()
+    const damIdx = clean.indexOf('/jvs-dam')
+    if (damIdx >= 0) {
+      return clean.slice(0, damIdx + '/jvs-dam'.length)
+    }
+  }
+  return '/jvs-dam'
+}
+
+export type DamMainTab = 'search' | 'mine' | 'create'
+
+/**
+ * 跨组件共享的素材库顶层 Tab 状态（支持画布占位符「AI生成」直接跳转至「创建素材」）
+ */
+const sharedMaterialMainTab = ref<DamMainTab>('search')
+
+export function setSharedMaterialMainTab(tab: DamMainTab) {
+  sharedMaterialMainTab.value = tab
+}
+
+/**
+ * DAM 登录态与通用请求工具 Composable
+ */
+export function useDamAuth() {
+  const { materialApiUrl, materialHeaders } = useSlides()
+  const sessionTick = ref(0)
+  let pollTimer: ReturnType<typeof setInterval> | null = null
+
+  const refreshSessionState = () => {
+    sessionTick.value++
+  }
+
+  onMounted(() => {
+    window.addEventListener('storage', refreshSessionState)
+    window.addEventListener('focus', refreshSessionState)
+    // 定期轻量同步 Cookie 中 jvs_session_v3 的变化
+    pollTimer = setInterval(refreshSessionState, 2000)
+  })
+
+  onUnmounted(() => {
+    window.removeEventListener('storage', refreshSessionState)
+    window.removeEventListener('focus', refreshSessionState)
+    if (pollTimer) {
+      clearInterval(pollTimer)
+      pollTimer = null
+    }
+  })
+
+  const sessionV3 = computed(() => {
+    // 依赖 sessionTick 以感知 cookie 变化
+    void sessionTick.value
+    return resolveJvsSessionV3(materialHeaders.value)
+  })
+
+  /** 是否已登录（仅当 jvs_session_v3 存在有效内容时为 true） */
+  const isDamLoggedIn = computed(() => Boolean(sessionV3.value))
+
+  const damBaseUrl = computed(() => resolveDamBaseUrl(materialApiUrl.value))
+
+  /**
+   * 构造携带鉴权信息的 Headers
+   */
+  function buildDamHeaders(isJson = true): Record<string, string> {
+    const headers: Record<string, string> = {
+      'jvs-rule-ua': encodeURI('2.4'),
+      ...(materialHeaders.value || {})
+    }
+    if (isJson) {
+      headers['Content-Type'] = 'application/json;charset=utf-8'
+    }
+    const token = sessionV3.value || readStorageKey(window?.localStorage, 'jvs-access_token')
+    if (token && !headers['Authorization'] && !headers['authorization']) {
+      headers['Authorization'] = `Bearer ${token}`
+    }
+    const tenantId = readStorageKey(window?.localStorage, 'jvs-tenantId')
+    if (tenantId && !headers['tenant-id']) {
+      headers['tenant-id'] = tenantId
+    }
+    return headers
+  }
+
+  /**
+   * 统一安全的 JSON 请求封装
+   */
+  async function damFetchJson<T = any>(
+    pathOrUrl: string,
+    options: RequestInit & { params?: Record<string, any> } = {}
+  ): Promise<T> {
+    const base = damBaseUrl.value
+    let fullUrl = pathOrUrl.startsWith('http') || pathOrUrl.startsWith('/jvs-')
+      ? pathOrUrl
+      : `${base}${pathOrUrl.startsWith('/') ? '' : '/'}${pathOrUrl}`
+
+    if (options.params) {
+      const searchParams = new URLSearchParams()
+      Object.entries(options.params).forEach(([k, v]) => {
+        if (v !== undefined && v !== null && v !== '') {
+          if (Array.isArray(v)) {
+            if (v.length > 0) searchParams.append(k, v.join(','))
+          } else {
+            searchParams.append(k, String(v))
+          }
+        }
+      })
+      const qs = searchParams.toString()
+      if (qs) {
+        fullUrl += (fullUrl.includes('?') ? '&' : '?') + qs
+      }
+    }
+
+    const isFormData = typeof FormData !== 'undefined' && options.body instanceof FormData
+    const mergedHeaders = {
+      ...buildDamHeaders(!isFormData),
+      ...((options.headers as Record<string, string>) || {})
+    }
+    if (isFormData) {
+      delete mergedHeaders['Content-Type']
+      delete mergedHeaders['content-type']
+    }
+
+    const response = await fetch(fullUrl, {
+      ...options,
+      credentials: 'include',
+      headers: mergedHeaders
+    })
+
+    const rawText = await response.text()
+    if (!response.ok) {
+      throw new Error(`请求异常 (${response.status})`)
+    }
+    const trimmed = rawText.trim()
+    if (trimmed.startsWith('<') || trimmed.toLowerCase().startsWith('<!doctype')) {
+      throw new Error('接口返回了非 JSON 格式响应')
+    }
+    try {
+      return JSON.parse(rawText) as T
+    } catch (err: any) {
+      throw new Error(`数据解析失败: ${err.message}`)
+    }
+  }
+
+  return {
+    sessionV3,
+    isDamLoggedIn,
+    damBaseUrl,
+    sharedMaterialMainTab,
+    setSharedMaterialMainTab,
+    refreshSessionState,
+    buildDamHeaders,
+    damFetchJson
+  }
+}