valaxy-theme-press 0.28.0 → 0.28.1

package/components/PressAlgoliaSearch.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import type { DocSearchInstance, DocSearchProps } from '@docsearch/js'
 import type { SidepanelInstance, SidepanelProps } from '@docsearch/sidepanel-js'
-import type { AlgoliaSearchOptions } from 'valaxy-addon-algolia'
-import { useAddonAlgoliaConfig } from 'valaxy-addon-algolia'
-import { nextTick, onUnmounted, watch } from 'vue'
+import type { AlgoliaSearchOptions } from '../types/algolia'
+import { nextTick, onUnmounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
 import '../styles/docsearch.css'
@@ -16,7 +15,15 @@ const props = defineProps<{
 }>()
 
 const router = useRouter()
-const algoliaConfig = useAddonAlgoliaConfig()
+
+// Dynamically import addon to avoid hard dependency
+const algoliaConfig = ref<{ options?: AlgoliaSearchOptions }>()
+import('valaxy-addon-algolia').then(({ useAddonAlgoliaConfig }) => {
+  // Direct assignment — the synchronous watcher below will react to this change
+  algoliaConfig.value = useAddonAlgoliaConfig().value
+}).catch(() => {
+  console.warn('[valaxy-theme-press] valaxy-addon-algolia is not installed. Algolia search will not work.')
+})
 
 let cleanup = () => {}
 let docsearchInstance: DocSearchInstance | undefined

package/components/PressHomeHero.vue

@@ -1,14 +1,11 @@
 <script lang="ts" setup>
 import { useFrontmatter } from 'valaxy'
 import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { useLocaleConfig } from '../composables'
 import PressButton from './PressButton.vue'
 
 const fm = useFrontmatter()
 
-const { t } = useI18n()
-
 const { currentLocale, currentLocaleKey, hasLocales } = useLocaleConfig()
 
 /**
@@ -31,36 +28,39 @@ const actions = computed(() => {
 </script>
 
 <template>
-  <div text="center" m="md:t-24 t-10 md:t-20" flex="~ col" justify="center" items="center">
-    <ValaxyLogo mb="2" />
-    <h1 my="10" text="4xl md:8xl" font="black" class="gradient-text from-purple-800 to-blue-500 bg-gradient-to-r">
-      {{ fm.hero.name }}
-    </h1>
-  </div>
+  <template v-if="fm.hero">
+    <div text="center" m="md:t-24 t-10 md:t-20" flex="~ col" justify="center" items="center">
+      <ValaxyLogo mb="2" />
+      <h1 my="10" text="4xl md:8xl" font="black" class="gradient-text from-purple-800 to-blue-500 bg-gradient-to-r">
+        {{ fm.hero.name }}
+      </h1>
+    </div>
+
+    <h2 v-if="fm.hero?.text" flex="~ wrap justify-center" px="2" m="b-10" text="center 6xl" font="black" leading="tight">
+      {{ fm.hero.text }}
+    </h2>
 
-  <h2 flex="~ wrap justify-center" px="2" m="b-10" text="center 6xl" font="black" leading="tight">
-    <span mx-1>{{ t('banner.next-generation') }}</span>
-    <span mx-1>{{ t('banner.static') }} </span>
-    <span mx-1 class="gradient-text from-blue-500 to-purple-700 bg-gradient-to-r">{{ t('banner.blog') }}</span>
-    <span mx-1 class="break-keep">{{ t('banner.framework') }}</span>
-  </h2>
+    <p v-if="fm.hero?.tagline" m="b-10" text="center xl" op="80">
+      {{ fm.hero.tagline }}
+    </p>
 
-  <div p="2" text="center" class="flex justify-center items-center">
-    <template v-for="action in actions" :key="action.link">
-      <PressGetStarted
-        v-if="action.type === 'fly'"
-        :theme="action.theme"
-        :link="action.link"
-        :text="action.text"
-      />
-      <PressButton
-        v-else
-        :theme="action.theme"
-        :link="action.link"
-        :text="action.text"
-      />
-    </template>
-  </div>
+    <div v-if="actions.length" p="2" text="center" class="flex justify-center items-center">
+      <template v-for="action in actions" :key="action.link">
+        <PressGetStarted
+          v-if="action.type === 'fly'"
+          :theme="action.theme"
+          :link="action.link"
+          :text="action.text"
+        />
+        <PressButton
+          v-else
+          :theme="action.theme"
+          :link="action.link"
+          :text="action.text"
+        />
+      </template>
+    </div>
 
-  <br>
+    <br>
+  </template>
 </template>

package/components/PressNavBarSearch.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import type { AlgoliaSearchOptions } from '../types/algolia'
 import { onKeyStroke } from '@vueuse/core'
 import { useSiteConfig } from 'valaxy'
 import { computed, defineAsyncComponent, onMounted, ref } from 'vue'
@@ -16,7 +17,7 @@ const showAskAi = ref(false)
 if (isAlgolia.value) {
   import('valaxy-addon-algolia').then(({ useAddonAlgoliaConfig }) => {
     const algoliaConfig = useAddonAlgoliaConfig()
-    const askAi = algoliaConfig.value?.options?.askAi
+    const askAi = (algoliaConfig.value?.options as AlgoliaSearchOptions | undefined)?.askAi
     showAskAi.value = !!askAi
   }).catch(() => {})
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-press",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "description": "Docs Theme for Valaxy",
   "author": {
     "email": "me@yunyoujun.cn",
@@ -25,9 +25,10 @@
     "@docsearch/css": "^4.6.1",
     "@docsearch/js": "^4.6.1",
     "@docsearch/sidepanel-js": "^4.6.1",
-    "reka-ui": "^2.9.2"
+    "reka-ui": "^2.9.2",
+    "vitepress": "^2.0.0-alpha.17"
   },
   "devDependencies": {
-    "valaxy": "0.28.0"
+    "valaxy": "0.28.1"
   }
 }

package/types/algolia.ts

@@ -0,0 +1,56 @@
+/**
+ * Algolia search types for valaxy-theme-press.
+ *
+ * These are defined locally to avoid depending on unpublished types
+ * from valaxy-addon-algolia. When the addon publishes updated types,
+ * these can be replaced with re-exports.
+ */
+
+export interface AlgoliaSearchOptions extends DocSearchProps {
+  locales?: Record<string, Partial<DocSearchProps>>
+  /**
+   * Configuration or assistant id to enable Ask AI mode.
+   * Pass a string (assistant id) or a full config object.
+   * Omit to disable the Ask AI button entirely.
+   */
+  askAi?: AlgoliaAskAiOptions | string
+  /**
+   * Ask AI side panel integration mode.
+   *
+   * @default 'auto'
+   */
+  mode?: 'auto' | 'sidePanel' | 'hybrid' | 'modal'
+}
+
+export interface AlgoliaAskAiOptions {
+  assistantId: string
+  appId?: string
+  apiKey?: string
+  indexName?: string
+  suggestedQuestions?: boolean
+  sidePanel?: boolean | AlgoliaSidepanelOptions
+}
+
+export interface AlgoliaSidepanelOptions {
+  button?: Record<string, any>
+  keyboardShortcuts?: Record<string, boolean>
+  panel?: {
+    variant?: 'floating' | 'inline'
+    side?: 'left' | 'right'
+    width?: string
+    expandedWidth?: string
+    suggestedQuestions?: boolean
+  }
+}
+
+export interface DocSearchProps {
+  appId: string
+  apiKey: string
+  indexName: string
+  placeholder?: string
+  searchParameters?: Record<string, any>
+  disableUserPersonalization?: boolean
+  initialQuery?: string
+  insights?: boolean
+  translations?: Record<string, any>
+}