mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 15:51:01 +08:00
吳元皓
bf357f1c84
- Implemented a new chat endpoint that utilizes Groq for chat completions based on news articles. - Added a summarize endpoint that fetches news articles from the database and generates summaries using Groq. - Introduced a new package "@vueuse/core" for improved reactivity. - Created a comprehensive command UI component with various subcomponents for better user interaction. - Developed a scraping module using Scrapy to fetch news articles from Google News. - Added validation and sanitization for slug parameters in the fetch article endpoint.
93 lines
2.3 KiB
Vue
93 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import type { ListboxRootEmits, ListboxRootProps } from 'reka-ui'
|
|
import { cn } from '@/lib/utils'
|
|
import { ListboxRoot, useFilter, useForwardPropsEmits } from 'reka-ui'
|
|
import { computed, type HTMLAttributes, reactive, ref, watch } from 'vue'
|
|
import { provideCommandContext } from '.'
|
|
|
|
const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes['class'] }>(), {
|
|
modelValue: '',
|
|
})
|
|
|
|
const emits = defineEmits<ListboxRootEmits>()
|
|
|
|
const delegatedProps = computed(() => {
|
|
const { class: _, ...delegated } = props
|
|
|
|
return delegated
|
|
})
|
|
|
|
const forwarded = useForwardPropsEmits(delegatedProps, emits)
|
|
|
|
const allItems = ref<Map<string, string>>(new Map())
|
|
const allGroups = ref<Map<string, Set<string>>>(new Map())
|
|
|
|
const { contains } = useFilter({ sensitivity: 'base' })
|
|
const filterState = reactive({
|
|
search: '',
|
|
filtered: {
|
|
/** The count of all visible items. */
|
|
count: 0,
|
|
/** Map from visible item id to its search score. */
|
|
items: new Map() as Map<string, number>,
|
|
/** Set of groups with at least one visible item. */
|
|
groups: new Set() as Set<string>,
|
|
},
|
|
})
|
|
|
|
function filterItems() {
|
|
if (!filterState.search) {
|
|
filterState.filtered.count = allItems.value.size
|
|
// Do nothing, each item will know to show itself because search is empty
|
|
return
|
|
}
|
|
|
|
// Reset the groups
|
|
filterState.filtered.groups = new Set()
|
|
let itemCount = 0
|
|
|
|
// Check which items should be included
|
|
for (const [id, value] of allItems.value) {
|
|
const score = contains(value, filterState.search)
|
|
filterState.filtered.items.set(id, score ? 1 : 0)
|
|
if (score)
|
|
itemCount++
|
|
}
|
|
|
|
// Check which groups have at least 1 item shown
|
|
for (const [groupId, group] of allGroups.value) {
|
|
for (const itemId of group) {
|
|
if (filterState.filtered.items.get(itemId)! > 0) {
|
|
filterState.filtered.groups.add(groupId)
|
|
break
|
|
}
|
|
}
|
|
}
|
|
|
|
filterState.filtered.count = itemCount
|
|
}
|
|
|
|
function handleSelect() {
|
|
filterState.search = ''
|
|
}
|
|
|
|
watch(() => filterState.search, () => {
|
|
filterItems()
|
|
})
|
|
|
|
provideCommandContext({
|
|
allItems,
|
|
allGroups,
|
|
filterState,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ListboxRoot
|
|
v-bind="forwarded"
|
|
:class="cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', props.class)"
|
|
>
|
|
<slot />
|
|
</ListboxRoot>
|
|
</template>
|