slidev-theme-gtlabo 1.0.1 → 1.0.3

package/components/Citation.vue

@@ -5,21 +5,17 @@
       [{{ citationNumber }}]
     </sup>
     
-    <!-- 引用情報表示エリア（画面下部に常時表示） -->
+    <!-- このコンポーネント専用の引用情報表示エリア -->
     <div 
-      v-if="hasCurrentPageCitations"
+      v-if="shouldShowCitation"
       class="fixed bottom-0 left-0 right-0 bg-white border-t-2 border-gray-300 shadow-lg z-40 max-h-32 overflow-y-auto"
       style="pointer-events: none;"
     >
       <div class="max-w-7xl mx-auto px-4 py-2">
         <div class="space-y-1">
-          <div 
-            v-for="citation in sortedCurrentPageCitations" 
-            :key="citation.id"
-            class="text-xs text-gray-800"
-          >
-            <span class="font-semibold">[{{ citation.number }}]</span>
-            {{ citation.formatted }}
+          <div class="text-xs text-gray-800">
+            <span class="font-semibold">[{{ citationNumber }}]</span>
+            {{ formattedCitation }}
           </div>
         </div>
       </div>
@@ -28,7 +24,7 @@
 </template>
 
 <script setup>
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { useSlideContext } from '@slidev/client'
 
 const { $slidev } = useSlideContext()
@@ -41,70 +37,74 @@ const props = defineProps({
   }
 })
 
-// グローバル引用管理の初期化
+// グローバル引用管理の初期化（引用番号のみ管理）
 if (!window.citationManager) {
   window.citationManager = {
     counter: 1,
-    citations: new Map(), // id -> { number, data, formatted }
-    pageActiveCitations: new Map(), // pageNumber -> Set(citationIds)
-    components: new Set()
+    citations: new Map() // id -> { number, data, formatted }
   }
 }
 
-const forceUpdate = ref(0)
+const isMounted = ref(false)
 
 // 現在のページ番号を取得
 const currentPage = computed(() => {
-  return $slidev.nav.currentPage
+  const page = $slidev.nav.currentPage
+  return page
 })
 
 // 引用データを取得
 const citationData = computed(() => {
-  return citations[props.id] || null
+  const data = citations[props.id] || null
+  return data
 })
 
 // 引用番号を取得または生成
 const citationNumber = computed(() => {
-  if (!citationData.value) return '?'
+  if (!citationData.value) {
+    return '?'
+  }
   
   if (!window.citationManager.citations.has(props.id)) {
-    window.citationManager.citations.set(props.id, {
+    const newCitation = {
       number: window.citationManager.counter,
       data: citationData.value,
       formatted: formatCitation(citationData.value)
-    })
+    }
+    window.citationManager.citations.set(props.id, newCitation)
     window.citationManager.counter++
   }
   
-  return window.citationManager.citations.get(props.id).number
+  const citation = window.citationManager.citations.get(props.id)
+  return citation.number
 })
 
-// 現在のページにアクティブな引用があるかチェック
-const hasCurrentPageCitations = computed(() => {
-  forceUpdate.value // 依存関係を強制的に更新
-  const pageSet = window.citationManager.pageActiveCitations.get(currentPage.value)
-  return pageSet && pageSet.size > 0
+// フォーマットされた引用テキスト
+const formattedCitation = computed(() => {
+  if (!citationData.value) {
+    return '引用情報が見つかりません'
+  }
+  
+  const citation = window.citationManager.citations.get(props.id)
+  if (citation && citation.formatted) {
+    return citation.formatted
+  }
+  
+  return formatCitation(citationData.value)
 })
 
-// 現在のページのソートされた引用一覧
-const sortedCurrentPageCitations = computed(() => {
-  forceUpdate.value // 依存関係を強制的に更新
-  const pageSet = window.citationManager.pageActiveCitations.get(currentPage.value)
-  
-  if (!pageSet) return []
+// 引用を表示すべきかどうか
+const shouldShowCitation = computed(() => {
+  const shouldShow = isMounted.value && citationData.value !== null
   
-  return Array.from(pageSet)
-    .map(id => ({
-      id,
-      ...window.citationManager.citations.get(id)
-    }))
-    .filter(citation => citation.data) // dataが存在するもののみ
-    .sort((a, b) => a.number - b.number)
+  return shouldShow
 })
 
 // 引用をフォーマット
 const formatCitation = (data) => {
-  if (!data) return '引用情報が見つかりません'
+  if (!data) {
+    return '引用情報が見つかりません'
+  }
   
   let citation = ''
   
@@ -157,79 +157,39 @@ const formatCitation = (data) => {
     citation += `, ISSN: ${data.issn}`
   }
   
-  return citation || '引用情報が不完全です'
-}
-
-// 全コンポーネントの再描画をトリガー
-const triggerGlobalUpdate = () => {
-  window.citationManager.components.forEach(component => {
-    if (component.updateForceUpdate) {
-      component.updateForceUpdate()
-    }
-  })
-}
-
-// 強制更新関数
-const updateForceUpdate = () => {
-  forceUpdate.value++
-}
-
-// 現在のページに引用を追加
-const addToCurrentPage = () => {
-  if (!citationData.value) return
+  const formatted = citation || '引用情報が不完全です'
   
-  const page = currentPage.value
-  if (!window.citationManager.pageActiveCitations.has(page)) {
-    window.citationManager.pageActiveCitations.set(page, new Set())
-  }
-  window.citationManager.pageActiveCitations.get(page).add(props.id)
+  return formatted
 }
 
-// 現在のページから引用を削除
-const removeFromCurrentPage = () => {
-  const page = currentPage.value
-  const pageSet = window.citationManager.pageActiveCitations.get(page)
-  if (pageSet) {
-    pageSet.delete(props.id)
-    if (pageSet.size === 0) {
-      window.citationManager.pageActiveCitations.delete(page)
-    }
-  }
+// 全体のグローバル状態をデバッグ出力
+const debugGlobalState = () => {
 }
 
-// ページ変更を監視
-watch(currentPage, (newPage, oldPage) => {
-  if (oldPage !== undefined) {
-    // 前のページから削除
-    const oldPageSet = window.citationManager.pageActiveCitations.get(oldPage)
-    if (oldPageSet) {
-      oldPageSet.delete(props.id)
-      if (oldPageSet.size === 0) {
-        window.citationManager.pageActiveCitations.delete(oldPage)
-      }
-    }
-  }
-  
-  // 新しいページに追加
-  addToCurrentPage()
-  triggerGlobalUpdate()
-})
-
 // コンポーネントのマウント時
 onMounted(() => {
+  
+  isMounted.value = true
+  
   if (citationData.value) {
-    addToCurrentPage()
-    window.citationManager.components.add({ updateForceUpdate })
-    triggerGlobalUpdate()
+    // 引用番号を生成（副作用でglobal stateに保存される）
+    const _ = citationNumber.value
+    debugGlobalState()
+  } else {
   }
 })
 
 // コンポーネントのアンマウント時
 onUnmounted(() => {
-  removeFromCurrentPage()
-  window.citationManager.components.delete({ updateForceUpdate })
-  triggerGlobalUpdate()
+  
+  isMounted.value = false
+  debugGlobalState()
 })
+
+// 開発用：グローバル状態確認用の関数をwindowに追加
+if (typeof window !== 'undefined') {
+  window.debugCitationState = debugGlobalState
+}
 </script>
 
 <style scoped>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-theme-gtlabo",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A Slidev theme for laboratory presentations with customizable components",
   "author": "mksmkss",
   "license": "MIT",