Showing preview only (2,160K chars total). Download the full file or copy to clipboard to get everything.
Repository: miantiao-me/Sink
Branch: master
Commit: f7ec32ee9748
Files: 591
Total size: 2.0 MB
Directory structure:
gitextract_ey5zji6k/
├── .editorconfig
├── .env.example
├── .github/
│ ├── FUNDING.yml
│ └── workflows/
│ └── issue-assistant.yml
├── .gitignore
├── .mcp.json
├── .node-version
├── .npmrc
├── .vscode/
│ ├── extensions.json
│ └── settings.json
├── AGENTS.md
├── CODE_OF_CONDUCT.md
├── LICENSE
├── README.md
├── app/
│ ├── app.config.ts
│ ├── app.vue
│ ├── assets/
│ │ └── css/
│ │ └── tailwind.css
│ ├── components/
│ │ ├── ResponsiveModal.vue
│ │ ├── SwitchLanguage.vue
│ │ ├── SwitchTheme.vue
│ │ ├── home/
│ │ │ ├── Cta.vue
│ │ │ ├── Features.vue
│ │ │ ├── Hero.vue
│ │ │ ├── Logos.vue
│ │ │ ├── Stats.vue
│ │ │ └── Testimonials.vue
│ │ └── ui/
│ │ ├── accordion/
│ │ │ ├── Accordion.vue
│ │ │ ├── AccordionContent.vue
│ │ │ ├── AccordionItem.vue
│ │ │ ├── AccordionTrigger.vue
│ │ │ └── index.ts
│ │ ├── alert/
│ │ │ ├── Alert.vue
│ │ │ ├── AlertDescription.vue
│ │ │ ├── AlertTitle.vue
│ │ │ └── index.ts
│ │ ├── alert-dialog/
│ │ │ ├── AlertDialog.vue
│ │ │ ├── AlertDialogAction.vue
│ │ │ ├── AlertDialogCancel.vue
│ │ │ ├── AlertDialogContent.vue
│ │ │ ├── AlertDialogDescription.vue
│ │ │ ├── AlertDialogFooter.vue
│ │ │ ├── AlertDialogHeader.vue
│ │ │ ├── AlertDialogTitle.vue
│ │ │ ├── AlertDialogTrigger.vue
│ │ │ └── index.ts
│ │ ├── aspect-ratio/
│ │ │ ├── AspectRatio.vue
│ │ │ └── index.ts
│ │ ├── avatar/
│ │ │ ├── Avatar.vue
│ │ │ ├── AvatarFallback.vue
│ │ │ ├── AvatarImage.vue
│ │ │ └── index.ts
│ │ ├── badge/
│ │ │ ├── Badge.vue
│ │ │ └── index.ts
│ │ ├── breadcrumb/
│ │ │ ├── Breadcrumb.vue
│ │ │ ├── BreadcrumbEllipsis.vue
│ │ │ ├── BreadcrumbItem.vue
│ │ │ ├── BreadcrumbLink.vue
│ │ │ ├── BreadcrumbList.vue
│ │ │ ├── BreadcrumbPage.vue
│ │ │ ├── BreadcrumbSeparator.vue
│ │ │ └── index.ts
│ │ ├── button/
│ │ │ ├── Button.vue
│ │ │ └── index.ts
│ │ ├── button-group/
│ │ │ ├── ButtonGroup.vue
│ │ │ ├── ButtonGroupSeparator.vue
│ │ │ ├── ButtonGroupText.vue
│ │ │ └── index.ts
│ │ ├── calendar/
│ │ │ ├── Calendar.vue
│ │ │ ├── CalendarCell.vue
│ │ │ ├── CalendarCellTrigger.vue
│ │ │ ├── CalendarGrid.vue
│ │ │ ├── CalendarGridBody.vue
│ │ │ ├── CalendarGridHead.vue
│ │ │ ├── CalendarGridRow.vue
│ │ │ ├── CalendarHeadCell.vue
│ │ │ ├── CalendarHeader.vue
│ │ │ ├── CalendarHeading.vue
│ │ │ ├── CalendarNextButton.vue
│ │ │ ├── CalendarPrevButton.vue
│ │ │ └── index.ts
│ │ ├── card/
│ │ │ ├── Card.vue
│ │ │ ├── CardAction.vue
│ │ │ ├── CardContent.vue
│ │ │ ├── CardDescription.vue
│ │ │ ├── CardFooter.vue
│ │ │ ├── CardHeader.vue
│ │ │ ├── CardTitle.vue
│ │ │ └── index.ts
│ │ ├── carousel/
│ │ │ ├── Carousel.vue
│ │ │ ├── CarouselContent.vue
│ │ │ ├── CarouselItem.vue
│ │ │ ├── CarouselNext.vue
│ │ │ ├── CarouselPrevious.vue
│ │ │ ├── index.ts
│ │ │ ├── interface.ts
│ │ │ └── useCarousel.ts
│ │ ├── chart/
│ │ │ ├── ChartContainer.vue
│ │ │ ├── ChartLegendContent.vue
│ │ │ ├── ChartStyle.vue
│ │ │ ├── ChartTooltipContent.vue
│ │ │ ├── index.ts
│ │ │ └── utils.ts
│ │ ├── checkbox/
│ │ │ ├── Checkbox.vue
│ │ │ └── index.ts
│ │ ├── collapsible/
│ │ │ ├── Collapsible.vue
│ │ │ ├── CollapsibleContent.vue
│ │ │ ├── CollapsibleTrigger.vue
│ │ │ └── index.ts
│ │ ├── combobox/
│ │ │ ├── Combobox.vue
│ │ │ ├── ComboboxAnchor.vue
│ │ │ ├── ComboboxEmpty.vue
│ │ │ ├── ComboboxGroup.vue
│ │ │ ├── ComboboxInput.vue
│ │ │ ├── ComboboxItem.vue
│ │ │ ├── ComboboxItemIndicator.vue
│ │ │ ├── ComboboxList.vue
│ │ │ ├── ComboboxSeparator.vue
│ │ │ ├── ComboboxTrigger.vue
│ │ │ ├── ComboboxViewport.vue
│ │ │ └── index.ts
│ │ ├── command/
│ │ │ ├── Command.vue
│ │ │ ├── CommandDialog.vue
│ │ │ ├── CommandEmpty.vue
│ │ │ ├── CommandGroup.vue
│ │ │ ├── CommandInput.vue
│ │ │ ├── CommandItem.vue
│ │ │ ├── CommandList.vue
│ │ │ ├── CommandSeparator.vue
│ │ │ ├── CommandShortcut.vue
│ │ │ └── index.ts
│ │ ├── context-menu/
│ │ │ ├── ContextMenu.vue
│ │ │ ├── ContextMenuCheckboxItem.vue
│ │ │ ├── ContextMenuContent.vue
│ │ │ ├── ContextMenuGroup.vue
│ │ │ ├── ContextMenuItem.vue
│ │ │ ├── ContextMenuLabel.vue
│ │ │ ├── ContextMenuPortal.vue
│ │ │ ├── ContextMenuRadioGroup.vue
│ │ │ ├── ContextMenuRadioItem.vue
│ │ │ ├── ContextMenuSeparator.vue
│ │ │ ├── ContextMenuShortcut.vue
│ │ │ ├── ContextMenuSub.vue
│ │ │ ├── ContextMenuSubContent.vue
│ │ │ ├── ContextMenuSubTrigger.vue
│ │ │ ├── ContextMenuTrigger.vue
│ │ │ └── index.ts
│ │ ├── dialog/
│ │ │ ├── Dialog.vue
│ │ │ ├── DialogClose.vue
│ │ │ ├── DialogContent.vue
│ │ │ ├── DialogDescription.vue
│ │ │ ├── DialogFooter.vue
│ │ │ ├── DialogHeader.vue
│ │ │ ├── DialogOverlay.vue
│ │ │ ├── DialogScrollContent.vue
│ │ │ ├── DialogTitle.vue
│ │ │ ├── DialogTrigger.vue
│ │ │ └── index.ts
│ │ ├── drawer/
│ │ │ ├── Drawer.vue
│ │ │ ├── DrawerClose.vue
│ │ │ ├── DrawerContent.vue
│ │ │ ├── DrawerDescription.vue
│ │ │ ├── DrawerFooter.vue
│ │ │ ├── DrawerHeader.vue
│ │ │ ├── DrawerOverlay.vue
│ │ │ ├── DrawerTitle.vue
│ │ │ ├── DrawerTrigger.vue
│ │ │ └── index.ts
│ │ ├── dropdown-menu/
│ │ │ ├── DropdownMenu.vue
│ │ │ ├── DropdownMenuCheckboxItem.vue
│ │ │ ├── DropdownMenuContent.vue
│ │ │ ├── DropdownMenuGroup.vue
│ │ │ ├── DropdownMenuItem.vue
│ │ │ ├── DropdownMenuLabel.vue
│ │ │ ├── DropdownMenuRadioGroup.vue
│ │ │ ├── DropdownMenuRadioItem.vue
│ │ │ ├── DropdownMenuSeparator.vue
│ │ │ ├── DropdownMenuShortcut.vue
│ │ │ ├── DropdownMenuSub.vue
│ │ │ ├── DropdownMenuSubContent.vue
│ │ │ ├── DropdownMenuSubTrigger.vue
│ │ │ ├── DropdownMenuTrigger.vue
│ │ │ └── index.ts
│ │ ├── empty/
│ │ │ ├── Empty.vue
│ │ │ ├── EmptyContent.vue
│ │ │ ├── EmptyDescription.vue
│ │ │ ├── EmptyHeader.vue
│ │ │ ├── EmptyMedia.vue
│ │ │ ├── EmptyTitle.vue
│ │ │ └── index.ts
│ │ ├── field/
│ │ │ ├── Field.vue
│ │ │ ├── FieldContent.vue
│ │ │ ├── FieldDescription.vue
│ │ │ ├── FieldError.vue
│ │ │ ├── FieldGroup.vue
│ │ │ ├── FieldLabel.vue
│ │ │ ├── FieldLegend.vue
│ │ │ ├── FieldSeparator.vue
│ │ │ ├── FieldSet.vue
│ │ │ ├── FieldTitle.vue
│ │ │ └── index.ts
│ │ ├── hover-card/
│ │ │ ├── HoverCard.vue
│ │ │ ├── HoverCardContent.vue
│ │ │ ├── HoverCardTrigger.vue
│ │ │ └── index.ts
│ │ ├── input/
│ │ │ ├── Input.vue
│ │ │ └── index.ts
│ │ ├── input-group/
│ │ │ ├── InputGroup.vue
│ │ │ ├── InputGroupAddon.vue
│ │ │ ├── InputGroupButton.vue
│ │ │ ├── InputGroupInput.vue
│ │ │ ├── InputGroupText.vue
│ │ │ ├── InputGroupTextarea.vue
│ │ │ └── index.ts
│ │ ├── input-otp/
│ │ │ ├── InputOTP.vue
│ │ │ ├── InputOTPGroup.vue
│ │ │ ├── InputOTPSeparator.vue
│ │ │ ├── InputOTPSlot.vue
│ │ │ └── index.ts
│ │ ├── item/
│ │ │ ├── Item.vue
│ │ │ ├── ItemActions.vue
│ │ │ ├── ItemContent.vue
│ │ │ ├── ItemDescription.vue
│ │ │ ├── ItemFooter.vue
│ │ │ ├── ItemGroup.vue
│ │ │ ├── ItemHeader.vue
│ │ │ ├── ItemMedia.vue
│ │ │ ├── ItemSeparator.vue
│ │ │ ├── ItemTitle.vue
│ │ │ └── index.ts
│ │ ├── kbd/
│ │ │ ├── Kbd.vue
│ │ │ ├── KbdGroup.vue
│ │ │ └── index.ts
│ │ ├── label/
│ │ │ ├── Label.vue
│ │ │ └── index.ts
│ │ ├── menubar/
│ │ │ ├── Menubar.vue
│ │ │ ├── MenubarCheckboxItem.vue
│ │ │ ├── MenubarContent.vue
│ │ │ ├── MenubarGroup.vue
│ │ │ ├── MenubarItem.vue
│ │ │ ├── MenubarLabel.vue
│ │ │ ├── MenubarMenu.vue
│ │ │ ├── MenubarRadioGroup.vue
│ │ │ ├── MenubarRadioItem.vue
│ │ │ ├── MenubarSeparator.vue
│ │ │ ├── MenubarShortcut.vue
│ │ │ ├── MenubarSub.vue
│ │ │ ├── MenubarSubContent.vue
│ │ │ ├── MenubarSubTrigger.vue
│ │ │ ├── MenubarTrigger.vue
│ │ │ └── index.ts
│ │ ├── native-select/
│ │ │ ├── NativeSelect.vue
│ │ │ ├── NativeSelectOptGroup.vue
│ │ │ ├── NativeSelectOption.vue
│ │ │ └── index.ts
│ │ ├── navigation-menu/
│ │ │ ├── NavigationMenu.vue
│ │ │ ├── NavigationMenuContent.vue
│ │ │ ├── NavigationMenuIndicator.vue
│ │ │ ├── NavigationMenuItem.vue
│ │ │ ├── NavigationMenuLink.vue
│ │ │ ├── NavigationMenuList.vue
│ │ │ ├── NavigationMenuTrigger.vue
│ │ │ ├── NavigationMenuViewport.vue
│ │ │ └── index.ts
│ │ ├── number-field/
│ │ │ ├── NumberField.vue
│ │ │ ├── NumberFieldContent.vue
│ │ │ ├── NumberFieldDecrement.vue
│ │ │ ├── NumberFieldIncrement.vue
│ │ │ ├── NumberFieldInput.vue
│ │ │ └── index.ts
│ │ ├── pagination/
│ │ │ ├── Pagination.vue
│ │ │ ├── PaginationContent.vue
│ │ │ ├── PaginationEllipsis.vue
│ │ │ ├── PaginationFirst.vue
│ │ │ ├── PaginationItem.vue
│ │ │ ├── PaginationLast.vue
│ │ │ ├── PaginationNext.vue
│ │ │ ├── PaginationPrevious.vue
│ │ │ └── index.ts
│ │ ├── pin-input/
│ │ │ ├── PinInput.vue
│ │ │ ├── PinInputGroup.vue
│ │ │ ├── PinInputSeparator.vue
│ │ │ ├── PinInputSlot.vue
│ │ │ └── index.ts
│ │ ├── popover/
│ │ │ ├── Popover.vue
│ │ │ ├── PopoverAnchor.vue
│ │ │ ├── PopoverContent.vue
│ │ │ ├── PopoverTrigger.vue
│ │ │ └── index.ts
│ │ ├── progress/
│ │ │ ├── Progress.vue
│ │ │ └── index.ts
│ │ ├── radio-group/
│ │ │ ├── RadioGroup.vue
│ │ │ ├── RadioGroupItem.vue
│ │ │ └── index.ts
│ │ ├── range-calendar/
│ │ │ ├── RangeCalendar.vue
│ │ │ ├── RangeCalendarCell.vue
│ │ │ ├── RangeCalendarCellTrigger.vue
│ │ │ ├── RangeCalendarGrid.vue
│ │ │ ├── RangeCalendarGridBody.vue
│ │ │ ├── RangeCalendarGridHead.vue
│ │ │ ├── RangeCalendarGridRow.vue
│ │ │ ├── RangeCalendarHeadCell.vue
│ │ │ ├── RangeCalendarHeader.vue
│ │ │ ├── RangeCalendarHeading.vue
│ │ │ ├── RangeCalendarNextButton.vue
│ │ │ ├── RangeCalendarPrevButton.vue
│ │ │ └── index.ts
│ │ ├── resizable/
│ │ │ ├── ResizableHandle.vue
│ │ │ ├── ResizablePanel.vue
│ │ │ ├── ResizablePanelGroup.vue
│ │ │ └── index.ts
│ │ ├── scroll-area/
│ │ │ ├── ScrollArea.vue
│ │ │ ├── ScrollBar.vue
│ │ │ └── index.ts
│ │ ├── select/
│ │ │ ├── Select.vue
│ │ │ ├── SelectContent.vue
│ │ │ ├── SelectGroup.vue
│ │ │ ├── SelectItem.vue
│ │ │ ├── SelectItemText.vue
│ │ │ ├── SelectLabel.vue
│ │ │ ├── SelectScrollDownButton.vue
│ │ │ ├── SelectScrollUpButton.vue
│ │ │ ├── SelectSeparator.vue
│ │ │ ├── SelectTrigger.vue
│ │ │ ├── SelectValue.vue
│ │ │ └── index.ts
│ │ ├── separator/
│ │ │ ├── Separator.vue
│ │ │ └── index.ts
│ │ ├── sheet/
│ │ │ ├── Sheet.vue
│ │ │ ├── SheetClose.vue
│ │ │ ├── SheetContent.vue
│ │ │ ├── SheetDescription.vue
│ │ │ ├── SheetFooter.vue
│ │ │ ├── SheetHeader.vue
│ │ │ ├── SheetOverlay.vue
│ │ │ ├── SheetTitle.vue
│ │ │ ├── SheetTrigger.vue
│ │ │ └── index.ts
│ │ ├── sidebar/
│ │ │ ├── Sidebar.vue
│ │ │ ├── SidebarContent.vue
│ │ │ ├── SidebarFooter.vue
│ │ │ ├── SidebarGroup.vue
│ │ │ ├── SidebarGroupAction.vue
│ │ │ ├── SidebarGroupContent.vue
│ │ │ ├── SidebarGroupLabel.vue
│ │ │ ├── SidebarHeader.vue
│ │ │ ├── SidebarInput.vue
│ │ │ ├── SidebarInset.vue
│ │ │ ├── SidebarMenu.vue
│ │ │ ├── SidebarMenuAction.vue
│ │ │ ├── SidebarMenuBadge.vue
│ │ │ ├── SidebarMenuButton.vue
│ │ │ ├── SidebarMenuButtonChild.vue
│ │ │ ├── SidebarMenuItem.vue
│ │ │ ├── SidebarMenuSkeleton.vue
│ │ │ ├── SidebarMenuSub.vue
│ │ │ ├── SidebarMenuSubButton.vue
│ │ │ ├── SidebarMenuSubItem.vue
│ │ │ ├── SidebarProvider.vue
│ │ │ ├── SidebarRail.vue
│ │ │ ├── SidebarSeparator.vue
│ │ │ ├── SidebarTrigger.vue
│ │ │ ├── index.ts
│ │ │ └── utils.ts
│ │ ├── skeleton/
│ │ │ ├── Skeleton.vue
│ │ │ └── index.ts
│ │ ├── slider/
│ │ │ ├── Slider.vue
│ │ │ └── index.ts
│ │ ├── sonner/
│ │ │ ├── Sonner.vue
│ │ │ └── index.ts
│ │ ├── spinner/
│ │ │ ├── Spinner.vue
│ │ │ └── index.ts
│ │ ├── stepper/
│ │ │ ├── Stepper.vue
│ │ │ ├── StepperDescription.vue
│ │ │ ├── StepperIndicator.vue
│ │ │ ├── StepperItem.vue
│ │ │ ├── StepperSeparator.vue
│ │ │ ├── StepperTitle.vue
│ │ │ ├── StepperTrigger.vue
│ │ │ └── index.ts
│ │ ├── switch/
│ │ │ ├── Switch.vue
│ │ │ └── index.ts
│ │ ├── table/
│ │ │ ├── Table.vue
│ │ │ ├── TableBody.vue
│ │ │ ├── TableCaption.vue
│ │ │ ├── TableCell.vue
│ │ │ ├── TableEmpty.vue
│ │ │ ├── TableFooter.vue
│ │ │ ├── TableHead.vue
│ │ │ ├── TableHeader.vue
│ │ │ ├── TableRow.vue
│ │ │ ├── index.ts
│ │ │ └── utils.ts
│ │ ├── tabs/
│ │ │ ├── Tabs.vue
│ │ │ ├── TabsContent.vue
│ │ │ ├── TabsList.vue
│ │ │ ├── TabsTrigger.vue
│ │ │ └── index.ts
│ │ ├── tags-input/
│ │ │ ├── TagsInput.vue
│ │ │ ├── TagsInputInput.vue
│ │ │ ├── TagsInputItem.vue
│ │ │ ├── TagsInputItemDelete.vue
│ │ │ ├── TagsInputItemText.vue
│ │ │ └── index.ts
│ │ ├── textarea/
│ │ │ ├── Textarea.vue
│ │ │ └── index.ts
│ │ ├── toggle/
│ │ │ ├── Toggle.vue
│ │ │ └── index.ts
│ │ ├── toggle-group/
│ │ │ ├── ToggleGroup.vue
│ │ │ ├── ToggleGroupItem.vue
│ │ │ └── index.ts
│ │ └── tooltip/
│ │ ├── Tooltip.vue
│ │ ├── TooltipContent.vue
│ │ ├── TooltipProvider.vue
│ │ ├── TooltipTrigger.vue
│ │ └── index.ts
│ ├── composables/
│ │ ├── useAuthToken.ts
│ │ ├── useGithubStats.ts
│ │ └── useTrafficEventBus.ts
│ ├── data/
│ │ └── testimonials.json
│ ├── error.vue
│ ├── layouts/
│ │ └── default.vue
│ ├── lib/
│ │ └── utils.ts
│ ├── pages/
│ │ └── index.vue
│ ├── plugins/
│ │ └── ssr-width.ts
│ ├── types/
│ │ └── index.ts
│ └── utils/
│ ├── api.ts
│ ├── file.ts
│ ├── flag.ts
│ ├── image.ts
│ ├── intl.ts
│ ├── number.ts
│ └── time.ts
├── components.json
├── docs/
│ ├── api.md
│ ├── configuration.md
│ ├── deployment/
│ │ ├── pages.md
│ │ └── workers.md
│ └── faqs.md
├── eslint.config.mjs
├── i18n/
│ ├── i18n.config.ts
│ ├── i18n.ts
│ └── locales/
│ ├── de-DE.json
│ ├── en-US.json
│ ├── fr-FR.json
│ ├── it-IT.json
│ ├── pt-BR.json
│ ├── pt-PT.json
│ ├── vi-VN.json
│ ├── zh-CN.json
│ └── zh-TW.json
├── layers/
│ └── dashboard/
│ ├── app/
│ │ ├── components/
│ │ │ ├── dashboard/
│ │ │ │ ├── DatePicker.vue
│ │ │ │ ├── Filters.vue
│ │ │ │ ├── Logout.vue
│ │ │ │ ├── PageBreadcrumb.vue
│ │ │ │ ├── TimePicker.vue
│ │ │ │ ├── analysis/
│ │ │ │ │ ├── Counters.vue
│ │ │ │ │ ├── Heatmap.vue
│ │ │ │ │ ├── Index.vue
│ │ │ │ │ ├── Views.vue
│ │ │ │ │ └── metrics/
│ │ │ │ │ ├── Group.vue
│ │ │ │ │ ├── Index.vue
│ │ │ │ │ ├── List.vue
│ │ │ │ │ ├── Locations.vue
│ │ │ │ │ ├── Metric.vue
│ │ │ │ │ └── name/
│ │ │ │ │ ├── Icon.vue
│ │ │ │ │ ├── Index.vue
│ │ │ │ │ ├── Referer.vue
│ │ │ │ │ └── Slug.vue
│ │ │ │ ├── links/
│ │ │ │ │ ├── Delete.vue
│ │ │ │ │ ├── Index.vue
│ │ │ │ │ ├── Link.vue
│ │ │ │ │ ├── QRCode.vue
│ │ │ │ │ ├── Search.vue
│ │ │ │ │ ├── Sort.vue
│ │ │ │ │ └── editor/
│ │ │ │ │ ├── Advanced.vue
│ │ │ │ │ ├── Form.vue
│ │ │ │ │ ├── ImageUploader.vue
│ │ │ │ │ └── index.vue
│ │ │ │ ├── migrate/
│ │ │ │ │ ├── Backup.vue
│ │ │ │ │ ├── Export.vue
│ │ │ │ │ ├── Import.vue
│ │ │ │ │ └── Index.vue
│ │ │ │ ├── realtime/
│ │ │ │ │ ├── Chart.vue
│ │ │ │ │ ├── Index.vue
│ │ │ │ │ ├── Logs.vue
│ │ │ │ │ └── globe/
│ │ │ │ │ └── Globe.vue
│ │ │ │ └── sidebar/
│ │ │ │ ├── AppSidebar.vue
│ │ │ │ ├── NavMain.vue
│ │ │ │ ├── NavSecondary.vue
│ │ │ │ └── NavUser.vue
│ │ │ ├── login/
│ │ │ │ └── index.vue
│ │ │ └── spark-ui/
│ │ │ ├── AnimatedList.vue
│ │ │ └── Notification.vue
│ │ ├── composables/
│ │ │ ├── analysis.ts
│ │ │ ├── dashboard.ts
│ │ │ ├── globe/
│ │ │ │ ├── color.ts
│ │ │ │ ├── colors.ts
│ │ │ │ ├── data.ts
│ │ │ │ ├── geometry.ts
│ │ │ │ ├── index.ts
│ │ │ │ ├── interaction.ts
│ │ │ │ ├── shaders.ts
│ │ │ │ ├── sphere.ts
│ │ │ │ ├── texture.ts
│ │ │ │ ├── types.ts
│ │ │ │ └── useWebGLGlobe.ts
│ │ │ ├── links.ts
│ │ │ ├── realtime.ts
│ │ │ ├── useTrafficEvent.ts
│ │ │ └── useVersionCheck.ts
│ │ ├── layouts/
│ │ │ └── dashboard.vue
│ │ ├── middleware/
│ │ │ └── auth.global.ts
│ │ ├── pages/
│ │ │ └── dashboard/
│ │ │ ├── analysis.vue
│ │ │ ├── link.vue
│ │ │ ├── links.vue
│ │ │ ├── login.vue
│ │ │ ├── migrate.vue
│ │ │ └── realtime.vue
│ │ └── utils/
│ │ └── injection-keys.ts
│ ├── nuxt.config.ts
│ └── shared/
│ └── types/
│ ├── events.ts
│ ├── index.ts
│ └── metrics.ts
├── nuxt.config.ts
├── package.json
├── pnpm-workspace.yaml
├── public/
│ ├── colos.json
│ ├── countries.geojson
│ └── robots.txt
├── renovate.json
├── scripts/
│ ├── build-colo.js
│ ├── build-map.js
│ ├── build-sphere.js
│ └── build-testimonials.js
├── server/
│ ├── api/
│ │ ├── backup.post.ts
│ │ ├── link/
│ │ │ ├── ai.get.ts
│ │ │ ├── create.post.ts
│ │ │ ├── delete.post.ts
│ │ │ ├── edit.put.ts
│ │ │ ├── export.get.ts
│ │ │ ├── import.post.ts
│ │ │ ├── list.get.ts
│ │ │ ├── query.get.ts
│ │ │ ├── search.get.ts
│ │ │ └── upsert.post.ts
│ │ ├── location.get.ts
│ │ ├── logs/
│ │ │ ├── events.get.ts
│ │ │ └── locations.get.ts
│ │ ├── stats/
│ │ │ ├── counters.get.ts
│ │ │ ├── heatmap.get.ts
│ │ │ ├── metrics.get.ts
│ │ │ └── views.get.ts
│ │ ├── upload/
│ │ │ └── image.post.ts
│ │ └── verify.get.ts
│ ├── middleware/
│ │ ├── 1.redirect.ts
│ │ └── 2.auth.ts
│ ├── plugins/
│ │ └── backup.ts
│ ├── routes/
│ │ └── _assets/
│ │ └── [...key].get.ts
│ └── utils/
│ ├── access-log.ts
│ ├── backup.ts
│ ├── cloudflare.ts
│ ├── link-store.ts
│ ├── markdown.ts
│ ├── query-filter.ts
│ ├── redirect-i18n.ts
│ ├── safe-browsing.ts
│ ├── sql-bricks.ts
│ ├── template.ts
│ └── time.ts
├── shared/
│ ├── schemas/
│ │ ├── import.ts
│ │ ├── link.ts
│ │ └── query.ts
│ └── types/
│ ├── cloudflare.d.ts
│ ├── link.ts
│ ├── mysql-bricks.d.ts
│ └── traffic.ts
├── skills/
│ └── sink/
│ └── SKILL.md
├── tests/
│ ├── api/
│ │ ├── export-import.spec.ts
│ │ ├── link.spec.ts
│ │ ├── location.spec.ts
│ │ ├── logs.spec.ts
│ │ ├── stats.spec.ts
│ │ ├── upload.spec.ts
│ │ └── verify.spec.ts
│ ├── sink.spec.ts
│ ├── tsconfig.json
│ └── utils.ts
├── tsconfig.json
├── vitest.config.ts
├── worker-configuration.d.ts
└── wrangler.jsonc
================================================
FILE CONTENTS
================================================
================================================
FILE: .editorconfig
================================================
# editorconfig.org
root = true
[*]
indent_size = 2
indent_style = space
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
================================================
FILE: .env.example
================================================
NUXT_PUBLIC_PREVIEW_MODE=false
NUXT_PUBLIC_SLUG_DEFAULT_LENGTH=5
NUXT_SITE_TOKEN=SinkCool
NUXT_REDIRECT_STATUS_CODE=308
NUXT_LINK_CACHE_TTL=60
NUXT_REDIRECT_WITH_QUERY=false
NUXT_HOME_URL="https://sink.cool"
NUXT_CF_ACCOUNT_ID=123456
NUXT_CF_API_TOKEN=CloudflareAPIToken
NUXT_DATASET=sink
NUXT_AI_MODEL="@cf/meta/llama-3-8b-instruct"
NUXT_AI_PROMPT="You are a URL shortening assistant......"
NUXT_DISABLE_AUTO_BACKUP=false
NUXT_NOT_FOUND_REDIRECT=/your-own-404-page
================================================
FILE: .github/FUNDING.yml
================================================
github: miantiao-me
buy_me_a_coffee: miantiao
================================================
FILE: .github/workflows/issue-assistant.yml
================================================
name: issue-assistant
on:
issues:
types: [opened]
jobs:
issue-assistant:
runs-on: ubuntu-latest
permissions:
contents: read
issues: write
steps:
- name: Checkout repository
uses: actions/checkout@v4
with:
fetch-depth: 1
- name: Set up Bun
uses: oven-sh/setup-bun@v2
- name: Install opencode
run: curl -fsSL https://opencode.ai/install | bash
- name: Analyze issue
env:
OPENCODE_API_KEY: ${{ secrets.OPENCODE_API_KEY }}
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
OPENCODE_PERMISSION: |
{
"bash": {
"*": "deny",
"gh issue*": "allow"
},
"webfetch": "deny"
}
run: |
opencode run -m ${{ secrets.OPENCODE_MODEL }} "A new issue #${{ github.event.issue.number }} has been created. Lookup this issue, then do the following:
1. Read README.md and all files under docs/ directory to see if any documentation answers the issue.
2. Search existing issues (excluding #${{ github.event.issue.number }}) for potential duplicates by similarity in title, description, error messages, or functionality.
Based on your findings, post AT MOST ONE comment on #${{ github.event.issue.number }}. Combine all relevant info into a single comment. If nothing relevant found, do not comment at all.
Comment format example:
'👋 Here are some resources that may help:
**📖 From docs:** [brief explanation with relevant docs content]
**🔗 Related issues:**
- #123: [brief similarity]
Hope this helps! Feel free to provide more details if these don't address your case.'"
================================================
FILE: .gitignore
================================================
# Nuxt dev/build outputs
.output
.data
.nuxt
.nitro
.cache
dist
# Node dependencies
node_modules
# Logs
./logs
*.log
# Misc
.DS_Store
.fleet
.idea
# Local env files
.env
.env.*
!.env.example
.wrangler
site
cache
public/world.json
.dev.*
.kiro/steering/locale.md
.claude
.opencode
.agents
opencode.json
================================================
FILE: .mcp.json
================================================
{
"mcpServers": {
"shadcn-vue": {
"command": "npx",
"args": ["shadcn-vue@latest", "mcp"]
},
"nuxt": {
"type": "http",
"url": "https://nuxt.com/mcp"
}
}
}
================================================
FILE: .node-version
================================================
22
================================================
FILE: .npmrc
================================================
shamefully-hoist=false
strict-peer-dependencies=true
auto-install-peers=true
prefer-frozen-lockfile=true
save-dev=true
================================================
FILE: .vscode/extensions.json
================================================
{
"recommendations": [
"vue.volar"
]
}
================================================
FILE: .vscode/settings.json
================================================
{
// Disable the default formatter, use eslint instead
"prettier.enable": false,
"editor.formatOnSave": false,
// Auto fix
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.organizeImports": "never"
},
// Silent the stylistic rules in you IDE, but still auto fix them
"eslint.rules.customizations": [
{ "rule": "style/*", "severity": "off", "fixable": true },
{ "rule": "format/*", "severity": "off", "fixable": true },
{ "rule": "*-indent", "severity": "off", "fixable": true },
{ "rule": "*-spacing", "severity": "off", "fixable": true },
{ "rule": "*-spaces", "severity": "off", "fixable": true },
{ "rule": "*-order", "severity": "off", "fixable": true },
{ "rule": "*-dangle", "severity": "off", "fixable": true },
{ "rule": "*-newline", "severity": "off", "fixable": true },
{ "rule": "*quotes", "severity": "off", "fixable": true },
{ "rule": "*semi", "severity": "off", "fixable": true }
],
// Enable eslint for all supported languages
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
"html",
"markdown",
"json",
"jsonc",
"yaml",
"toml",
"xml",
"gql",
"graphql",
"astro",
"svelte",
"css",
"less",
"scss",
"pcss",
"postcss"
],
"i18n-ally.dirStructure": "auto",
"i18n-ally.localesPaths": [
"i18n/locales"
],
"i18n-ally.extract.keygenStyle": "camelCase",
"i18n-ally.keystyle": "nested",
"i18n-ally.enabledParsers": [
"json"
],
"i18n-ally.namespace": true,
"i18n-ally.sortKeys": true,
"i18n-ally.sourceLanguage": "en-US",
"i18n-ally.displayLanguage": "en-US",
"i18n-ally.parsers.typescript.compilerOptions": {
"moduleResolution": "node"
},
"i18n-ally.enabledFrameworks": ["vue"]
}
================================================
FILE: AGENTS.md
================================================
# Repository Guidelines
Guidelines for agentic coding agents operating in the Sink codebase.
## Project Overview
Sink is a link shortener with analytics, running 100% on Cloudflare. Uses Nuxt 4 frontend and Cloudflare Workers backend.
**All documentation and comments must be in English.**
## Project Structure
```
app/ # Nuxt 4 application (main app layer)
├── components/ # Vue components (PascalCase)
│ └── ui/ # shadcn-vue components (DO NOT EDIT - auto-generated)
├── composables/ # Vue composables (camelCase, use* prefix)
├── pages/ # File-based routing
├── types/ # TypeScript types (re-exports from shared/)
├── utils/ # Utility functions
└── lib/ # Shared helpers
layers/dashboard/ # Dashboard layer (extends app/)
└── app/components/dashboard/ # Dashboard-specific components
shared/ # Shared code (client + server)
├── schemas/ # Zod validation schemas
└── types/ # Shared TypeScript types
server/ # Nitro server (Cloudflare Workers)
├── api/ # API endpoints (method suffix: create.post.ts)
└── utils/ # Server utilities (auto-imported)
tests/ # Vitest tests (Cloudflare Workers pool)
```
## Commands
Use **pnpm** (v10+) with **Node.js 22+**.
```bash
# Development
pnpm dev # Start dev server (port 7465)
pnpm build # Production build
pnpm preview # Worker preview via wrangler
pnpm lint:fix # ESLint with auto-fix (ALWAYS run before commit)
pnpm types:check # TypeScript type check
# Testing (Vitest + @cloudflare/vitest-pool-workers)
pnpm vitest # Watch mode
pnpm vitest run # CI mode (run once)
pnpm vitest tests/api/link.spec.ts # Single test file
pnpm vitest -t "creates new link" # Match test name pattern
# Deployment
pnpm deploy:pages # Deploy to Cloudflare Pages
pnpm deploy:worker # Deploy to Cloudflare Workers
```
## Code Style
Uses `@antfu/eslint-config` with `eslint-plugin-better-tailwindcss`. Run `pnpm lint:fix` before committing.
**Formatting**: 2-space indent | Single quotes | No semicolons | Trailing commas
### TypeScript
- Use TypeScript everywhere; prefer `interface` for objects, `type` for unions/aliases
- Avoid `any`; use proper types or `unknown`
- Use Zod for runtime validation in `shared/schemas/`
- Export types with `export type` for type-only exports
```typescript
// shared/schemas/link.ts - shared validation
export const LinkSchema = z.object({
id: z.string().trim().max(26),
url: z.string().trim().url().max(2048),
slug: z.string().trim().max(2048).regex(slugRegex),
})
export type Link = z.infer<typeof LinkSchema>
```
### Vue Components
Use `<script setup lang="ts">` always. Files: PascalCase (`LinkEditor.vue`).
```vue
<script setup lang="ts">
import type { Link } from '@/types'
import { Copy } from 'lucide-vue-next'
const props = defineProps<{ link: Link }>()
const emit = defineEmits<{ update: [link: Link] }>()
</script>
<template>
<div>{{ props.link.slug }}</div>
</template>
```
### Imports
- **Prefer Nuxt auto-imports**: `ref`, `computed`, `useFetch`, `useState`, `useRuntimeConfig`, etc.
- **Explicit imports for**: external libs, types (`import type { Link } from '@/types'`), icons (`import { Copy } from 'lucide-vue-next'`)
- **Server utils are auto-imported**: Functions in `server/utils/` are available globally in server code
### Naming Conventions
| Item | Convention | Example |
| -------------- | ---------------- | ------------------ |
| Components | PascalCase | `LinkEditor.vue` |
| Composables | `use` prefix | `useAuthToken()` |
| API routes | method suffix | `create.post.ts` |
| Directories | kebab-case | `dashboard/links/` |
| Functions/vars | camelCase | `getLink` |
| Constants | UPPER_SNAKE_CASE | `TOKEN_KEY` |
### Error Handling
```typescript
// Server API - use createError for HTTP errors
export default eventHandler(async (event) => {
const link = await readValidatedBody(event, LinkSchema.parse)
if (existingLink) {
throw createError({ status: 409, statusText: 'Link already exists' })
}
})
```
## Cloudflare Bindings
Access via destructuring `event.context`:
```typescript
const { cloudflare } = event.context
const { KV, ANALYTICS, AI, R2 } = cloudflare.env
```
| Binding | Type | Purpose |
| ----------- | ---------------- | ---------------------------- |
| `KV` | Workers KV | Link storage (`link:{slug}`) |
| `ANALYTICS` | Analytics Engine | Click tracking & analytics |
| `AI` | Workers AI | AI-powered slug generation |
| `R2` | R2 Bucket | Image uploads & backup |
## Testing Patterns
Tests use `@cloudflare/vitest-pool-workers` with real Cloudflare bindings (single worker, shared storage).
```typescript
import { generateMock } from '@anatine/zod-mock'
import { describe, expect, it } from 'vitest'
import { fetchWithAuth, postJson } from '../utils'
describe.sequential('/api/link/create', () => {
it('creates new link with valid data', async () => {
const response = await postJson('/api/link/create', { url: 'https://example.com', slug: 'test' })
expect(response.status).toBe(201)
})
})
```
**Test utilities** (`tests/utils.ts`):
- `fetchWithAuth(path, options)` - GET with auth header
- `postJson(path, body, withAuth?)` - POST JSON with optional auth
- `putJson(path, body, withAuth?)` - PUT JSON with optional auth
- `fetch(path, options)` - Raw fetch without auth
Use `describe.sequential` for tests that share state (most API tests).
## UI Components
- Use shadcn-vue from `app/components/ui/` - **Never edit** (auto-generated)
- Use `ResponsiveModal` for mobile-optimized dialogs
- Use Tailwind CSS v4 for styling
- Use static English for `aria-label` (no `$t()` translations)
- Icons from `lucide-vue-next`
## Commits
Follow Conventional Commits: `feat:`, `fix:`, `docs:`, `chore:`, `refactor:`
## Pre-commit
`simple-git-hooks` runs `lint-staged` on commit, auto-runs `eslint --fix` on staged files.
## API Route Patterns
API routes use method suffix convention:
- `create.post.ts` → `POST /api/link/create`
- `query.get.ts` → `GET /api/link/query`
- `edit.put.ts` → `PUT /api/link/edit`
Server utils in `server/utils/` are auto-imported:
- `getLink(event, slug)` - Fetch link from KV
- `putLink(event, link)` - Store link in KV
- `deleteLink(event, slug)` - Remove link from KV
- `normalizeSlug(event, slug)` - Case normalization
- `buildShortLink(event, slug)` - Construct full URL
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct
## Our Pledge
We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, caste, color, religion, or sexual
identity and orientation.
We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.
## Our Standards
Examples of behavior that contributes to a positive environment for our
community include:
- Demonstrating empathy and kindness toward other people
- Being respectful of differing opinions, viewpoints, and experiences
- Giving and gracefully accepting constructive feedback
- Accepting responsibility and apologizing to those affected by our mistakes,
and learning from the experience
- Focusing on what is best not just for us as individuals, but for the overall
community
Examples of unacceptable behavior include:
- The use of sexualized language or imagery, and sexual attention or advances of
any kind
- Trolling, insulting or derogatory comments, and personal or political attacks
- Public or private harassment
- Publishing others' private information, such as a physical or email address,
without their explicit permission
- Other conduct which could reasonably be considered inappropriate in a
professional setting
## Enforcement Responsibilities
Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.
Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.
## Scope
This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official email address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
<chi@miantiao.me>.
All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the
reporter of any incident.
## Enforcement Guidelines
Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:
### 1. Correction
**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.
### 2. Warning
**Community Impact**: A violation through a single incident or series of
actions.
**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or permanent
ban.
### 3. Temporary Ban
**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.
### 4. Permanent Ban
**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within the
community.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.1, available at
[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
Community Impact Guidelines were inspired by
[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
For answers to common questions about this code of conduct, see the FAQ at
[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
[https://www.contributor-covenant.org/translations][translations].
[homepage]: https://www.contributor-covenant.org
[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
[Mozilla CoC]: https://github.com/mozilla/diversity
[FAQ]: https://www.contributor-covenant.org/faq
[translations]: https://www.contributor-covenant.org/translations
================================================
FILE: LICENSE
================================================
GNU AFFERO GENERAL PUBLIC LICENSE
Version 3, 19 November 2007
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU Affero General Public License is a free, copyleft license for
software and other kinds of works, specifically designed to ensure
cooperation with the community in the case of network server software.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
our General Public Licenses are intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
Developers that use our General Public Licenses protect your rights
with two steps: (1) assert copyright on the software, and (2) offer
you this License which gives you legal permission to copy, distribute
and/or modify the software.
A secondary benefit of defending all users' freedom is that
improvements made in alternate versions of the program, if they
receive widespread use, become available for other developers to
incorporate. Many developers of free software are heartened and
encouraged by the resulting cooperation. However, in the case of
software used on network servers, this result may fail to come about.
The GNU General Public License permits making a modified version and
letting the public access it on a server without ever releasing its
source code to the public.
The GNU Affero General Public License is designed specifically to
ensure that, in such cases, the modified source code becomes available
to the community. It requires the operator of a network server to
provide the source code of the modified version running there to the
users of that server. Therefore, public use of a modified version, on
a publicly accessible server, gives the public access to the source
code of the modified version.
An older license, called the Affero General Public License and
published by Affero, was designed to accomplish similar goals. This is
a different license, not a version of the Affero GPL, but Affero has
released a new version of the Affero GPL which permits relicensing under
this license.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU Affero General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force. You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright. Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under
the conditions stated below. Sublicensing is not allowed; section 10
makes it unnecessary.
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.
4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:
a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
b) The work must carry prominent notices stating that it is
released under this License and any conditions added under section
7. This requirement modifies the requirement in section 4 to
"keep intact all notices".
c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:
a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the
Corresponding Source from a network server at no charge.
c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
e) Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal, family,
or household purposes, or (2) anything designed or sold for incorporation
into a dwelling. In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage. For a particular
product received by a particular user, "normally used" refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product. A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source. The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed. Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:
a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
c) Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
d) Limiting the use for publicity purposes of names of licensors or
authors of the material; or
e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.
8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated (a)
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and (b) permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or
run a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License. You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license (a) in connection with copies of the covered work
conveyed by you (or copies made from those copies), or (b) primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all. For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.
13. Remote Network Interaction; Use with the GNU General Public License.
Notwithstanding any other provision of this License, if you modify the
Program, your modified version must prominently offer all users
interacting with it remotely through a computer network (if your version
supports such interaction) an opportunity to receive the Corresponding
Source of your version by providing access to the Corresponding Source
from a network server at no charge, through some standard or customary
means of facilitating copying of software. This Corresponding Source
shall include the Corresponding Source for any work covered by version 3
of the GNU General Public License that is incorporated pursuant to the
following paragraph.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the work with which it is combined will remain governed by version
3 of the GNU General Public License.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU Affero General Public License from time to time. Such new versions
will be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the
Program specifies that a certain numbered version of the GNU Affero General
Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the
GNU Affero General Public License, you may choose any version ever published
by the Free Software Foundation.
If the Program specifies that a proxy can decide which future
versions of the GNU Affero General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published
by the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If your software can interact with users remotely through a computer
network, you should also make sure that it provides a way for users to
get its source. For example, if your program is a web application, its
interface could display a "Source" link that leads users to an archive
of the code. There are many ways you could offer source, and different
solutions will be better for different programs; see section 13 for the
specific requirements.
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU AGPL, see
<https://www.gnu.org/licenses/>.
================================================
FILE: README.md
================================================
# ⚡ Sink
**A Simple / Speedy / Secure Link Shortener with Analytics, 100% run on Cloudflare.**
<a href="https://trendshift.io/repositories/10421" target="_blank">
<img
src="https://trendshift.io/api/badge/repositories/10421"
alt="miantiao-me/Sink | Trendshift"
width="250"
height="55"
/>
</a>
<a href="https://news.ycombinator.com/item?id=40843683" target="_blank">
<img
src="https://hackernews-badge.vercel.app/api?id=40843683"
alt="Featured on Hacker News"
width="250"
height="55"
/>
</a>
<a href="https://hellogithub.com/repository/57771fd91d1542c7a470959b677a9944" target="_blank">
<img
src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=57771fd91d1542c7a470959b677a9944&claim_uid=qi74Zp23wYKeAVB&theme=neutral"
alt="Featured｜HelloGitHub"
width="250"
height="55"
/>
</a>
<a href="https://www.uneed.best/tool/sink" target="_blank">
<img
src="https://www.uneed.best/POTW1.png"
alt="Uneed Badge"
width="250"
height="55"
/>
</a>
[<img src="https://devin.ai/assets/deepwiki-badge.png" alt="DeepWiki" height="20"/>](https://deepwiki.com/miantiao-me/Sink)
---
## ✨ Features
- **🔗 URL Shortening:** Compress your URLs to their minimal length.
- **📈 Analytics:** Monitor link analytics and gather insightful statistics.
- **☁️ Serverless:** Deploy without the need for traditional servers.
- **🎨 Customizable Slug:** Support for personalized slugs and case sensitivity.
- **🪄 AI Slug:** Leverage AI to generate slugs.
- **⏰ Link Expiration:** Set expiration dates for your links.
- **📱 Device Routing:** Redirect iOS/Android users to different URLs (App Store links).
- **🖼️ OpenGraph Preview:** Custom social media previews with title, description, and image.
- **📊 Real-time Analytics:** Live 3D globe visualization and real-time event logs.
- **🔲 QR Code:** Generate QR codes for your short links.
- **📦 Import/Export:** Bulk migration via JSON/CSV files.
- **🌍 Multi-language:** Full i18n support for the dashboard.
- **🌙 Dark Mode:** Light, dark, and system theme support.
## 🪧 Demo
Experience the demo at [Sink.Cool](https://sink.cool/dashboard). Log in using the Site Token below:
```txt
Site Token: SinkCool
```
<details>
<summary><b>Screenshots</b></summary>
<img alt="Analytics" src="./docs/images/sink.cool_dashboard.png"/>
<img alt="Links" src="./docs/images/sink.cool_dashboard_links.png"/>
<img alt="Link Analytics" src="./docs/images/sink.cool_dashboard_link_slug.png"/>
</details>
## 🧱 Technologies Used
- **Framework**: [Nuxt](https://nuxt.com/)
- **Database**: [Cloudflare Workers KV](https://developers.cloudflare.com/kv/)
- **Analytics Engine**: [Cloudflare Workers Analytics Engine](https://developers.cloudflare.com/analytics/)
- **UI Components**: [shadcn-vue](https://www.shadcn-vue.com/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **Deployment**: [Cloudflare](https://www.cloudflare.com/)
## 🚗 Roadmap [WIP]
We welcome your contributions and PRs.
- [x] Browser Extension - [Sink Tool](https://github.com/zhuzhuyule/sink-extension)
- [x] Chrome Extension - [Sink Quick Shorten](https://chromewebstore.google.com/detail/sink-quick-shorten/emlojomjpenjgkaphajcokijobpkejih)
- [x] Raycast Extension - [Raycast-Sink](https://github.com/foru17/raycast-sink)
- [x] Apple Shortcuts - [Sink Shortcuts](https://s.search1api.com/sink001)
- [x] iOS App - [Sink](https://apps.apple.com/app/id6745417598)
- [ ] Enhanced Link Management (with Cloudflare D1)
- [ ] Analytics Enhancements (Support for merging filter conditions)
- [ ] Dashboard Performance Optimization (Infinite loading)
- [ ] Units Test
## 🏗️ Deployment
> Video tutorial: [Watch here](https://www.youtube.com/watch?v=MkU23U2VE9E)
We currently support deployment to [Cloudflare Workers](./docs/deployment/workers.md) (recommended) and [Cloudflare Pages](./docs/deployment/pages.md).
## ⚒️ Configuration
[Configuration Docs](./docs/configuration.md)
## 🔌 API
[API Docs](./docs/api.md)
## 🤖 AI Skills
Install Sink AI Skills for enhanced coding assistance:
```bash
npx skills add miantiao-me/sink
```
## 🧰 MCP
We currently do not support native MCP Server, but we have OpenAPI documentation, and you can use the following method to support MCP.
> Replace the domain name in `OPENAPI_SPEC_URL` with your own domain name.
>
> The `API_KEY` is the same as the `NUXT_SITE_TOKEN` in the environment variables.
```json
{
"mcpServers": {
"sink": {
"command": "uvx",
"args": [
"mcp-openapi-proxy"
],
"env": {
"OPENAPI_SPEC_URL": "https://sink.cool/_docs/openapi.json",
"API_KEY": "SinkCool",
"TOOL_WHITELIST": "/api/link"
}
}
}
}
```
## 🙋🏻 FAQs
[FAQs](./docs/faqs.md)
## 💖 Credits
1. [**Cloudflare**](https://www.cloudflare.com/)
2. [**NuxtHub**](https://hub.nuxt.com/)
3. [**Astroship**](https://astroship.web3templates.com/)
4. [**Tailark**](https://tailark.com/)
## ☕ Sponsor
1. [Follow Me on X(Twitter)](https://404.li/x).
2. [Become a sponsor to on GitHub](https://github.com/sponsors/miantiao-me).
================================================
FILE: app/app.config.ts
================================================
export default defineAppConfig({
title: 'Sink',
github: 'https://github.com/miantiao-me/sink',
coffee: 'https://sink.cool/coffee',
twitter: 'https://sink.cool/x',
telegram: 'https://sink.cool/telegram',
description: 'A Simple / Speedy / Secure Link Shortener with Analytics, 100% run on Cloudflare.',
image: 'https://sink.cool/banner.png',
previewTTL: 300, // 5 minutes
slugRegex: /^[a-z0-9]+(?:-[a-z0-9]+)*$/i,
reserveSlug: [
'dashboard',
],
})
================================================
FILE: app/app.vue
================================================
<script setup lang="ts">
import 'vue-sonner/style.css'
const { title, description, image } = useAppConfig()
const route = useRoute()
useSeoMeta({
title: `${title} - Link Shortener with Analytics`,
description,
ogType: 'website',
ogTitle: title,
ogSiteName: title,
ogDescription: description,
ogImage: image,
twitterTitle: title,
twitterDescription: description,
twitterImage: image,
twitterCard: 'summary_large_image',
})
useHead({
htmlAttrs: {
lang: 'en',
},
meta: [
{
name: 'viewport',
content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no',
},
],
link: [
{
rel: 'canonical',
href: computed(() => `https://sink.cool${route.path}`),
},
{
rel: 'icon',
type: 'image/png',
href: '/icon-192.png',
},
{
rel: 'apple-touch-icon',
href: '/apple-touch-icon.png',
},
],
})
</script>
<template>
<NuxtLayout>
<NuxtLoadingIndicator color="#000" />
<NuxtPage />
<Toaster position="top-center" rich-colors />
</NuxtLayout>
</template>
================================================
FILE: app/assets/css/tailwind.css
================================================
@import 'tailwindcss';
@import 'tw-animate-css';
@source "../../../layers";
@custom-variant dark (&:is(.dark *));
@theme inline {
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
--color-card-foreground: var(--card-foreground);
--color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground);
--color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground);
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
--color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
--color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
}
:root {
--radius: 0.625rem;
--background: oklch(1 0 0);
--foreground: oklch(0.141 0.005 285.823);
--card: oklch(1 0 0);
--card-foreground: oklch(0.141 0.005 285.823);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.141 0.005 285.823);
--primary: oklch(0.21 0.006 285.885);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.967 0.001 286.375);
--secondary-foreground: oklch(0.21 0.006 285.885);
--muted: oklch(0.967 0.001 286.375);
--muted-foreground: oklch(0.552 0.016 285.938);
--accent: oklch(0.967 0.001 286.375);
--accent-foreground: oklch(0.21 0.006 285.885);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.92 0.004 286.32);
--input: oklch(0.92 0.004 286.32);
--ring: oklch(0.705 0.015 286.067);
--chart-1: oklch(0.871 0.15 154.449);
--chart-2: oklch(0.723 0.219 149.579);
--chart-3: oklch(0.627 0.194 149.214);
--chart-4: oklch(0.527 0.154 150.069);
--chart-5: oklch(0.448 0.119 151.328);
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.141 0.005 285.823);
--sidebar-primary: oklch(0.21 0.006 285.885);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.967 0.001 286.375);
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
--sidebar-border: oklch(0.92 0.004 286.32);
--sidebar-ring: oklch(0.705 0.015 286.067);
}
.dark {
--background: oklch(0.141 0.005 285.823);
--foreground: oklch(0.985 0 0);
--card: oklch(0.21 0.006 285.885);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.21 0.006 285.885);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.92 0.004 286.32);
--primary-foreground: oklch(0.21 0.006 285.885);
--secondary: oklch(0.274 0.006 286.033);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.274 0.006 286.033);
--muted-foreground: oklch(0.705 0.015 286.067);
--accent: oklch(0.274 0.006 286.033);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.552 0.016 285.938);
--chart-1: oklch(0.871 0.15 154.449);
--chart-2: oklch(0.723 0.219 149.579);
--chart-3: oklch(0.627 0.194 149.214);
--chart-4: oklch(0.527 0.154 150.069);
--chart-5: oklch(0.448 0.119 151.328);
--sidebar: oklch(0.21 0.006 285.885);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.274 0.006 286.033);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.552 0.016 285.938);
}
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
}
button:not(:disabled),
[role='button']:not(:disabled),
[role='menuitem']:not(:disabled),
[role='tab']:not(:disabled),
[role='option']:not(:disabled),
[role='switch']:not(:disabled),
[role='checkbox']:not(:disabled),
[role='radio']:not(:disabled),
summary,
label {
@apply cursor-pointer;
}
}
================================================
FILE: app/components/ResponsiveModal.vue
================================================
<script setup lang="ts">
import { useMediaQuery } from '@vueuse/core'
defineOptions({ inheritAttrs: false })
withDefaults(defineProps<{
title: string
description?: string
contentClass?: string
}>(), {
contentClass: '',
})
const slots = defineSlots<{
trigger?: () => any
default?: () => any
footer?: () => any
}>()
const open = defineModel<boolean>('open', { default: false })
const isDesktop = useMediaQuery('(min-width: 640px)')
</script>
<template>
<!-- Desktop: Dialog -->
<Dialog v-if="isDesktop" v-model:open="open">
<DialogTrigger v-if="slots.trigger" as-child>
<slot name="trigger" />
</DialogTrigger>
<DialogContent
class="
max-h-[90svh] max-w-[95svw] grid-rows-[auto_minmax(0,1fr)_auto]
md:max-w-lg
" :class="[
contentClass,
]"
>
<DialogHeader>
<DialogTitle>{{ title }}</DialogTitle>
<DialogDescription v-if="description">
{{ description }}
</DialogDescription>
</DialogHeader>
<div class="overflow-y-auto">
<slot />
</div>
<DialogFooter v-if="slots.footer">
<slot name="footer" />
</DialogFooter>
</DialogContent>
</Dialog>
<!-- Mobile: Drawer -->
<Drawer v-else v-model:open="open">
<DrawerTrigger v-if="slots.trigger" as-child>
<slot name="trigger" />
</DrawerTrigger>
<DrawerContent class="max-h-[90svh]">
<DrawerHeader>
<DrawerTitle>{{ title }}</DrawerTitle>
<DrawerDescription v-if="description">
{{ description }}
</DrawerDescription>
</DrawerHeader>
<div class="flex flex-1 flex-col items-center overflow-y-auto px-4">
<slot />
</div>
<DrawerFooter v-if="slots.footer" class="flex-row justify-end gap-2">
<slot name="footer" />
</DrawerFooter>
</DrawerContent>
</Drawer>
</template>
================================================
FILE: app/components/SwitchLanguage.vue
================================================
<script setup lang="ts">
import { Languages } from 'lucide-vue-next'
const { setLocale, locales } = useI18n()
</script>
<template>
<DropdownMenu>
<DropdownMenuTrigger as-child>
<Button variant="ghost">
<Languages class="h-5 w-5" />
<span class="sr-only">{{ $t('theme.toggle') }}</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
align="end"
class="min-w-min"
>
<DropdownMenuItem
v-for="locale in locales"
:key="locale.code"
class="cursor-pointer"
@click="setLocale(locale.code)"
>
<span class="mr-1">
{{ locale.emoji }}
</span>
{{ locale.name }}
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</template>
================================================
FILE: app/components/SwitchTheme.vue
================================================
<script setup lang="ts">
import { Laptop, Moon, Sun } from 'lucide-vue-next'
const colorMode = useColorMode()
</script>
<template>
<DropdownMenu>
<DropdownMenuTrigger as-child>
<Button variant="ghost">
<Sun
aria-hidden="true"
class="
absolute h-5 w-5 scale-100 transition-[transform,opacity]
dark:scale-0
"
/>
<Moon
aria-hidden="true"
class="
h-5 w-5 scale-0 transition-[transform,opacity]
dark:scale-100
"
/>
<span class="sr-only">{{ $t('theme.toggle') }}</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
align="end"
class="min-w-min"
>
<DropdownMenuItem
class="cursor-pointer"
@click="colorMode.preference = 'light'"
>
<Sun aria-hidden="true" class="mr-1 h-4 w-4" />
{{ $t('theme.light') }}
</DropdownMenuItem>
<DropdownMenuItem
class="cursor-pointer"
@click="colorMode.preference = 'dark'"
>
<Moon aria-hidden="true" class="mr-1 h-4 w-4" />
{{ $t('theme.dark') }}
</DropdownMenuItem>
<DropdownMenuItem
class="cursor-pointer"
@click="colorMode.preference = 'system'"
>
<Laptop aria-hidden="true" class="mr-1 h-4 w-4" />
{{ $t('theme.system') }}
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</template>
================================================
FILE: app/components/home/Cta.vue
================================================
<script setup lang="ts">
const { github } = useAppConfig()
</script>
<template>
<section class="py-16">
<div class="mx-auto max-w-6xl px-6">
<div
class="
mx-auto max-w-3xl rounded-xl border px-6 py-10
md:py-12
"
>
<div class="text-center">
<h2
class="text-3xl font-semibold text-balance"
>
{{ $t('home.cta.title') }}
</h2>
<p class="mt-4 text-muted-foreground">
{{ $t('home.cta.description') }}
</p>
<div class="mt-8 flex flex-wrap justify-center gap-4">
<Button
as-child
size="lg"
>
<a
:href="`${github}?tab=readme-ov-file#%EF%B8%8F-deployment`"
target="_blank"
:title="$t('home.cta.button')"
>
{{ $t('home.cta.button') }}
</a>
</Button>
<Button
as-child
size="lg"
variant="outline"
>
<NuxtLink to="/dashboard" :title="$t('dashboard.title')">
{{ $t('dashboard.title') }}
</NuxtLink>
</Button>
</div>
</div>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/home/Features.vue
================================================
<script setup lang="ts">
import { AreaChart, FileJson, Globe, Hourglass, Languages, Link, Paintbrush, QrCode, ServerOff, Share2, Smartphone, Sparkles } from 'lucide-vue-next'
const { t } = useI18n()
const features = computed(() => [
{
title: t('home.features.url_shortening.title'),
description: t('home.features.url_shortening.description'),
icon: Link,
},
{
title: t('home.features.analytics.title'),
description: t('home.features.analytics.description'),
icon: AreaChart,
},
{
title: t('home.features.serverless.title'),
description: t('home.features.serverless.description'),
icon: ServerOff,
},
{
title: t('home.features.customizable_slug.title'),
description: t('home.features.customizable_slug.description'),
icon: Paintbrush,
},
{
title: t('home.features.ai_slug.title'),
description: t('home.features.ai_slug.description'),
icon: Sparkles,
},
{
title: t('home.features.link_expiration.title'),
description: t('home.features.link_expiration.description'),
icon: Hourglass,
},
{
title: t('home.features.device_routing.title'),
description: t('home.features.device_routing.description'),
icon: Smartphone,
},
{
title: t('home.features.og_preview.title'),
description: t('home.features.og_preview.description'),
icon: Share2,
},
{
title: t('home.features.realtime_analytics.title'),
description: t('home.features.realtime_analytics.description'),
icon: Globe,
},
{
title: t('home.features.qr_code.title'),
description: t('home.features.qr_code.description'),
icon: QrCode,
},
{
title: t('home.features.import_export.title'),
description: t('home.features.import_export.description'),
icon: FileJson,
},
{
title: t('home.features.multi_language.title'),
description: t('home.features.multi_language.description'),
icon: Languages,
},
])
</script>
<template>
<section
class="
py-12
md:py-20
"
>
<div
class="
mx-auto max-w-6xl space-y-8 px-6
md:space-y-12
"
>
<div
class="relative z-10 mx-auto max-w-xl space-y-4 text-center"
>
<h2
class="text-3xl font-semibold text-balance"
>
{{ $t('home.features.title') }}
</h2>
<p class="text-muted-foreground">
{{ $t('home.features.subtitle') }}
</p>
</div>
<div
class="
relative mx-auto grid gap-3
sm:grid-cols-2
lg:grid-cols-3
"
>
<div
v-for="item in features"
:key="item.title"
class="space-y-3 rounded-xl border p-6"
>
<div class="flex items-center gap-2">
<component
:is="item.icon"
class="size-4"
/>
<h3 class="text-sm font-medium">
{{ item.title }}
</h3>
</div>
<p class="text-sm text-muted-foreground">
{{ item.description }}
</p>
</div>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/home/Hero.vue
================================================
<script setup lang="ts">
import { ArrowRight } from 'lucide-vue-next'
import { GitHubIcon, XIcon } from 'vue3-simple-icons'
import heroUrl from '@/assets/images/hero.svg?url'
const { title, description, github, twitter } = useAppConfig()
</script>
<template>
<section>
<div
class="
py-16
md:py-24
"
>
<div
class="
mx-auto flex max-w-6xl flex-col items-center gap-12 px-6
lg:flex-row lg:justify-between
"
>
<div
class="
max-w-lg text-center
lg:text-left
"
>
<!-- Twitter Follow Badge -->
<a
:href="twitter"
target="_blank"
rel="noopener"
:title="$t('home.twitter.follow')"
class="
mx-auto mb-8 inline-flex w-fit items-center gap-2 rounded-full
border p-1 pr-3
lg:mx-0
"
>
<span
class="
flex items-center gap-1.5 rounded-full bg-muted px-2 py-1
text-xs
"
>
<XIcon aria-hidden="true" class="size-3" />
</span>
<span class="text-sm">{{ $t('home.twitter.follow') }}</span>
<span class="block h-4 w-px bg-border" />
<ArrowRight aria-hidden="true" class="size-4" />
</a>
<h1
class="
text-4xl font-medium text-balance
md:text-5xl
xl:text-6xl
"
>
{{ title }}
</h1>
<p class="mt-6 text-lg text-pretty text-muted-foreground">
{{ description }}
</p>
<div
class="
mt-10 flex flex-col items-center justify-center gap-2
sm:flex-row
lg:justify-start
"
>
<Button
as-child
size="lg"
class="px-5 text-base"
>
<NuxtLink to="/dashboard">
<span class="text-nowrap">{{ $t('dashboard.title') }}</span>
</NuxtLink>
</Button>
<Button
as-child
size="lg"
variant="ghost"
class="px-5 text-base"
>
<a
:href="github"
target="_blank"
:title="$t('layouts.footer.social.github')"
class="flex items-center gap-1.5"
>
<GitHubIcon aria-hidden="true" class="size-5" />
<span class="text-nowrap">{{ $t('home.hero.github_repo') }}</span>
</a>
</Button>
</div>
</div>
<object
type="image/svg+xml"
:data="heroUrl"
class="
hidden aspect-square w-96 shrink-0
md:block
lg:w-[420px]
"
aria-label="Link sharing illustration"
suppressHydrationWarning
/>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/home/Logos.vue
================================================
<template>
<section class="bg-background py-12">
<div class="mx-auto max-w-6xl px-6">
<div
class="
flex items-center justify-center gap-x-12 gap-y-6
md:gap-x-24
"
>
<img
class="
h-20 w-auto
md:h-32
lg:h-44
"
alt="Cloudflare"
src="@/assets/images/cloudflare.png"
fetchpriority="high"
width="350"
height="176"
>
<img
class="
h-20 w-auto
md:h-32
lg:h-44
"
alt="Nuxt.js"
src="@/assets/images/nuxtjs.png"
fetchpriority="high"
width="350"
height="176"
>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/home/Stats.vue
================================================
<script setup lang="ts">
const { stats } = useGithubStats()
</script>
<template>
<section
class="
py-12
md:py-20
"
>
<div
class="
mx-auto max-w-6xl space-y-8 px-6
md:space-y-12
"
>
<div class="relative z-10 mx-auto max-w-xl space-y-4 text-center">
<h2
class="text-3xl font-semibold"
>
{{ $t('home.stats.title') }}
</h2>
<p class="text-muted-foreground">
{{ $t('home.stats.subtitle') }}
</p>
</div>
<div
class="
grid gap-0 divide-y
md:grid-cols-2 md:gap-2 md:divide-x md:divide-y-0
"
>
<div
class="
space-y-4 pb-6 text-center
md:pb-0
"
>
<ClientOnly>
<template #fallback>
<Skeleton class="mx-auto h-12 w-24" />
</template>
<div class="text-5xl font-bold tabular-nums">
{{ stats.stars }}
</div>
</ClientOnly>
<p class="text-muted-foreground">
{{ $t('home.stats.stars') }}
</p>
</div>
<div
class="
space-y-4 pt-6 text-center
md:pt-0
"
>
<ClientOnly>
<template #fallback>
<Skeleton class="mx-auto h-12 w-24" />
</template>
<div class="text-5xl font-bold tabular-nums">
{{ stats.forks }}
</div>
</ClientOnly>
<p class="text-muted-foreground">
{{ $t('home.stats.forks') }}
</p>
</div>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/home/Testimonials.vue
================================================
<script setup lang="ts">
import testimonials from '@/data/testimonials.json'
interface Testimonial {
id: string
name: string
username: string
content: string
url: string
verified: boolean
date: string
}
const typedTestimonials = testimonials as Testimonial[]
</script>
<template>
<section>
<div
class="
py-12
md:py-16
"
>
<div class="mx-auto max-w-6xl px-6">
<div class="text-center">
<h2 class="text-3xl font-semibold">
{{ $t('home.testimonials.title') }}
</h2>
<p class="mt-4 text-muted-foreground">
{{ $t('home.testimonials.subtitle') }}
</p>
</div>
<div
class="
mt-8 columns-1 gap-3 space-y-3
md:mt-12 md:columns-3
"
>
<a
v-for="testimonial in typedTestimonials"
:key="testimonial.id"
:href="testimonial.url"
target="_blank"
rel="noopener noreferrer"
class="block break-inside-avoid"
>
<Card
class="
transition-shadow
hover:shadow-md
"
>
<CardContent class="grid grid-cols-[auto_1fr] gap-3 px-4 py-0">
<Avatar class="size-9">
<AvatarImage
:alt="testimonial.name"
:src="`https://unavatar.webp.se/x/${testimonial.username}`"
loading="lazy"
referrerpolicy="no-referrer"
/>
<AvatarFallback>{{ testimonial.name.slice(0, 2) }}</AvatarFallback>
</Avatar>
<div>
<div class="flex items-center gap-1">
<h3 class="font-medium">
{{ testimonial.name }}
</h3>
<svg
v-if="testimonial.verified"
class="size-4 text-blue-500"
viewBox="0 0 22 22"
fill="currentColor"
>
<path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z" />
</svg>
</div>
<span
class="block text-sm tracking-wide text-muted-foreground"
>
@{{ testimonial.username }}
</span>
<blockquote class="mt-3">
<p class="text-foreground">
{{ testimonial.content }}
</p>
</blockquote>
</div>
</CardContent>
</Card>
</a>
</div>
</div>
</div>
</section>
</template>
================================================
FILE: app/components/ui/accordion/Accordion.vue
================================================
<script setup lang="ts">
import type { AccordionRootEmits, AccordionRootProps } from "reka-ui"
import {
AccordionRoot,
useForwardPropsEmits,
} from "reka-ui"
const props = defineProps<AccordionRootProps>()
const emits = defineEmits<AccordionRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<AccordionRoot v-slot="slotProps" data-slot="accordion" v-bind="forwarded">
<slot v-bind="slotProps" />
</AccordionRoot>
</template>
================================================
FILE: app/components/ui/accordion/AccordionContent.vue
================================================
<script setup lang="ts">
import type { AccordionContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AccordionContent } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AccordionContentProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AccordionContent
data-slot="accordion-content"
v-bind="delegatedProps"
class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
>
<div :class="cn('pt-0 pb-4', props.class)">
<slot />
</div>
</AccordionContent>
</template>
================================================
FILE: app/components/ui/accordion/AccordionItem.vue
================================================
<script setup lang="ts">
import type { AccordionItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AccordionItem, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AccordionItemProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<AccordionItem
v-slot="slotProps"
data-slot="accordion-item"
v-bind="forwardedProps"
:class="cn('border-b last:border-b-0', props.class)"
>
<slot v-bind="slotProps" />
</AccordionItem>
</template>
================================================
FILE: app/components/ui/accordion/AccordionTrigger.vue
================================================
<script setup lang="ts">
import type { AccordionTriggerProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ChevronDown } from "lucide-vue-next"
import {
AccordionHeader,
AccordionTrigger,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AccordionHeader class="flex">
<AccordionTrigger
data-slot="accordion-trigger"
v-bind="delegatedProps"
:class="
cn(
'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
props.class,
)
"
>
<slot />
<slot name="icon">
<ChevronDown
class="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
/>
</slot>
</AccordionTrigger>
</AccordionHeader>
</template>
================================================
FILE: app/components/ui/accordion/index.ts
================================================
export { default as Accordion } from "./Accordion.vue"
export { default as AccordionContent } from "./AccordionContent.vue"
export { default as AccordionItem } from "./AccordionItem.vue"
export { default as AccordionTrigger } from "./AccordionTrigger.vue"
================================================
FILE: app/components/ui/alert/Alert.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import type { AlertVariants } from "."
import { cn } from "@/lib/utils"
import { alertVariants } from "."
const props = defineProps<{
class?: HTMLAttributes["class"]
variant?: AlertVariants["variant"]
}>()
</script>
<template>
<div
data-slot="alert"
:class="cn(alertVariants({ variant }), props.class)"
role="alert"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/alert/AlertDescription.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="alert-description"
:class="cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/alert/AlertTitle.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="alert-title"
:class="cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/alert/index.ts
================================================
import type { VariantProps } from "class-variance-authority"
import { cva } from "class-variance-authority"
export { default as Alert } from "./Alert.vue"
export { default as AlertDescription } from "./AlertDescription.vue"
export { default as AlertTitle } from "./AlertTitle.vue"
export const alertVariants = cva(
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
{
variants: {
variant: {
default: "bg-card text-card-foreground",
destructive:
"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
},
},
defaultVariants: {
variant: "default",
},
},
)
export type AlertVariants = VariantProps<typeof alertVariants>
================================================
FILE: app/components/ui/alert-dialog/AlertDialog.vue
================================================
<script setup lang="ts">
import type { AlertDialogEmits, AlertDialogProps } from "reka-ui"
import { AlertDialogRoot, useForwardPropsEmits } from "reka-ui"
const props = defineProps<AlertDialogProps>()
const emits = defineEmits<AlertDialogEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<AlertDialogRoot v-slot="slotProps" data-slot="alert-dialog" v-bind="forwarded">
<slot v-bind="slotProps" />
</AlertDialogRoot>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogAction.vue
================================================
<script setup lang="ts">
import type { AlertDialogActionProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AlertDialogAction } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from '@/components/ui/button'
const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AlertDialogAction v-bind="delegatedProps" :class="cn(buttonVariants(), props.class)">
<slot />
</AlertDialogAction>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogCancel.vue
================================================
<script setup lang="ts">
import type { AlertDialogCancelProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AlertDialogCancel } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from '@/components/ui/button'
const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AlertDialogCancel
v-bind="delegatedProps"
:class="cn(
buttonVariants({ variant: 'outline' }),
'mt-2 sm:mt-0',
props.class,
)"
>
<slot />
</AlertDialogCancel>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogContent.vue
================================================
<script setup lang="ts">
import type { AlertDialogContentEmits, AlertDialogContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
AlertDialogContent,
AlertDialogOverlay,
AlertDialogPortal,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
defineOptions({
inheritAttrs: false,
})
const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<AlertDialogContentEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<AlertDialogPortal>
<AlertDialogOverlay
data-slot="alert-dialog-overlay"
class="data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80"
/>
<AlertDialogContent
data-slot="alert-dialog-content"
v-bind="{ ...$attrs, ...forwarded }"
:class="
cn(
'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',
props.class,
)
"
>
<slot />
</AlertDialogContent>
</AlertDialogPortal>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogDescription.vue
================================================
<script setup lang="ts">
import type { AlertDialogDescriptionProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
AlertDialogDescription,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AlertDialogDescription
data-slot="alert-dialog-description"
v-bind="delegatedProps"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot />
</AlertDialogDescription>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogFooter.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="alert-dialog-footer"
:class="
cn(
'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',
props.class,
)
"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogHeader.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="alert-dialog-header"
:class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogTitle.vue
================================================
<script setup lang="ts">
import type { AlertDialogTitleProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AlertDialogTitle } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AlertDialogTitle
data-slot="alert-dialog-title"
v-bind="delegatedProps"
:class="cn('text-lg font-semibold', props.class)"
>
<slot />
</AlertDialogTitle>
</template>
================================================
FILE: app/components/ui/alert-dialog/AlertDialogTrigger.vue
================================================
<script setup lang="ts">
import type { AlertDialogTriggerProps } from "reka-ui"
import { AlertDialogTrigger } from "reka-ui"
const props = defineProps<AlertDialogTriggerProps>()
</script>
<template>
<AlertDialogTrigger data-slot="alert-dialog-trigger" v-bind="props">
<slot />
</AlertDialogTrigger>
</template>
================================================
FILE: app/components/ui/alert-dialog/index.ts
================================================
export { default as AlertDialog } from "./AlertDialog.vue"
export { default as AlertDialogAction } from "./AlertDialogAction.vue"
export { default as AlertDialogCancel } from "./AlertDialogCancel.vue"
export { default as AlertDialogContent } from "./AlertDialogContent.vue"
export { default as AlertDialogDescription } from "./AlertDialogDescription.vue"
export { default as AlertDialogFooter } from "./AlertDialogFooter.vue"
export { default as AlertDialogHeader } from "./AlertDialogHeader.vue"
export { default as AlertDialogTitle } from "./AlertDialogTitle.vue"
export { default as AlertDialogTrigger } from "./AlertDialogTrigger.vue"
================================================
FILE: app/components/ui/aspect-ratio/AspectRatio.vue
================================================
<script setup lang="ts">
import type { AspectRatioProps } from "reka-ui"
import { AspectRatio } from "reka-ui"
const props = defineProps<AspectRatioProps>()
</script>
<template>
<AspectRatio
v-slot="slotProps"
data-slot="aspect-ratio"
v-bind="props"
>
<slot v-bind="slotProps" />
</AspectRatio>
</template>
================================================
FILE: app/components/ui/aspect-ratio/index.ts
================================================
export { default as AspectRatio } from "./AspectRatio.vue"
================================================
FILE: app/components/ui/avatar/Avatar.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { AvatarRoot } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<AvatarRoot
data-slot="avatar"
:class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
>
<slot />
</AvatarRoot>
</template>
================================================
FILE: app/components/ui/avatar/AvatarFallback.vue
================================================
<script setup lang="ts">
import type { AvatarFallbackProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { AvatarFallback } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<AvatarFallbackProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<AvatarFallback
data-slot="avatar-fallback"
v-bind="delegatedProps"
:class="cn('bg-muted flex size-full items-center justify-center rounded-full', props.class)"
>
<slot />
</AvatarFallback>
</template>
================================================
FILE: app/components/ui/avatar/AvatarImage.vue
================================================
<script setup lang="ts">
import type { AvatarImageProps } from "reka-ui"
import { AvatarImage } from "reka-ui"
const props = defineProps<AvatarImageProps>()
</script>
<template>
<AvatarImage
data-slot="avatar-image"
v-bind="props"
class="aspect-square size-full"
>
<slot />
</AvatarImage>
</template>
================================================
FILE: app/components/ui/avatar/index.ts
================================================
export { default as Avatar } from "./Avatar.vue"
export { default as AvatarFallback } from "./AvatarFallback.vue"
export { default as AvatarImage } from "./AvatarImage.vue"
================================================
FILE: app/components/ui/badge/Badge.vue
================================================
<script setup lang="ts">
import type { PrimitiveProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import type { BadgeVariants } from "."
import { reactiveOmit } from "@vueuse/core"
import { Primitive } from "reka-ui"
import { cn } from "@/lib/utils"
import { badgeVariants } from "."
const props = defineProps<PrimitiveProps & {
variant?: BadgeVariants["variant"]
class?: HTMLAttributes["class"]
}>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<Primitive
data-slot="badge"
:class="cn(badgeVariants({ variant }), props.class)"
v-bind="delegatedProps"
>
<slot />
</Primitive>
</template>
================================================
FILE: app/components/ui/badge/index.ts
================================================
import type { VariantProps } from "class-variance-authority"
import { cva } from "class-variance-authority"
export { default as Badge } from "./Badge.vue"
export const badgeVariants = cva(
"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
{
variants: {
variant: {
default:
"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
secondary:
"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
destructive:
"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
outline:
"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
},
},
defaultVariants: {
variant: "default",
},
},
)
export type BadgeVariants = VariantProps<typeof badgeVariants>
================================================
FILE: app/components/ui/breadcrumb/Breadcrumb.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<nav
aria-label="breadcrumb"
data-slot="breadcrumb"
:class="props.class"
>
<slot />
</nav>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbEllipsis.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
import { MoreHorizontal } from "lucide-vue-next"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<span
data-slot="breadcrumb-ellipsis"
role="presentation"
aria-hidden="true"
:class="cn('flex size-9 items-center justify-center', props.class)"
>
<slot>
<MoreHorizontal class="size-4" />
</slot>
<span class="sr-only">More</span>
</span>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbItem.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<li
data-slot="breadcrumb-item"
:class="cn('inline-flex items-center gap-1.5', props.class)"
>
<slot />
</li>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbLink.vue
================================================
<script lang="ts" setup>
import type { PrimitiveProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { Primitive } from "reka-ui"
import { cn } from "@/lib/utils"
const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(), {
as: "a",
})
</script>
<template>
<Primitive
data-slot="breadcrumb-link"
:as="as"
:as-child="asChild"
:class="cn('hover:text-foreground transition-colors', props.class)"
>
<slot />
</Primitive>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbList.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<ol
data-slot="breadcrumb-list"
:class="cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', props.class)"
>
<slot />
</ol>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbPage.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<span
data-slot="breadcrumb-page"
role="link"
aria-disabled="true"
aria-current="page"
:class="cn('text-foreground font-normal', props.class)"
>
<slot />
</span>
</template>
================================================
FILE: app/components/ui/breadcrumb/BreadcrumbSeparator.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from "vue"
import { ChevronRight } from "lucide-vue-next"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<li
data-slot="breadcrumb-separator"
role="presentation"
aria-hidden="true"
:class="cn('[&>svg]:size-3.5', props.class)"
>
<slot>
<ChevronRight />
</slot>
</li>
</template>
================================================
FILE: app/components/ui/breadcrumb/index.ts
================================================
export { default as Breadcrumb } from "./Breadcrumb.vue"
export { default as BreadcrumbEllipsis } from "./BreadcrumbEllipsis.vue"
export { default as BreadcrumbItem } from "./BreadcrumbItem.vue"
export { default as BreadcrumbLink } from "./BreadcrumbLink.vue"
export { default as BreadcrumbList } from "./BreadcrumbList.vue"
export { default as BreadcrumbPage } from "./BreadcrumbPage.vue"
export { default as BreadcrumbSeparator } from "./BreadcrumbSeparator.vue"
================================================
FILE: app/components/ui/button/Button.vue
================================================
<script setup lang="ts">
import type { PrimitiveProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import type { ButtonVariants } from "."
import { Primitive } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from "."
interface Props extends PrimitiveProps {
variant?: ButtonVariants["variant"]
size?: ButtonVariants["size"]
class?: HTMLAttributes["class"]
}
const props = withDefaults(defineProps<Props>(), {
as: "button",
})
</script>
<template>
<Primitive
data-slot="button"
:as="as"
:as-child="asChild"
:class="cn(buttonVariants({ variant, size }), props.class)"
>
<slot />
</Primitive>
</template>
================================================
FILE: app/components/ui/button/index.ts
================================================
import type { VariantProps } from "class-variance-authority"
import { cva } from "class-variance-authority"
export { default as Button } from "./Button.vue"
export const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
{
variants: {
variant: {
default:
"bg-primary text-primary-foreground hover:bg-primary/90",
destructive:
"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
outline:
"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
secondary:
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
ghost:
"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
link: "text-primary underline-offset-4 hover:underline",
},
size: {
"default": "h-9 px-4 py-2 has-[>svg]:px-3",
"sm": "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
"lg": "h-10 rounded-md px-6 has-[>svg]:px-4",
"icon": "size-9",
"icon-sm": "size-8",
"icon-lg": "size-10",
},
},
defaultVariants: {
variant: "default",
size: "default",
},
},
)
export type ButtonVariants = VariantProps<typeof buttonVariants>
================================================
FILE: app/components/ui/button-group/ButtonGroup.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import type { ButtonGroupVariants } from "."
import { cn } from "@/lib/utils"
import { buttonGroupVariants } from "."
const props = defineProps<{
class?: HTMLAttributes["class"]
orientation?: ButtonGroupVariants["orientation"]
}>()
</script>
<template>
<div
role="group"
data-slot="button-group"
:data-orientation="props.orientation"
:class="cn(buttonGroupVariants({ orientation: props.orientation }), props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/button-group/ButtonGroupSeparator.vue
================================================
<script setup lang="ts">
import type { SeparatorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { cn } from "@/lib/utils"
import { Separator } from '@/components/ui/separator'
const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(), {
orientation: "vertical",
})
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<Separator
data-slot="button-group-separator"
v-bind="delegatedProps"
:orientation="props.orientation"
:class="cn(
'bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto',
props.class,
)"
/>
</template>
================================================
FILE: app/components/ui/button-group/ButtonGroupText.vue
================================================
<script setup lang="ts">
import type { PrimitiveProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import type { ButtonGroupVariants } from "."
import { Primitive } from "reka-ui"
import { cn } from "@/lib/utils"
interface Props extends PrimitiveProps {
class?: HTMLAttributes["class"]
orientation?: ButtonGroupVariants["orientation"]
}
const props = withDefaults(defineProps<Props>(), {
as: "div",
})
</script>
<template>
<Primitive
role="group"
data-slot="button-group"
:data-orientation="props.orientation"
:as="as"
:as-child="asChild"
:class="cn('bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
>
<slot />
</Primitive>
</template>
================================================
FILE: app/components/ui/button-group/index.ts
================================================
import type { VariantProps } from "class-variance-authority"
import { cva } from "class-variance-authority"
export { default as ButtonGroup } from "./ButtonGroup.vue"
export { default as ButtonGroupSeparator } from "./ButtonGroupSeparator.vue"
export { default as ButtonGroupText } from "./ButtonGroupText.vue"
export const buttonGroupVariants = cva(
"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
{
variants: {
orientation: {
horizontal:
"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
vertical:
"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
},
},
defaultVariants: {
orientation: "horizontal",
},
},
)
export type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>
================================================
FILE: app/components/ui/calendar/Calendar.vue
================================================
<script lang="ts" setup>
import type { CalendarRootEmits, CalendarRootProps, DateValue } from "reka-ui"
import type { HTMLAttributes, Ref } from "vue"
import type { LayoutTypes } from "."
import { getLocalTimeZone, today } from "@internationalized/date"
import { createReusableTemplate, reactiveOmit, useVModel } from "@vueuse/core"
import { CalendarRoot, useDateFormatter, useForwardPropsEmits } from "reka-ui"
import { createYear, createYearRange, toDate } from "reka-ui/date"
import { computed, toRaw } from "vue"
import { cn } from "@/lib/utils"
import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select'
import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from "."
const props = withDefaults(defineProps<CalendarRootProps & { class?: HTMLAttributes["class"], layout?: LayoutTypes, yearRange?: DateValue[] }>(), {
modelValue: undefined,
layout: undefined,
})
const emits = defineEmits<CalendarRootEmits>()
const delegatedProps = reactiveOmit(props, "class", "layout", "placeholder")
const placeholder = useVModel(props, "placeholder", emits, {
passive: true,
defaultValue: props.defaultPlaceholder ?? today(getLocalTimeZone()),
}) as Ref<DateValue>
const formatter = useDateFormatter(props.locale ?? "en")
const yearRange = computed(() => {
return props.yearRange ?? createYearRange({
start: props?.minValue ?? (toRaw(props.placeholder) ?? props.defaultPlaceholder ?? today(getLocalTimeZone()))
.cycle("year", -100),
end: props?.maxValue ?? (toRaw(props.placeholder) ?? props.defaultPlaceholder ?? today(getLocalTimeZone()))
.cycle("year", 10),
})
})
const [DefineMonthTemplate, ReuseMonthTemplate] = createReusableTemplate<{ date: DateValue }>()
const [DefineYearTemplate, ReuseYearTemplate] = createReusableTemplate<{ date: DateValue }>()
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<DefineMonthTemplate v-slot="{ date }">
<div class="**:data-[slot=native-select-icon]:right-1">
<div class="relative">
<div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none">
{{ formatter.custom(toDate(date), { month: 'short' }) }}
</div>
<NativeSelect
class="text-xs h-8 pr-6 pl-2 text-transparent relative"
@change="(e: Event) => {
placeholder = placeholder.set({
month: Number((e?.target as any)?.value),
})
}"
>
<NativeSelectOption v-for="(month) in createYear({ dateObj: date })" :key="month.toString()" :value="month.month" :selected="date.month === month.month">
{{ formatter.custom(toDate(month), { month: 'short' }) }}
</NativeSelectOption>
</NativeSelect>
</div>
</div>
</DefineMonthTemplate>
<DefineYearTemplate v-slot="{ date }">
<div class="**:data-[slot=native-select-icon]:right-1">
<div class="relative">
<div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none">
{{ formatter.custom(toDate(date), { year: 'numeric' }) }}
</div>
<NativeSelect
class="text-xs h-8 pr-6 pl-2 text-transparent relative"
@change="(e: Event) => {
placeholder = placeholder.set({
year: Number((e?.target as any)?.value),
})
}"
>
<NativeSelectOption v-for="(year) in yearRange" :key="year.toString()" :value="year.year" :selected="date.year === year.year">
{{ formatter.custom(toDate(year), { year: 'numeric' }) }}
</NativeSelectOption>
</NativeSelect>
</div>
</div>
</DefineYearTemplate>
<CalendarRoot
v-slot="{ grid, weekDays, date }"
v-bind="forwarded"
v-model:placeholder="placeholder"
data-slot="calendar"
:class="cn('p-3', props.class)"
>
<CalendarHeader class="pt-0">
<nav class="flex items-center gap-1 absolute top-0 inset-x-0 justify-between">
<CalendarPrevButton>
<slot name="calendar-prev-icon" />
</CalendarPrevButton>
<CalendarNextButton>
<slot name="calendar-next-icon" />
</CalendarNextButton>
</nav>
<slot name="calendar-heading" :date="date" :month="ReuseMonthTemplate" :year="ReuseYearTemplate">
<template v-if="layout === 'month-and-year'">
<div class="flex items-center justify-center gap-1">
<ReuseMonthTemplate :date="date" />
<ReuseYearTemplate :date="date" />
</div>
</template>
<template v-else-if="layout === 'month-only'">
<div class="flex items-center justify-center gap-1">
<ReuseMonthTemplate :date="date" />
{{ formatter.custom(toDate(date), { year: 'numeric' }) }}
</div>
</template>
<template v-else-if="layout === 'year-only'">
<div class="flex items-center justify-center gap-1">
{{ formatter.custom(toDate(date), { month: 'short' }) }}
<ReuseYearTemplate :date="date" />
</div>
</template>
<template v-else>
<CalendarHeading />
</template>
</slot>
</CalendarHeader>
<div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
<CalendarGrid v-for="month in grid" :key="month.value.toString()">
<CalendarGridHead>
<CalendarGridRow>
<CalendarHeadCell
v-for="day in weekDays" :key="day"
>
{{ day }}
</CalendarHeadCell>
</CalendarGridRow>
</CalendarGridHead>
<CalendarGridBody>
<CalendarGridRow v-for="(weekDates, index) in month.rows" :key="`weekDate-${index}`" class="mt-2 w-full">
<CalendarCell
v-for="weekDate in weekDates"
:key="weekDate.toString()"
:date="weekDate"
>
<CalendarCellTrigger
:day="weekDate"
:month="month.value"
/>
</CalendarCell>
</CalendarGridRow>
</CalendarGridBody>
</CalendarGrid>
</div>
</CalendarRoot>
</template>
================================================
FILE: app/components/ui/calendar/CalendarCell.vue
================================================
<script lang="ts" setup>
import type { CalendarCellProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarCell, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarCellProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarCell
data-slot="calendar-cell"
:class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent', props.class)"
v-bind="forwardedProps"
>
<slot />
</CalendarCell>
</template>
================================================
FILE: app/components/ui/calendar/CalendarCellTrigger.vue
================================================
<script lang="ts" setup>
import type { CalendarCellTriggerProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarCellTrigger, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from '@/components/ui/button'
const props = withDefaults(defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes["class"] }>(), {
as: "button",
})
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarCellTrigger
data-slot="calendar-cell-trigger"
:class="cn(
buttonVariants({ variant: 'ghost' }),
'size-8 p-0 font-normal aria-selected:opacity-100 cursor-default',
'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
// Selected
'data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground',
// Disabled
'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
// Unavailable
'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
// Outside months
'data-[outside-view]:text-muted-foreground',
props.class,
)"
v-bind="forwardedProps"
>
<slot />
</CalendarCellTrigger>
</template>
================================================
FILE: app/components/ui/calendar/CalendarGrid.vue
================================================
<script lang="ts" setup>
import type { CalendarGridProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarGrid, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarGridProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarGrid
data-slot="calendar-grid"
:class="cn('w-full border-collapse space-x-1', props.class)"
v-bind="forwardedProps"
>
<slot />
</CalendarGrid>
</template>
================================================
FILE: app/components/ui/calendar/CalendarGridBody.vue
================================================
<script lang="ts" setup>
import type { CalendarGridBodyProps } from "reka-ui"
import { CalendarGridBody } from "reka-ui"
const props = defineProps<CalendarGridBodyProps>()
</script>
<template>
<CalendarGridBody
data-slot="calendar-grid-body"
v-bind="props"
>
<slot />
</CalendarGridBody>
</template>
================================================
FILE: app/components/ui/calendar/CalendarGridHead.vue
================================================
<script lang="ts" setup>
import type { CalendarGridHeadProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { CalendarGridHead } from "reka-ui"
const props = defineProps<CalendarGridHeadProps & { class?: HTMLAttributes["class"] }>()
</script>
<template>
<CalendarGridHead
data-slot="calendar-grid-head"
v-bind="props"
>
<slot />
</CalendarGridHead>
</template>
================================================
FILE: app/components/ui/calendar/CalendarGridRow.vue
================================================
<script lang="ts" setup>
import type { CalendarGridRowProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarGridRow, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarGridRow
data-slot="calendar-grid-row"
:class="cn('flex', props.class)" v-bind="forwardedProps"
>
<slot />
</CalendarGridRow>
</template>
================================================
FILE: app/components/ui/calendar/CalendarHeadCell.vue
================================================
<script lang="ts" setup>
import type { CalendarHeadCellProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarHeadCell, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarHeadCell
data-slot="calendar-head-cell"
:class="cn('text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem]', props.class)"
v-bind="forwardedProps"
>
<slot />
</CalendarHeadCell>
</template>
================================================
FILE: app/components/ui/calendar/CalendarHeader.vue
================================================
<script lang="ts" setup>
import type { CalendarHeaderProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarHeader, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarHeader
data-slot="calendar-header"
:class="cn('flex justify-center pt-1 relative items-center w-full px-8', props.class)"
v-bind="forwardedProps"
>
<slot />
</CalendarHeader>
</template>
================================================
FILE: app/components/ui/calendar/CalendarHeading.vue
================================================
<script lang="ts" setup>
import type { CalendarHeadingProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { CalendarHeading, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes["class"] }>()
defineSlots<{
default: (props: { headingValue: string }) => any
}>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarHeading
v-slot="{ headingValue }"
data-slot="calendar-heading"
:class="cn('text-sm font-medium', props.class)"
v-bind="forwardedProps"
>
<slot :heading-value>
{{ headingValue }}
</slot>
</CalendarHeading>
</template>
================================================
FILE: app/components/ui/calendar/CalendarNextButton.vue
================================================
<script lang="ts" setup>
import type { CalendarNextProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ChevronRight } from "lucide-vue-next"
import { CalendarNext, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from '@/components/ui/button'
const props = defineProps<CalendarNextProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarNext
data-slot="calendar-next-button"
:class="cn(
buttonVariants({ variant: 'outline' }),
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
props.class,
)"
v-bind="forwardedProps"
>
<slot>
<ChevronRight class="size-4" />
</slot>
</CalendarNext>
</template>
================================================
FILE: app/components/ui/calendar/CalendarPrevButton.vue
================================================
<script lang="ts" setup>
import type { CalendarPrevProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ChevronLeft } from "lucide-vue-next"
import { CalendarPrev, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
import { buttonVariants } from '@/components/ui/button'
const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<CalendarPrev
data-slot="calendar-prev-button"
:class="cn(
buttonVariants({ variant: 'outline' }),
'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
props.class,
)"
v-bind="forwardedProps"
>
<slot>
<ChevronLeft class="size-4" />
</slot>
</CalendarPrev>
</template>
================================================
FILE: app/components/ui/calendar/index.ts
================================================
export { default as Calendar } from "./Calendar.vue"
export { default as CalendarCell } from "./CalendarCell.vue"
export { default as CalendarCellTrigger } from "./CalendarCellTrigger.vue"
export { default as CalendarGrid } from "./CalendarGrid.vue"
export { default as CalendarGridBody } from "./CalendarGridBody.vue"
export { default as CalendarGridHead } from "./CalendarGridHead.vue"
export { default as CalendarGridRow } from "./CalendarGridRow.vue"
export { default as CalendarHeadCell } from "./CalendarHeadCell.vue"
export { default as CalendarHeader } from "./CalendarHeader.vue"
export { default as CalendarHeading } from "./CalendarHeading.vue"
export { default as CalendarNextButton } from "./CalendarNextButton.vue"
export { default as CalendarPrevButton } from "./CalendarPrevButton.vue"
export type LayoutTypes = "month-and-year" | "month-only" | "year-only" | undefined
================================================
FILE: app/components/ui/card/Card.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="card"
:class="
cn(
'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
props.class,
)
"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/card/CardAction.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="card-action"
:class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/card/CardContent.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="card-content"
:class="cn('px-6', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/card/CardDescription.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<p
data-slot="card-description"
:class="cn('text-muted-foreground text-sm', props.class)"
>
<slot />
</p>
</template>
================================================
FILE: app/components/ui/card/CardFooter.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="card-footer"
:class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/card/CardHeader.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<div
data-slot="card-header"
:class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/card/CardTitle.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<h3
data-slot="card-title"
:class="cn('leading-none font-semibold', props.class)"
>
<slot />
</h3>
</template>
================================================
FILE: app/components/ui/card/index.ts
================================================
export { default as Card } from "./Card.vue"
export { default as CardAction } from "./CardAction.vue"
export { default as CardContent } from "./CardContent.vue"
export { default as CardDescription } from "./CardDescription.vue"
export { default as CardFooter } from "./CardFooter.vue"
export { default as CardHeader } from "./CardHeader.vue"
export { default as CardTitle } from "./CardTitle.vue"
================================================
FILE: app/components/ui/carousel/Carousel.vue
================================================
<script setup lang="ts">
import type { CarouselEmits, CarouselProps, WithClassAsProps } from "./interface"
import { cn } from "@/lib/utils"
import { useProvideCarousel } from "./useCarousel"
const props = withDefaults(defineProps<CarouselProps & WithClassAsProps>(), {
orientation: "horizontal",
})
const emits = defineEmits<CarouselEmits>()
const { canScrollNext, canScrollPrev, carouselApi, carouselRef, orientation, scrollNext, scrollPrev } = useProvideCarousel(props, emits)
defineExpose({
canScrollNext,
canScrollPrev,
carouselApi,
carouselRef,
orientation,
scrollNext,
scrollPrev,
})
function onKeyDown(event: KeyboardEvent) {
const prevKey = props.orientation === "vertical" ? "ArrowUp" : "ArrowLeft"
const nextKey = props.orientation === "vertical" ? "ArrowDown" : "ArrowRight"
if (event.key === prevKey) {
event.preventDefault()
scrollPrev()
return
}
if (event.key === nextKey) {
event.preventDefault()
scrollNext()
}
}
</script>
<template>
<div
data-slot="carousel"
:class="cn('relative', props.class)"
role="region"
aria-roledescription="carousel"
tabindex="0"
@keydown="onKeyDown"
>
<slot :can-scroll-next :can-scroll-prev :carousel-api :carousel-ref :orientation :scroll-next :scroll-prev />
</div>
</template>
================================================
FILE: app/components/ui/carousel/CarouselContent.vue
================================================
<script setup lang="ts">
import type { WithClassAsProps } from "./interface"
import { cn } from "@/lib/utils"
import { useCarousel } from "./useCarousel"
defineOptions({
inheritAttrs: false,
})
const props = defineProps<WithClassAsProps>()
const { carouselRef, orientation } = useCarousel()
</script>
<template>
<div
ref="carouselRef"
data-slot="carousel-content"
class="overflow-hidden"
>
<div
:class="
cn(
'flex',
orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
props.class,
)"
v-bind="$attrs"
>
<slot />
</div>
</div>
</template>
================================================
FILE: app/components/ui/carousel/CarouselItem.vue
================================================
<script setup lang="ts">
import type { WithClassAsProps } from "./interface"
import { cn } from "@/lib/utils"
import { useCarousel } from "./useCarousel"
const props = defineProps<WithClassAsProps>()
const { orientation } = useCarousel()
</script>
<template>
<div
data-slot="carousel-item"
role="group"
aria-roledescription="slide"
:class="cn(
'min-w-0 shrink-0 grow-0 basis-full',
orientation === 'horizontal' ? 'pl-4' : 'pt-4',
props.class,
)"
>
<slot />
</div>
</template>
================================================
FILE: app/components/ui/carousel/CarouselNext.vue
================================================
<script setup lang="ts">
import type { WithClassAsProps } from "./interface"
import type { ButtonVariants } from '@/components/ui/button'
import { ArrowRight } from "lucide-vue-next"
import { cn } from "@/lib/utils"
import { Button } from '@/components/ui/button'
import { useCarousel } from "./useCarousel"
const props = withDefaults(defineProps<{
variant?: ButtonVariants["variant"]
size?: ButtonVariants["size"]
}
& WithClassAsProps>(), {
variant: "outline",
size: "icon",
})
const { orientation, canScrollNext, scrollNext } = useCarousel()
</script>
<template>
<Button
data-slot="carousel-next"
:disabled="!canScrollNext"
:class="cn(
'absolute size-8 rounded-full',
orientation === 'horizontal'
? 'top-1/2 -right-12 -translate-y-1/2'
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
props.class,
)"
:variant="variant"
:size="size"
@click="scrollNext"
>
<slot>
<ArrowRight />
<span class="sr-only">Next Slide</span>
</slot>
</Button>
</template>
================================================
FILE: app/components/ui/carousel/CarouselPrevious.vue
================================================
<script setup lang="ts">
import type { WithClassAsProps } from "./interface"
import type { ButtonVariants } from '@/components/ui/button'
import { ArrowLeft } from "lucide-vue-next"
import { cn } from "@/lib/utils"
import { Button } from '@/components/ui/button'
import { useCarousel } from "./useCarousel"
const props = withDefaults(defineProps<{
variant?: ButtonVariants["variant"]
size?: ButtonVariants["size"]
}
& WithClassAsProps>(), {
variant: "outline",
size: "icon",
})
const { orientation, canScrollPrev, scrollPrev } = useCarousel()
</script>
<template>
<Button
data-slot="carousel-previous"
:disabled="!canScrollPrev"
:class="cn(
'absolute size-8 rounded-full',
orientation === 'horizontal'
? 'top-1/2 -left-12 -translate-y-1/2'
: '-top-12 left-1/2 -translate-x-1/2 rotate-90',
props.class,
)"
:variant="variant"
:size="size"
@click="scrollPrev"
>
<slot>
<ArrowLeft />
<span class="sr-only">Previous Slide</span>
</slot>
</Button>
</template>
================================================
FILE: app/components/ui/carousel/index.ts
================================================
export { default as Carousel } from "./Carousel.vue"
export { default as CarouselContent } from "./CarouselContent.vue"
export { default as CarouselItem } from "./CarouselItem.vue"
export { default as CarouselNext } from "./CarouselNext.vue"
export { default as CarouselPrevious } from "./CarouselPrevious.vue"
export type {
UnwrapRefCarouselApi as CarouselApi,
} from "./interface"
export { useCarousel } from "./useCarousel"
================================================
FILE: app/components/ui/carousel/interface.ts
================================================
import type useEmblaCarousel from "embla-carousel-vue"
import type {
EmblaCarouselVueType,
} from "embla-carousel-vue"
import type { HTMLAttributes, UnwrapRef } from "vue"
type CarouselApi = EmblaCarouselVueType[1]
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
type CarouselOptions = UseCarouselParameters[0]
type CarouselPlugin = UseCarouselParameters[1]
export type UnwrapRefCarouselApi = UnwrapRef<CarouselApi>
export interface CarouselProps {
opts?: CarouselOptions
plugins?: CarouselPlugin
orientation?: "horizontal" | "vertical"
}
export interface CarouselEmits {
(e: "init-api", payload: UnwrapRefCarouselApi): void
}
export interface WithClassAsProps {
class?: HTMLAttributes["class"]
}
================================================
FILE: app/components/ui/carousel/useCarousel.ts
================================================
import type { UnwrapRefCarouselApi as CarouselApi, CarouselEmits, CarouselProps } from "./interface"
import { createInjectionState } from "@vueuse/core"
import emblaCarouselVue from "embla-carousel-vue"
import { onMounted, ref } from "vue"
const [useProvideCarousel, useInjectCarousel] = createInjectionState(
({
opts,
orientation,
plugins,
}: CarouselProps, emits: CarouselEmits) => {
const [emblaNode, emblaApi] = emblaCarouselVue({
...opts,
axis: orientation === "horizontal" ? "x" : "y",
}, plugins)
function scrollPrev() {
emblaApi.value?.scrollPrev()
}
function scrollNext() {
emblaApi.value?.scrollNext()
}
const canScrollNext = ref(false)
const canScrollPrev = ref(false)
function onSelect(api: CarouselApi) {
canScrollNext.value = api?.canScrollNext() || false
canScrollPrev.value = api?.canScrollPrev() || false
}
onMounted(() => {
if (!emblaApi.value)
return
emblaApi.value?.on("init", onSelect)
emblaApi.value?.on("reInit", onSelect)
emblaApi.value?.on("select", onSelect)
emits("init-api", emblaApi.value)
})
return { carouselRef: emblaNode, carouselApi: emblaApi, canScrollPrev, canScrollNext, scrollPrev, scrollNext, orientation }
},
)
function useCarousel() {
const carouselState = useInjectCarousel()
if (!carouselState)
throw new Error("useCarousel must be used within a <Carousel />")
return carouselState
}
export { useCarousel, useProvideCarousel }
================================================
FILE: app/components/ui/chart/ChartContainer.vue
================================================
<script lang="ts">
import type { HTMLAttributes } from "vue"
import type { ChartConfig } from "."
import { useId } from "reka-ui"
import { computed, toRefs } from "vue"
import { cn } from "@/lib/utils"
import { provideChartContext } from "."
import ChartStyle from "./ChartStyle.vue"
</script>
<script setup lang="ts">
const props = defineProps<{
id?: HTMLAttributes["id"]
class?: HTMLAttributes["class"]
config: ChartConfig
cursor?: boolean
}>()
defineSlots<{
default: {
id: string
config: ChartConfig
}
}>()
const { config } = toRefs(props)
const uniqueId = useId()
const chartId = computed(() => `chart-${props.id || uniqueId.replace(/:/g, "")}`)
provideChartContext({
id: uniqueId,
config,
})
</script>
<template>
<div
data-slot="chart"
:data-chart="chartId"
:class="cn(
`[&_.tick_text]:!fill-muted-foreground [&_.tick_line]:!stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex flex-col aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_[data-vis-xy-container]]:h-full [&_[data-vis-single-container]]:h-full h-full [&_[data-vis-xy-container]]:w-full [&_[data-vis-single-container]]:w-full w-full `,
props.class,
)"
:style="{
'--vis-tooltip-padding': '0px',
'--vis-tooltip-background-color': 'transparent',
'--vis-tooltip-border-color': 'transparent',
'--vis-tooltip-text-color': 'none',
'--vis-tooltip-shadow-color': 'none',
'--vis-tooltip-backdrop-filter': 'none',
'--vis-crosshair-circle-stroke-color': '#0000',
'--vis-crosshair-line-stroke-width': cursor ? '1px' : '0px',
'--vis-font-family': 'var(--font-sans)',
}"
>
<slot :id="uniqueId" :config="config" />
<ChartStyle :id="chartId" />
</div>
</template>
================================================
FILE: app/components/ui/chart/ChartLegendContent.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { computed, onMounted, ref } from "vue"
import { cn } from "@/lib/utils"
import { useChart } from "."
const props = withDefaults(defineProps<{
hideIcon?: boolean
nameKey?: string
verticalAlign?: "bottom" | "top"
// payload?: any[]
class?: HTMLAttributes["class"]
}>(), {
verticalAlign: "bottom",
})
const { id, config } = useChart()
const payload = computed(() => Object.entries(config.value).map(([key, value]) => {
return {
key: props.nameKey || key,
itemConfig: config.value[key],
}
}))
const containerSelector = ref("")
onMounted(() => {
containerSelector.value = `[data-chart="chart-${id}"]>[data-vis-xy-container]`
})
</script>
<template>
<div
v-if="containerSelector"
:class="cn(
'flex items-center justify-center gap-4',
verticalAlign === 'top' ? 'pb-3' : 'pt-3',
props.class,
)"
>
<div
v-for="{ key, itemConfig } in payload"
:key="key"
:class="cn(
'[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3',
)"
>
<component :is="itemConfig.icon" v-if="itemConfig?.icon" />
<div
v-else
class="h-2 w-2 shrink-0 rounded-[2px]"
:style="{
backgroundColor: itemConfig?.color,
}"
/>
{{ itemConfig?.label }}
</div>
</div>
</template>
================================================
FILE: app/components/ui/chart/ChartStyle.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { Primitive } from "reka-ui"
import { computed } from "vue"
import { THEMES, useChart } from "."
defineProps<{
id?: HTMLAttributes["id"]
}>()
const { config } = useChart()
const colorConfig = computed(() => {
return Object.entries(config.value).filter(
([, config]) => config.theme || config.color,
)
})
</script>
<template>
<Primitive
v-if="colorConfig.length"
as="style"
>
{{ Object.entries(THEMES)
.map(
([theme, prefix]) => `
${prefix} [data-chart=${id}] {
${colorConfig
.map(([key, itemConfig]) => {
const color
= itemConfig.theme?.[theme as keyof typeof itemConfig.theme]
|| itemConfig.color
return color ? ` --color-${key}: ${color};` : null
})
.join("\n")}
}
`,
)
.join("\n") }}
</Primitive>
</template>
================================================
FILE: app/components/ui/chart/ChartTooltipContent.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import type { ChartConfig } from "."
import { computed } from "vue"
import { cn } from "@/lib/utils"
const props = withDefaults(defineProps<{
hideLabel?: boolean
hideIndicator?: boolean
indicator?: "line" | "dot" | "dashed"
nameKey?: string
labelKey?: string
labelFormatter?: (d: number | Date) => string
payload?: Record<string, any>
config?: ChartConfig
class?: HTMLAttributes["class"]
color?: string
x?: number | Date
}>(), {
payload: () => ({}),
config: () => ({}),
indicator: "dot",
})
// TODO: currently we use `createElement` and `render` to render the
// const chartContext = useChart(null)
const payload = computed(() => {
return Object.entries(props.payload).map(([key, value]) => {
// const key = `${props.nameKey || item.name || item.dataKey || "value"}`
const itemConfig = props.config[key]
const indicatorColor = props.config[key]?.color ?? props.payload.fill
return { key, value, itemConfig, indicatorColor }
}).filter(i => i.itemConfig)
})
const nestLabel = computed(() => Object.keys(props.payload).length === 1 && props.indicator !== "dot")
const tooltipLabel = computed(() => {
if (props.hideLabel)
return null
if (props.labelFormatter && props.x !== undefined) {
return props.labelFormatter(props.x)
}
return props.labelKey ? props.config[props.labelKey]?.label || props.payload[props.labelKey] : props.x
})
</script>
<template>
<div
:class="cn(
'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
props.class,
)"
>
<slot>
<div v-if="!nestLabel && tooltipLabel" class="font-medium">
{{ tooltipLabel }}
</div>
<div class="grid gap-1.5">
<div
v-for="{ value, itemConfig, indicatorColor, key } in payload"
:key="key"
:class="
cn('[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',
indicator === 'dot' && 'items-center')"
>
<component :is="itemConfig.icon" v-if="itemConfig?.icon" />
<template v-else-if="!hideIndicator">
<div
:class="cn(
'shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)',
{
'h-2.5 w-2.5': indicator === 'dot',
'w-1': indicator === 'line',
'w-0 border-[1.5px] border-dashed bg-transparent':
indicator === 'dashed',
'my-0.5': nestLabel && indicator === 'dashed',
},
)"
:style="{
'--color-bg': indicatorColor,
'--color-border': indicatorColor,
}"
/>
</template>
<div :class="cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')">
<div class="grid gap-1.5">
<div v-if="nestLabel" class="font-medium">
{{ tooltipLabel }}
</div>
<span class="text-muted-foreground">
{{ itemConfig?.label || value }}
</span>
</div>
<span v-if="value" class="text-foreground font-mono font-medium tabular-nums">
{{ value.toLocaleString() }}
</span>
</div>
</div>
</div>
</slot>
</div>
</template>
================================================
FILE: app/components/ui/chart/index.ts
================================================
import type { Component, Ref } from "vue"
import { createContext } from "reka-ui"
export { default as ChartContainer } from "./ChartContainer.vue"
export { default as ChartLegendContent } from "./ChartLegendContent.vue"
export { default as ChartTooltipContent } from "./ChartTooltipContent.vue"
export { componentToString } from "./utils"
// Format: { THEME_NAME: CSS_SELECTOR }
export const THEMES = { light: "", dark: ".dark" } as const
export type ChartConfig = {
[k in string]: {
label?: string | Component
icon?: string | Component
} & (
| { color?: string, theme?: never }
| { color?: never, theme: Record<keyof typeof THEMES, string> }
)
}
interface ChartContextProps {
id: string
config: Ref<ChartConfig>
}
export const [useChart, provideChartContext] = createContext<ChartContextProps>("Chart")
export { VisCrosshair as ChartCrosshair, VisTooltip as ChartTooltip } from "@unovis/vue"
================================================
FILE: app/components/ui/chart/utils.ts
================================================
import type { ChartConfig } from "."
import { isClient } from "@vueuse/core"
import { useId } from "reka-ui"
import { h, render } from "vue"
// Simple cache using a Map to store serialized object keys
const cache = new Map<string, string>()
// Convert object to a consistent string key
function serializeKey(key: Record<string, any>): string {
return JSON.stringify(key, Object.keys(key).sort())
}
interface Constructor<P = any> {
__isFragment?: never
__isTeleport?: never
__isSuspense?: never
new (...args: any[]): {
$props: P
}
}
export function componentToString<P>(config: ChartConfig, component: Constructor<P>, props?: P) {
if (!isClient)
return
// This function will be called once during mount lifecycle
const id = useId()
// https://unovis.dev/docs/auxiliary/Crosshair#component-props
return (_data: any, x: number | Date) => {
const data = "data" in _data ? _data.data : _data
const serializedKey = `${id}-${serializeKey(data)}`
const cachedContent = cache.get(serializedKey)
if (cachedContent)
return cachedContent
const vnode = h<unknown>(component, { ...props, payload: data, config, x })
const div = document.createElement("div")
render(vnode, div)
cache.set(serializedKey, div.innerHTML)
return div.innerHTML
}
}
================================================
FILE: app/components/ui/checkbox/Checkbox.vue
================================================
<script setup lang="ts">
import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Check } from "lucide-vue-next"
import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<CheckboxRootEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<CheckboxRoot
v-slot="slotProps"
data-slot="checkbox"
v-bind="forwarded"
:class="
cn('peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
props.class)"
>
<CheckboxIndicator
data-slot="checkbox-indicator"
class="grid place-content-center text-current transition-none"
>
<slot v-bind="slotProps">
<Check class="size-3.5" />
</slot>
</CheckboxIndicator>
</CheckboxRoot>
</template>
================================================
FILE: app/components/ui/checkbox/index.ts
================================================
export { default as Checkbox } from "./Checkbox.vue"
================================================
FILE: app/components/ui/collapsible/Collapsible.vue
================================================
<script setup lang="ts">
import type { CollapsibleRootEmits, CollapsibleRootProps } from "reka-ui"
import { CollapsibleRoot, useForwardPropsEmits } from "reka-ui"
const props = defineProps<CollapsibleRootProps>()
const emits = defineEmits<CollapsibleRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<CollapsibleRoot
v-slot="slotProps"
data-slot="collapsible"
v-bind="forwarded"
>
<slot v-bind="slotProps" />
</CollapsibleRoot>
</template>
================================================
FILE: app/components/ui/collapsible/CollapsibleContent.vue
================================================
<script setup lang="ts">
import type { CollapsibleContentProps } from "reka-ui"
import { CollapsibleContent } from "reka-ui"
const props = defineProps<CollapsibleContentProps>()
</script>
<template>
<CollapsibleContent
data-slot="collapsible-content"
v-bind="props"
>
<slot />
</CollapsibleContent>
</template>
================================================
FILE: app/components/ui/collapsible/CollapsibleTrigger.vue
================================================
<script setup lang="ts">
import type { CollapsibleTriggerProps } from "reka-ui"
import { CollapsibleTrigger } from "reka-ui"
const props = defineProps<CollapsibleTriggerProps>()
</script>
<template>
<CollapsibleTrigger
data-slot="collapsible-trigger"
v-bind="props"
>
<slot />
</CollapsibleTrigger>
</template>
================================================
FILE: app/components/ui/collapsible/index.ts
================================================
export { default as Collapsible } from "./Collapsible.vue"
export { default as CollapsibleContent } from "./CollapsibleContent.vue"
export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue"
================================================
FILE: app/components/ui/combobox/Combobox.vue
================================================
<script setup lang="ts">
import type { ComboboxRootEmits, ComboboxRootProps } from "reka-ui"
import { ComboboxRoot, useForwardPropsEmits } from "reka-ui"
const props = defineProps<ComboboxRootProps>()
const emits = defineEmits<ComboboxRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<ComboboxRoot
v-slot="slotProps"
data-slot="combobox"
v-bind="forwarded"
>
<slot v-bind="slotProps" />
</ComboboxRoot>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxAnchor.vue
================================================
<script setup lang="ts">
import type { ComboboxAnchorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxAnchor, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxAnchorProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardProps(delegatedProps)
</script>
<template>
<ComboboxAnchor
data-slot="combobox-anchor"
v-bind="forwarded"
:class="cn('w-[200px]', props.class)"
>
<slot />
</ComboboxAnchor>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxEmpty.vue
================================================
<script setup lang="ts">
import type { ComboboxEmptyProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxEmpty } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<ComboboxEmpty
data-slot="combobox-empty"
v-bind="delegatedProps"
:class="cn('py-6 text-center text-sm', props.class)"
>
<slot />
</ComboboxEmpty>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxGroup.vue
================================================
<script setup lang="ts">
import type { ComboboxGroupProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxGroup, ComboboxLabel } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxGroupProps & {
class?: HTMLAttributes["class"]
heading?: string
}>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<ComboboxGroup
data-slot="combobox-group"
v-bind="delegatedProps"
:class="cn('overflow-hidden p-1 text-foreground', props.class)"
>
<ComboboxLabel v-if="heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
{{ heading }}
</ComboboxLabel>
<slot />
</ComboboxGroup>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxInput.vue
================================================
<script setup lang="ts">
import type { ComboboxInputEmits, ComboboxInputProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { SearchIcon } from "lucide-vue-next"
import { ComboboxInput, useForwardPropsEmits } from "reka-ui"
import { cn } from "@/lib/utils"
defineOptions({
inheritAttrs: false,
})
const props = defineProps<ComboboxInputProps & {
class?: HTMLAttributes["class"]
}>()
const emits = defineEmits<ComboboxInputEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<div
data-slot="command-input-wrapper"
class="flex h-9 items-center gap-2 border-b px-3"
>
<SearchIcon class="size-4 shrink-0 opacity-50" />
<ComboboxInput
data-slot="command-input"
:class="cn(
'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
props.class,
)"
v-bind="{ ...$attrs, ...forwarded }"
>
<slot />
</ComboboxInput>
</div>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxItem.vue
================================================
<script setup lang="ts">
import type { ComboboxItemEmits, ComboboxItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxItem, useForwardPropsEmits } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<ComboboxItemEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ComboboxItem
data-slot="combobox-item"
v-bind="forwarded"
:class="cn('data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
>
<slot />
</ComboboxItem>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxItemIndicator.vue
================================================
<script setup lang="ts">
import type { ComboboxItemIndicatorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxItemIndicator, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxItemIndicatorProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardProps(delegatedProps)
</script>
<template>
<ComboboxItemIndicator
data-slot="combobox-item-indicator"
v-bind="forwarded"
:class="cn('ml-auto', props.class)"
>
<slot />
</ComboboxItemIndicator>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxList.vue
================================================
<script setup lang="ts">
import type { ComboboxContentEmits, ComboboxContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxContent, ComboboxPortal, useForwardPropsEmits } from "reka-ui"
import { cn } from "@/lib/utils"
defineOptions({
inheritAttrs: false,
})
const props = withDefaults(defineProps<ComboboxContentProps & { class?: HTMLAttributes["class"] }>(), {
position: "popper",
align: "center",
sideOffset: 4,
})
const emits = defineEmits<ComboboxContentEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ComboboxPortal>
<ComboboxContent
data-slot="combobox-list"
v-bind="{ ...$attrs, ...forwarded }"
:class="cn('z-50 w-[200px] rounded-md border bg-popover text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', props.class)"
>
<slot />
</ComboboxContent>
</ComboboxPortal>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxSeparator.vue
================================================
<script setup lang="ts">
import type { ComboboxSeparatorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxSeparator } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<ComboboxSeparator
data-slot="combobox-separator"
v-bind="delegatedProps"
:class="cn('bg-border -mx-1 h-px', props.class)"
>
<slot />
</ComboboxSeparator>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxTrigger.vue
================================================
<script setup lang="ts">
import type { ComboboxTriggerProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxTrigger, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxTriggerProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardProps(delegatedProps)
</script>
<template>
<ComboboxTrigger
data-slot="combobox-trigger"
v-bind="forwarded"
:class="cn('', props.class)"
tabindex="0"
>
<slot />
</ComboboxTrigger>
</template>
================================================
FILE: app/components/ui/combobox/ComboboxViewport.vue
================================================
<script setup lang="ts">
import type { ComboboxViewportProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ComboboxViewport, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ComboboxViewportProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardProps(delegatedProps)
</script>
<template>
<ComboboxViewport
data-slot="combobox-viewport"
v-bind="forwarded"
:class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
>
<slot />
</ComboboxViewport>
</template>
================================================
FILE: app/components/ui/combobox/index.ts
================================================
export { default as Combobox } from "./Combobox.vue"
export { default as ComboboxAnchor } from "./ComboboxAnchor.vue"
export { default as ComboboxEmpty } from "./ComboboxEmpty.vue"
export { default as ComboboxGroup } from "./ComboboxGroup.vue"
export { default as ComboboxInput } from "./ComboboxInput.vue"
export { default as ComboboxItem } from "./ComboboxItem.vue"
export { default as ComboboxItemIndicator } from "./ComboboxItemIndicator.vue"
export { default as ComboboxList } from "./ComboboxList.vue"
export { default as ComboboxSeparator } from "./ComboboxSeparator.vue"
export { default as ComboboxViewport } from "./ComboboxViewport.vue"
export { ComboboxCancel, ComboboxTrigger } from "reka-ui"
================================================
FILE: app/components/ui/command/Command.vue
================================================
<script setup lang="ts">
import type { ListboxRootEmits, ListboxRootProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui"
import { reactive, ref, watch } from "vue"
import { cn } from "@/lib/utils"
import { provideCommandContext } from "."
const props = withDefaults(defineProps<ListboxRootProps & { class?: HTMLAttributes["class"] }>(), {
modelValue: "",
})
const emits = defineEmits<ListboxRootEmits>()
const delegatedProps = reactiveOmit(props, "class")
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
}
watch(() => filterState.search, () => {
filterItems()
})
provideCommandContext({
allItems,
allGroups,
filterState,
})
</script>
<template>
<ListboxRoot
data-slot="command"
v-bind="forwarded"
:class="cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', props.class)"
>
<slot />
</ListboxRoot>
</template>
================================================
FILE: app/components/ui/command/CommandDialog.vue
================================================
<script setup lang="ts">
import type { DialogRootEmits, DialogRootProps } from "reka-ui"
import { useForwardPropsEmits } from "reka-ui"
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'
import Command from "./Command.vue"
const props = withDefaults(defineProps<DialogRootProps & {
title?: string
description?: string
}>(), {
title: "Command Palette",
description: "Search for a command to run...",
})
const emits = defineEmits<DialogRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<Dialog v-slot="slotProps" v-bind="forwarded">
<DialogContent class="overflow-hidden p-0 ">
<DialogHeader class="sr-only">
<DialogTitle>{{ title }}</DialogTitle>
<DialogDescription>{{ description }}</DialogDescription>
</DialogHeader>
<Command>
<slot v-bind="slotProps" />
</Command>
</DialogContent>
</Dialog>
</template>
================================================
FILE: app/components/ui/command/CommandEmpty.vue
================================================
<script setup lang="ts">
import type { PrimitiveProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Primitive } from "reka-ui"
import { computed } from "vue"
import { cn } from "@/lib/utils"
import { useCommand } from "."
const props = defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const { filterState } = useCommand()
const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0,
)
</script>
<template>
<Primitive
v-if="isRender"
data-slot="command-empty"
v-bind="delegatedProps" :class="cn('py-6 text-center text-sm', props.class)"
>
<slot />
</Primitive>
</template>
================================================
FILE: app/components/ui/command/CommandGroup.vue
================================================
<script setup lang="ts">
import type { ListboxGroupProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ListboxGroup, ListboxGroupLabel, useId } from "reka-ui"
import { computed, onMounted, onUnmounted } from "vue"
import { cn } from "@/lib/utils"
import { provideCommandGroupContext, useCommand } from "."
const props = defineProps<ListboxGroupProps & {
class?: HTMLAttributes["class"]
heading?: string
}>()
const delegatedProps = reactiveOmit(props, "class")
const { allGroups, filterState } = useCommand()
const id = useId()
const isRender = computed(() => !filterState.search ? true : filterState.filtered.groups.has(id))
provideCommandGroupContext({ id })
onMounted(() => {
if (!allGroups.value.has(id))
allGroups.value.set(id, new Set())
})
onUnmounted(() => {
allGroups.value.delete(id)
})
</script>
<template>
<ListboxGroup
v-bind="delegatedProps"
:id="id"
data-slot="command-group"
:class="cn('text-foreground overflow-hidden p-1', props.class)"
:hidden="isRender ? undefined : true"
>
<ListboxGroupLabel v-if="heading" data-slot="command-group-heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
{{ heading }}
</ListboxGroupLabel>
<slot />
</ListboxGroup>
</template>
================================================
FILE: app/components/ui/command/CommandInput.vue
================================================
<script setup lang="ts">
import type { ListboxFilterProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Search } from "lucide-vue-next"
import { ListboxFilter, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
import { useCommand } from "."
defineOptions({
inheritAttrs: false,
})
const props = defineProps<ListboxFilterProps & {
class?: HTMLAttributes["class"]
}>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
const { filterState } = useCommand()
</script>
<template>
<div
data-slot="command-input-wrapper"
class="flex h-9 items-center gap-2 border-b px-3"
>
<Search class="size-4 shrink-0 opacity-50" />
<ListboxFilter
v-bind="{ ...forwardedProps, ...$attrs }"
v-model="filterState.search"
data-slot="command-input"
auto-focus
:class="cn('placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', props.class)"
/>
</div>
</template>
================================================
FILE: app/components/ui/command/CommandItem.vue
================================================
<script setup lang="ts">
import type { ListboxItemEmits, ListboxItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit, useCurrentElement } from "@vueuse/core"
import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui"
import { computed, onMounted, onUnmounted, ref } from "vue"
import { cn } from "@/lib/utils"
import { useCommand, useCommandGroup } from "."
const props = defineProps<ListboxItemProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<ListboxItemEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
const id = useId()
const { filterState, allItems, allGroups } = useCommand()
const groupContext = useCommandGroup()
const isRender = computed(() => {
if (!filterState.search) {
return true
}
else {
const filteredCurrentItem = filterState.filtered.items.get(id)
// If the filtered items is undefined means not in the all times map yet
// Do the first render to add into the map
if (filteredCurrentItem === undefined) {
return true
}
// Check with filter
return filteredCurrentItem > 0
}
})
const itemRef = ref()
const currentElement = useCurrentElement(itemRef)
onMounted(() => {
if (!(currentElement.value instanceof HTMLElement))
return
// textValue to perform filter
allItems.value.set(id, currentElement.value.textContent ?? (props.value?.toString() ?? ""))
const groupId = groupContext?.id
if (groupId) {
if (!allGroups.value.has(groupId)) {
allGroups.value.set(groupId, new Set([id]))
}
else {
allGroups.value.get(groupId)?.add(id)
}
}
})
onUnmounted(() => {
allItems.value.delete(id)
})
</script>
<template>
<ListboxItem
v-if="isRender"
v-bind="forwarded"
:id="id"
ref="itemRef"
data-slot="command-item"
:class="cn('data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
@select="() => {
filterState.search = ''
}"
>
<slot />
</ListboxItem>
</template>
================================================
FILE: app/components/ui/command/CommandList.vue
================================================
<script setup lang="ts">
import type { ListboxContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ListboxContent, useForwardProps } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ListboxContentProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardProps(delegatedProps)
</script>
<template>
<ListboxContent
data-slot="command-list"
v-bind="forwarded"
:class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
>
<div role="presentation">
<slot />
</div>
</ListboxContent>
</template>
================================================
FILE: app/components/ui/command/CommandSeparator.vue
================================================
<script setup lang="ts">
import type { SeparatorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Separator } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<Separator
data-slot="command-separator"
v-bind="delegatedProps"
:class="cn('bg-border -mx-1 h-px', props.class)"
>
<slot />
</Separator>
</template>
================================================
FILE: app/components/ui/command/CommandShortcut.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<span
data-slot="command-shortcut"
:class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
>
<slot />
</span>
</template>
================================================
FILE: app/components/ui/command/index.ts
================================================
import type { Ref } from "vue"
import { createContext } from "reka-ui"
export { default as Command } from "./Command.vue"
export { default as CommandDialog } from "./CommandDialog.vue"
export { default as CommandEmpty } from "./CommandEmpty.vue"
export { default as CommandGroup } from "./CommandGroup.vue"
export { default as CommandInput } from "./CommandInput.vue"
export { default as CommandItem } from "./CommandItem.vue"
export { default as CommandList } from "./CommandList.vue"
export { default as CommandSeparator } from "./CommandSeparator.vue"
export { default as CommandShortcut } from "./CommandShortcut.vue"
export const [useCommand, provideCommandContext] = createContext<{
allItems: Ref<Map<string, string>>
allGroups: Ref<Map<string, Set<string>>>
filterState: {
search: string
filtered: { count: number, items: Map<string, number>, groups: Set<string> }
}
}>("Command")
export const [useCommandGroup, provideCommandGroupContext] = createContext<{
id?: string
}>("CommandGroup")
================================================
FILE: app/components/ui/context-menu/ContextMenu.vue
================================================
<script setup lang="ts">
import type { ContextMenuRootEmits, ContextMenuRootProps } from "reka-ui"
import { ContextMenuRoot, useForwardPropsEmits } from "reka-ui"
const props = defineProps<ContextMenuRootProps>()
const emits = defineEmits<ContextMenuRootEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<ContextMenuRoot
data-slot="context-menu"
v-bind="forwarded"
>
<slot />
</ContextMenuRoot>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuCheckboxItem.vue
================================================
<script setup lang="ts">
import type { ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Check } from "lucide-vue-next"
import {
ContextMenuCheckboxItem,
ContextMenuItemIndicator,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<ContextMenuCheckboxItemEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ContextMenuCheckboxItem
data-slot="context-menu-checkbox-item"
v-bind="forwarded"
:class="cn(
'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
props.class,
)"
>
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
<ContextMenuItemIndicator>
<slot name="indicator-icon">
<Check class="size-4" />
</slot>
</ContextMenuItemIndicator>
</span>
<slot />
</ContextMenuCheckboxItem>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuContent.vue
================================================
<script setup lang="ts">
import type { ContextMenuContentEmits, ContextMenuContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
ContextMenuContent,
ContextMenuPortal,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
defineOptions({
inheritAttrs: false,
})
const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<ContextMenuContentEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ContextMenuPortal>
<ContextMenuContent
data-slot="context-menu-content"
v-bind="{ ...$attrs, ...forwarded }"
:class="cn(
'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-context-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',
props.class,
)"
>
<slot />
</ContextMenuContent>
</ContextMenuPortal>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuGroup.vue
================================================
<script setup lang="ts">
import type { ContextMenuGroupProps } from "reka-ui"
import { ContextMenuGroup } from "reka-ui"
const props = defineProps<ContextMenuGroupProps>()
</script>
<template>
<ContextMenuGroup
data-slot="context-menu-group"
v-bind="props"
>
<slot />
</ContextMenuGroup>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuItem.vue
================================================
<script setup lang="ts">
import type { ContextMenuItemEmits, ContextMenuItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
ContextMenuItem,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = withDefaults(defineProps<ContextMenuItemProps & {
class?: HTMLAttributes["class"]
inset?: boolean
variant?: "default" | "destructive"
}>(), {
variant: "default",
})
const emits = defineEmits<ContextMenuItemEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ContextMenuItem
data-slot="context-menu-item"
:data-inset="inset ? '' : undefined"
:data-variant="variant"
v-bind="forwarded"
:class="cn(
'focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
props.class,
)"
>
<slot />
</ContextMenuItem>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuLabel.vue
================================================
<script setup lang="ts">
import type { ContextMenuLabelProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ContextMenuLabel } from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes["class"], inset?: boolean }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<ContextMenuLabel
data-slot="context-menu-label"
:data-inset="inset ? '' : undefined"
v-bind="delegatedProps"
:class="cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
>
<slot />
</ContextMenuLabel>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuPortal.vue
================================================
<script setup lang="ts">
import type { ContextMenuPortalProps } from "reka-ui"
import { ContextMenuPortal } from "reka-ui"
const props = defineProps<ContextMenuPortalProps>()
</script>
<template>
<ContextMenuPortal
data-slot="context-menu-portal"
v-bind="props"
>
<slot />
</ContextMenuPortal>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuRadioGroup.vue
================================================
<script setup lang="ts">
import type { ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps } from "reka-ui"
import {
ContextMenuRadioGroup,
useForwardPropsEmits,
} from "reka-ui"
const props = defineProps<ContextMenuRadioGroupProps>()
const emits = defineEmits<ContextMenuRadioGroupEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<ContextMenuRadioGroup
data-slot="context-menu-radio-group"
v-bind="forwarded"
>
<slot />
</ContextMenuRadioGroup>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuRadioItem.vue
================================================
<script setup lang="ts">
import type { ContextMenuRadioItemEmits, ContextMenuRadioItemProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { Circle } from "lucide-vue-next"
import {
ContextMenuItemIndicator,
ContextMenuRadioItem,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<ContextMenuRadioItemEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ContextMenuRadioItem
data-slot="context-menu-radio-item"
v-bind="forwarded"
:class="cn(
'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
props.class,
)"
>
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
<ContextMenuItemIndicator>
<slot name="indicator-icon">
<Circle class="size-2 fill-current" />
</slot>
</ContextMenuItemIndicator>
</span>
<slot />
</ContextMenuRadioItem>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuSeparator.vue
================================================
<script setup lang="ts">
import type { ContextMenuSeparatorProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
ContextMenuSeparator,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes["class"] }>()
const delegatedProps = reactiveOmit(props, "class")
</script>
<template>
<ContextMenuSeparator
data-slot="context-menu-separator"
v-bind="delegatedProps"
:class="cn('bg-border -mx-1 my-1 h-px', props.class)"
/>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuShortcut.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import { cn } from "@/lib/utils"
const props = defineProps<{
class?: HTMLAttributes["class"]
}>()
</script>
<template>
<span
data-slot="context-menu-shortcut"
:class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
>
<slot />
</span>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuSub.vue
================================================
<script setup lang="ts">
import type { ContextMenuSubEmits, ContextMenuSubProps } from "reka-ui"
import {
ContextMenuSub,
useForwardPropsEmits,
} from "reka-ui"
const props = defineProps<ContextMenuSubProps>()
const emits = defineEmits<ContextMenuSubEmits>()
const forwarded = useForwardPropsEmits(props, emits)
</script>
<template>
<ContextMenuSub
data-slot="context-menu-sub"
v-bind="forwarded"
>
<slot />
</ContextMenuSub>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuSubContent.vue
================================================
<script setup lang="ts">
import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import {
ContextMenuSubContent,
useForwardPropsEmits,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }>()
const emits = defineEmits<DropdownMenuSubContentEmits>()
const delegatedProps = reactiveOmit(props, "class")
const forwarded = useForwardPropsEmits(delegatedProps, emits)
</script>
<template>
<ContextMenuSubContent
data-slot="context-menu-sub-content"
v-bind="forwarded"
:class="
cn(
'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',
props.class,
)
"
>
<slot />
</ContextMenuSubContent>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuSubTrigger.vue
================================================
<script setup lang="ts">
import type { ContextMenuSubTriggerProps } from "reka-ui"
import type { HTMLAttributes } from "vue"
import { reactiveOmit } from "@vueuse/core"
import { ChevronRight } from "lucide-vue-next"
import {
ContextMenuSubTrigger,
useForwardProps,
} from "reka-ui"
import { cn } from "@/lib/utils"
const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes["class"], inset?: boolean }>()
const delegatedProps = reactiveOmit(props, "class")
const forwardedProps = useForwardProps(delegatedProps)
</script>
<template>
<ContextMenuSubTrigger
data-slot="context-menu-sub-trigger"
:data-inset="inset ? '' : undefined"
v-bind="forwardedProps"
:class="cn(
'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
props.class,
)"
>
<slot />
<ChevronRight class="ml-auto" />
</ContextMenuSubTrigger>
</template>
================================================
FILE: app/components/ui/context-menu/ContextMenuTrigger.vue
================================================
<script setup lang="ts">
import type { ContextMenuTriggerProps } from "reka-ui"
import { ContextMenuTrigger, useForwardProps } from "reka-ui"
const props = defineProps<ContextMenuTriggerProps>()
const forwardedProps = useForwardProps(props)
</script>
<template>
<ContextMenuTrigger
data-slot="context-menu-trigger"
v-bind="forwardedProps"
>
<slot />
</ContextMenuTrigger>
</template>
================================================
FILE: app
gitextract_ey5zji6k/ ├── .editorconfig ├── .env.example ├── .github/ │ ├── FUNDING.yml │ └── workflows/ │ └── issue-assistant.yml ├── .gitignore ├── .mcp.json ├── .node-version ├── .npmrc ├── .vscode/ │ ├── extensions.json │ └── settings.json ├── AGENTS.md ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── app/ │ ├── app.config.ts │ ├── app.vue │ ├── assets/ │ │ └── css/ │ │ └── tailwind.css │ ├── components/ │ │ ├── ResponsiveModal.vue │ │ ├── SwitchLanguage.vue │ │ ├── SwitchTheme.vue │ │ ├── home/ │ │ │ ├── Cta.vue │ │ │ ├── Features.vue │ │ │ ├── Hero.vue │ │ │ ├── Logos.vue │ │ │ ├── Stats.vue │ │ │ └── Testimonials.vue │ │ └── ui/ │ │ ├── accordion/ │ │ │ ├── Accordion.vue │ │ │ ├── AccordionContent.vue │ │ │ ├── AccordionItem.vue │ │ │ ├── AccordionTrigger.vue │ │ │ └── index.ts │ │ ├── alert/ │ │ │ ├── Alert.vue │ │ │ ├── AlertDescription.vue │ │ │ ├── AlertTitle.vue │ │ │ └── index.ts │ │ ├── alert-dialog/ │ │ │ ├── AlertDialog.vue │ │ │ ├── AlertDialogAction.vue │ │ │ ├── AlertDialogCancel.vue │ │ │ ├── AlertDialogContent.vue │ │ │ ├── AlertDialogDescription.vue │ │ │ ├── AlertDialogFooter.vue │ │ │ ├── AlertDialogHeader.vue │ │ │ ├── AlertDialogTitle.vue │ │ │ ├── AlertDialogTrigger.vue │ │ │ └── index.ts │ │ ├── aspect-ratio/ │ │ │ ├── AspectRatio.vue │ │ │ └── index.ts │ │ ├── avatar/ │ │ │ ├── Avatar.vue │ │ │ ├── AvatarFallback.vue │ │ │ ├── AvatarImage.vue │ │ │ └── index.ts │ │ ├── badge/ │ │ │ ├── Badge.vue │ │ │ └── index.ts │ │ ├── breadcrumb/ │ │ │ ├── Breadcrumb.vue │ │ │ ├── BreadcrumbEllipsis.vue │ │ │ ├── BreadcrumbItem.vue │ │ │ ├── BreadcrumbLink.vue │ │ │ ├── BreadcrumbList.vue │ │ │ ├── BreadcrumbPage.vue │ │ │ ├── BreadcrumbSeparator.vue │ │ │ └── index.ts │ │ ├── button/ │ │ │ ├── Button.vue │ │ │ └── index.ts │ │ ├── button-group/ │ │ │ ├── ButtonGroup.vue │ │ │ ├── ButtonGroupSeparator.vue │ │ │ ├── ButtonGroupText.vue │ │ │ └── index.ts │ │ ├── calendar/ │ │ │ ├── Calendar.vue │ │ │ ├── CalendarCell.vue │ │ │ ├── CalendarCellTrigger.vue │ │ │ ├── CalendarGrid.vue │ │ │ ├── CalendarGridBody.vue │ │ │ ├── CalendarGridHead.vue │ │ │ ├── CalendarGridRow.vue │ │ │ ├── CalendarHeadCell.vue │ │ │ ├── CalendarHeader.vue │ │ │ ├── CalendarHeading.vue │ │ │ ├── CalendarNextButton.vue │ │ │ ├── CalendarPrevButton.vue │ │ │ └── index.ts │ │ ├── card/ │ │ │ ├── Card.vue │ │ │ ├── CardAction.vue │ │ │ ├── CardContent.vue │ │ │ ├── CardDescription.vue │ │ │ ├── CardFooter.vue │ │ │ ├── CardHeader.vue │ │ │ ├── CardTitle.vue │ │ │ └── index.ts │ │ ├── carousel/ │ │ │ ├── Carousel.vue │ │ │ ├── CarouselContent.vue │ │ │ ├── CarouselItem.vue │ │ │ ├── CarouselNext.vue │ │ │ ├── CarouselPrevious.vue │ │ │ ├── index.ts │ │ │ ├── interface.ts │ │ │ └── useCarousel.ts │ │ ├── chart/ │ │ │ ├── ChartContainer.vue │ │ │ ├── ChartLegendContent.vue │ │ │ ├── ChartStyle.vue │ │ │ ├── ChartTooltipContent.vue │ │ │ ├── index.ts │ │ │ └── utils.ts │ │ ├── checkbox/ │ │ │ ├── Checkbox.vue │ │ │ └── index.ts │ │ ├── collapsible/ │ │ │ ├── Collapsible.vue │ │ │ ├── CollapsibleContent.vue │ │ │ ├── CollapsibleTrigger.vue │ │ │ └── index.ts │ │ ├── combobox/ │ │ │ ├── Combobox.vue │ │ │ ├── ComboboxAnchor.vue │ │ │ ├── ComboboxEmpty.vue │ │ │ ├── ComboboxGroup.vue │ │ │ ├── ComboboxInput.vue │ │ │ ├── ComboboxItem.vue │ │ │ ├── ComboboxItemIndicator.vue │ │ │ ├── ComboboxList.vue │ │ │ ├── ComboboxSeparator.vue │ │ │ ├── ComboboxTrigger.vue │ │ │ ├── ComboboxViewport.vue │ │ │ └── index.ts │ │ ├── command/ │ │ │ ├── Command.vue │ │ │ ├── CommandDialog.vue │ │ │ ├── CommandEmpty.vue │ │ │ ├── CommandGroup.vue │ │ │ ├── CommandInput.vue │ │ │ ├── CommandItem.vue │ │ │ ├── CommandList.vue │ │ │ ├── CommandSeparator.vue │ │ │ ├── CommandShortcut.vue │ │ │ └── index.ts │ │ ├── context-menu/ │ │ │ ├── ContextMenu.vue │ │ │ ├── ContextMenuCheckboxItem.vue │ │ │ ├── ContextMenuContent.vue │ │ │ ├── ContextMenuGroup.vue │ │ │ ├── ContextMenuItem.vue │ │ │ ├── ContextMenuLabel.vue │ │ │ ├── ContextMenuPortal.vue │ │ │ ├── ContextMenuRadioGroup.vue │ │ │ ├── ContextMenuRadioItem.vue │ │ │ ├── ContextMenuSeparator.vue │ │ │ ├── ContextMenuShortcut.vue │ │ │ ├── ContextMenuSub.vue │ │ │ ├── ContextMenuSubContent.vue │ │ │ ├── ContextMenuSubTrigger.vue │ │ │ ├── ContextMenuTrigger.vue │ │ │ └── index.ts │ │ ├── dialog/ │ │ │ ├── Dialog.vue │ │ │ ├── DialogClose.vue │ │ │ ├── DialogContent.vue │ │ │ ├── DialogDescription.vue │ │ │ ├── DialogFooter.vue │ │ │ ├── DialogHeader.vue │ │ │ ├── DialogOverlay.vue │ │ │ ├── DialogScrollContent.vue │ │ │ ├── DialogTitle.vue │ │ │ ├── DialogTrigger.vue │ │ │ └── index.ts │ │ ├── drawer/ │ │ │ ├── Drawer.vue │ │ │ ├── DrawerClose.vue │ │ │ ├── DrawerContent.vue │ │ │ ├── DrawerDescription.vue │ │ │ ├── DrawerFooter.vue │ │ │ ├── DrawerHeader.vue │ │ │ ├── DrawerOverlay.vue │ │ │ ├── DrawerTitle.vue │ │ │ ├── DrawerTrigger.vue │ │ │ └── index.ts │ │ ├── dropdown-menu/ │ │ │ ├── DropdownMenu.vue │ │ │ ├── DropdownMenuCheckboxItem.vue │ │ │ ├── DropdownMenuContent.vue │ │ │ ├── DropdownMenuGroup.vue │ │ │ ├── DropdownMenuItem.vue │ │ │ ├── DropdownMenuLabel.vue │ │ │ ├── DropdownMenuRadioGroup.vue │ │ │ ├── DropdownMenuRadioItem.vue │ │ │ ├── DropdownMenuSeparator.vue │ │ │ ├── DropdownMenuShortcut.vue │ │ │ ├── DropdownMenuSub.vue │ │ │ ├── DropdownMenuSubContent.vue │ │ │ ├── DropdownMenuSubTrigger.vue │ │ │ ├── DropdownMenuTrigger.vue │ │ │ └── index.ts │ │ ├── empty/ │ │ │ ├── Empty.vue │ │ │ ├── EmptyContent.vue │ │ │ ├── EmptyDescription.vue │ │ │ ├── EmptyHeader.vue │ │ │ ├── EmptyMedia.vue │ │ │ ├── EmptyTitle.vue │ │ │ └── index.ts │ │ ├── field/ │ │ │ ├── Field.vue │ │ │ ├── FieldContent.vue │ │ │ ├── FieldDescription.vue │ │ │ ├── FieldError.vue │ │ │ ├── FieldGroup.vue │ │ │ ├── FieldLabel.vue │ │ │ ├── FieldLegend.vue │ │ │ ├── FieldSeparator.vue │ │ │ ├── FieldSet.vue │ │ │ ├── FieldTitle.vue │ │ │ └── index.ts │ │ ├── hover-card/ │ │ │ ├── HoverCard.vue │ │ │ ├── HoverCardContent.vue │ │ │ ├── HoverCardTrigger.vue │ │ │ └── index.ts │ │ ├── input/ │ │ │ ├── Input.vue │ │ │ └── index.ts │ │ ├── input-group/ │ │ │ ├── InputGroup.vue │ │ │ ├── InputGroupAddon.vue │ │ │ ├── InputGroupButton.vue │ │ │ ├── InputGroupInput.vue │ │ │ ├── InputGroupText.vue │ │ │ ├── InputGroupTextarea.vue │ │ │ └── index.ts │ │ ├── input-otp/ │ │ │ ├── InputOTP.vue │ │ │ ├── InputOTPGroup.vue │ │ │ ├── InputOTPSeparator.vue │ │ │ ├── InputOTPSlot.vue │ │ │ └── index.ts │ │ ├── item/ │ │ │ ├── Item.vue │ │ │ ├── ItemActions.vue │ │ │ ├── ItemContent.vue │ │ │ ├── ItemDescription.vue │ │ │ ├── ItemFooter.vue │ │ │ ├── ItemGroup.vue │ │ │ ├── ItemHeader.vue │ │ │ ├── ItemMedia.vue │ │ │ ├── ItemSeparator.vue │ │ │ ├── ItemTitle.vue │ │ │ └── index.ts │ │ ├── kbd/ │ │ │ ├── Kbd.vue │ │ │ ├── KbdGroup.vue │ │ │ └── index.ts │ │ ├── label/ │ │ │ ├── Label.vue │ │ │ └── index.ts │ │ ├── menubar/ │ │ │ ├── Menubar.vue │ │ │ ├── MenubarCheckboxItem.vue │ │ │ ├── MenubarContent.vue │ │ │ ├── MenubarGroup.vue │ │ │ ├── MenubarItem.vue │ │ │ ├── MenubarLabel.vue │ │ │ ├── MenubarMenu.vue │ │ │ ├── MenubarRadioGroup.vue │ │ │ ├── MenubarRadioItem.vue │ │ │ ├── MenubarSeparator.vue │ │ │ ├── MenubarShortcut.vue │ │ │ ├── MenubarSub.vue │ │ │ ├── MenubarSubContent.vue │ │ │ ├── MenubarSubTrigger.vue │ │ │ ├── MenubarTrigger.vue │ │ │ └── index.ts │ │ ├── native-select/ │ │ │ ├── NativeSelect.vue │ │ │ ├── NativeSelectOptGroup.vue │ │ │ ├── NativeSelectOption.vue │ │ │ └── index.ts │ │ ├── navigation-menu/ │ │ │ ├── NavigationMenu.vue │ │ │ ├── NavigationMenuContent.vue │ │ │ ├── NavigationMenuIndicator.vue │ │ │ ├── NavigationMenuItem.vue │ │ │ ├── NavigationMenuLink.vue │ │ │ ├── NavigationMenuList.vue │ │ │ ├── NavigationMenuTrigger.vue │ │ │ ├── NavigationMenuViewport.vue │ │ │ └── index.ts │ │ ├── number-field/ │ │ │ ├── NumberField.vue │ │ │ ├── NumberFieldContent.vue │ │ │ ├── NumberFieldDecrement.vue │ │ │ ├── NumberFieldIncrement.vue │ │ │ ├── NumberFieldInput.vue │ │ │ └── index.ts │ │ ├── pagination/ │ │ │ ├── Pagination.vue │ │ │ ├── PaginationContent.vue │ │ │ ├── PaginationEllipsis.vue │ │ │ ├── PaginationFirst.vue │ │ │ ├── PaginationItem.vue │ │ │ ├── PaginationLast.vue │ │ │ ├── PaginationNext.vue │ │ │ ├── PaginationPrevious.vue │ │ │ └── index.ts │ │ ├── pin-input/ │ │ │ ├── PinInput.vue │ │ │ ├── PinInputGroup.vue │ │ │ ├── PinInputSeparator.vue │ │ │ ├── PinInputSlot.vue │ │ │ └── index.ts │ │ ├── popover/ │ │ │ ├── Popover.vue │ │ │ ├── PopoverAnchor.vue │ │ │ ├── PopoverContent.vue │ │ │ ├── PopoverTrigger.vue │ │ │ └── index.ts │ │ ├── progress/ │ │ │ ├── Progress.vue │ │ │ └── index.ts │ │ ├── radio-group/ │ │ │ ├── RadioGroup.vue │ │ │ ├── RadioGroupItem.vue │ │ │ └── index.ts │ │ ├── range-calendar/ │ │ │ ├── RangeCalendar.vue │ │ │ ├── RangeCalendarCell.vue │ │ │ ├── RangeCalendarCellTrigger.vue │ │ │ ├── RangeCalendarGrid.vue │ │ │ ├── RangeCalendarGridBody.vue │ │ │ ├── RangeCalendarGridHead.vue │ │ │ ├── RangeCalendarGridRow.vue │ │ │ ├── RangeCalendarHeadCell.vue │ │ │ ├── RangeCalendarHeader.vue │ │ │ ├── RangeCalendarHeading.vue │ │ │ ├── RangeCalendarNextButton.vue │ │ │ ├── RangeCalendarPrevButton.vue │ │ │ └── index.ts │ │ ├── resizable/ │ │ │ ├── ResizableHandle.vue │ │ │ ├── ResizablePanel.vue │ │ │ ├── ResizablePanelGroup.vue │ │ │ └── index.ts │ │ ├── scroll-area/ │ │ │ ├── ScrollArea.vue │ │ │ ├── ScrollBar.vue │ │ │ └── index.ts │ │ ├── select/ │ │ │ ├── Select.vue │ │ │ ├── SelectContent.vue │ │ │ ├── SelectGroup.vue │ │ │ ├── SelectItem.vue │ │ │ ├── SelectItemText.vue │ │ │ ├── SelectLabel.vue │ │ │ ├── SelectScrollDownButton.vue │ │ │ ├── SelectScrollUpButton.vue │ │ │ ├── SelectSeparator.vue │ │ │ ├── SelectTrigger.vue │ │ │ ├── SelectValue.vue │ │ │ └── index.ts │ │ ├── separator/ │ │ │ ├── Separator.vue │ │ │ └── index.ts │ │ ├── sheet/ │ │ │ ├── Sheet.vue │ │ │ ├── SheetClose.vue │ │ │ ├── SheetContent.vue │ │ │ ├── SheetDescription.vue │ │ │ ├── SheetFooter.vue │ │ │ ├── SheetHeader.vue │ │ │ ├── SheetOverlay.vue │ │ │ ├── SheetTitle.vue │ │ │ ├── SheetTrigger.vue │ │ │ └── index.ts │ │ ├── sidebar/ │ │ │ ├── Sidebar.vue │ │ │ ├── SidebarContent.vue │ │ │ ├── SidebarFooter.vue │ │ │ ├── SidebarGroup.vue │ │ │ ├── SidebarGroupAction.vue │ │ │ ├── SidebarGroupContent.vue │ │ │ ├── SidebarGroupLabel.vue │ │ │ ├── SidebarHeader.vue │ │ │ ├── SidebarInput.vue │ │ │ ├── SidebarInset.vue │ │ │ ├── SidebarMenu.vue │ │ │ ├── SidebarMenuAction.vue │ │ │ ├── SidebarMenuBadge.vue │ │ │ ├── SidebarMenuButton.vue │ │ │ ├── SidebarMenuButtonChild.vue │ │ │ ├── SidebarMenuItem.vue │ │ │ ├── SidebarMenuSkeleton.vue │ │ │ ├── SidebarMenuSub.vue │ │ │ ├── SidebarMenuSubButton.vue │ │ │ ├── SidebarMenuSubItem.vue │ │ │ ├── SidebarProvider.vue │ │ │ ├── SidebarRail.vue │ │ │ ├── SidebarSeparator.vue │ │ │ ├── SidebarTrigger.vue │ │ │ ├── index.ts │ │ │ └── utils.ts │ │ ├── skeleton/ │ │ │ ├── Skeleton.vue │ │ │ └── index.ts │ │ ├── slider/ │ │ │ ├── Slider.vue │ │ │ └── index.ts │ │ ├── sonner/ │ │ │ ├── Sonner.vue │ │ │ └── index.ts │ │ ├── spinner/ │ │ │ ├── Spinner.vue │ │ │ └── index.ts │ │ ├── stepper/ │ │ │ ├── Stepper.vue │ │ │ ├── StepperDescription.vue │ │ │ ├── StepperIndicator.vue │ │ │ ├── StepperItem.vue │ │ │ ├── StepperSeparator.vue │ │ │ ├── StepperTitle.vue │ │ │ ├── StepperTrigger.vue │ │ │ └── index.ts │ │ ├── switch/ │ │ │ ├── Switch.vue │ │ │ └── index.ts │ │ ├── table/ │ │ │ ├── Table.vue │ │ │ ├── TableBody.vue │ │ │ ├── TableCaption.vue │ │ │ ├── TableCell.vue │ │ │ ├── TableEmpty.vue │ │ │ ├── TableFooter.vue │ │ │ ├── TableHead.vue │ │ │ ├── TableHeader.vue │ │ │ ├── TableRow.vue │ │ │ ├── index.ts │ │ │ └── utils.ts │ │ ├── tabs/ │ │ │ ├── Tabs.vue │ │ │ ├── TabsContent.vue │ │ │ ├── TabsList.vue │ │ │ ├── TabsTrigger.vue │ │ │ └── index.ts │ │ ├── tags-input/ │ │ │ ├── TagsInput.vue │ │ │ ├── TagsInputInput.vue │ │ │ ├── TagsInputItem.vue │ │ │ ├── TagsInputItemDelete.vue │ │ │ ├── TagsInputItemText.vue │ │ │ └── index.ts │ │ ├── textarea/ │ │ │ ├── Textarea.vue │ │ │ └── index.ts │ │ ├── toggle/ │ │ │ ├── Toggle.vue │ │ │ └── index.ts │ │ ├── toggle-group/ │ │ │ ├── ToggleGroup.vue │ │ │ ├── ToggleGroupItem.vue │ │ │ └── index.ts │ │ └── tooltip/ │ │ ├── Tooltip.vue │ │ ├── TooltipContent.vue │ │ ├── TooltipProvider.vue │ │ ├── TooltipTrigger.vue │ │ └── index.ts │ ├── composables/ │ │ ├── useAuthToken.ts │ │ ├── useGithubStats.ts │ │ └── useTrafficEventBus.ts │ ├── data/ │ │ └── testimonials.json │ ├── error.vue │ ├── layouts/ │ │ └── default.vue │ ├── lib/ │ │ └── utils.ts │ ├── pages/ │ │ └── index.vue │ ├── plugins/ │ │ └── ssr-width.ts │ ├── types/ │ │ └── index.ts │ └── utils/ │ ├── api.ts │ ├── file.ts │ ├── flag.ts │ ├── image.ts │ ├── intl.ts │ ├── number.ts │ └── time.ts ├── components.json ├── docs/ │ ├── api.md │ ├── configuration.md │ ├── deployment/ │ │ ├── pages.md │ │ └── workers.md │ └── faqs.md ├── eslint.config.mjs ├── i18n/ │ ├── i18n.config.ts │ ├── i18n.ts │ └── locales/ │ ├── de-DE.json │ ├── en-US.json │ ├── fr-FR.json │ ├── it-IT.json │ ├── pt-BR.json │ ├── pt-PT.json │ ├── vi-VN.json │ ├── zh-CN.json │ └── zh-TW.json ├── layers/ │ └── dashboard/ │ ├── app/ │ │ ├── components/ │ │ │ ├── dashboard/ │ │ │ │ ├── DatePicker.vue │ │ │ │ ├── Filters.vue │ │ │ │ ├── Logout.vue │ │ │ │ ├── PageBreadcrumb.vue │ │ │ │ ├── TimePicker.vue │ │ │ │ ├── analysis/ │ │ │ │ │ ├── Counters.vue │ │ │ │ │ ├── Heatmap.vue │ │ │ │ │ ├── Index.vue │ │ │ │ │ ├── Views.vue │ │ │ │ │ └── metrics/ │ │ │ │ │ ├── Group.vue │ │ │ │ │ ├── Index.vue │ │ │ │ │ ├── List.vue │ │ │ │ │ ├── Locations.vue │ │ │ │ │ ├── Metric.vue │ │ │ │ │ └── name/ │ │ │ │ │ ├── Icon.vue │ │ │ │ │ ├── Index.vue │ │ │ │ │ ├── Referer.vue │ │ │ │ │ └── Slug.vue │ │ │ │ ├── links/ │ │ │ │ │ ├── Delete.vue │ │ │ │ │ ├── Index.vue │ │ │ │ │ ├── Link.vue │ │ │ │ │ ├── QRCode.vue │ │ │ │ │ ├── Search.vue │ │ │ │ │ ├── Sort.vue │ │ │ │ │ └── editor/ │ │ │ │ │ ├── Advanced.vue │ │ │ │ │ ├── Form.vue │ │ │ │ │ ├── ImageUploader.vue │ │ │ │ │ └── index.vue │ │ │ │ ├── migrate/ │ │ │ │ │ ├── Backup.vue │ │ │ │ │ ├── Export.vue │ │ │ │ │ ├── Import.vue │ │ │ │ │ └── Index.vue │ │ │ │ ├── realtime/ │ │ │ │ │ ├── Chart.vue │ │ │ │ │ ├── Index.vue │ │ │ │ │ ├── Logs.vue │ │ │ │ │ └── globe/ │ │ │ │ │ └── Globe.vue │ │ │ │ └── sidebar/ │ │ │ │ ├── AppSidebar.vue │ │ │ │ ├── NavMain.vue │ │ │ │ ├── NavSecondary.vue │ │ │ │ └── NavUser.vue │ │ │ ├── login/ │ │ │ │ └── index.vue │ │ │ └── spark-ui/ │ │ │ ├── AnimatedList.vue │ │ │ └── Notification.vue │ │ ├── composables/ │ │ │ ├── analysis.ts │ │ │ ├── dashboard.ts │ │ │ ├── globe/ │ │ │ │ ├── color.ts │ │ │ │ ├── colors.ts │ │ │ │ ├── data.ts │ │ │ │ ├── geometry.ts │ │ │ │ ├── index.ts │ │ │ │ ├── interaction.ts │ │ │ │ ├── shaders.ts │ │ │ │ ├── sphere.ts │ │ │ │ ├── texture.ts │ │ │ │ ├── types.ts │ │ │ │ └── useWebGLGlobe.ts │ │ │ ├── links.ts │ │ │ ├── realtime.ts │ │ │ ├── useTrafficEvent.ts │ │ │ └── useVersionCheck.ts │ │ ├── layouts/ │ │ │ └── dashboard.vue │ │ ├── middleware/ │ │ │ └── auth.global.ts │ │ ├── pages/ │ │ │ └── dashboard/ │ │ │ ├── analysis.vue │ │ │ ├── link.vue │ │ │ ├── links.vue │ │ │ ├── login.vue │ │ │ ├── migrate.vue │ │ │ └── realtime.vue │ │ └── utils/ │ │ └── injection-keys.ts │ ├── nuxt.config.ts │ └── shared/ │ └── types/ │ ├── events.ts │ ├── index.ts │ └── metrics.ts ├── nuxt.config.ts ├── package.json ├── pnpm-workspace.yaml ├── public/ │ ├── colos.json │ ├── countries.geojson │ └── robots.txt ├── renovate.json ├── scripts/ │ ├── build-colo.js │ ├── build-map.js │ ├── build-sphere.js │ └── build-testimonials.js ├── server/ │ ├── api/ │ │ ├── backup.post.ts │ │ ├── link/ │ │ │ ├── ai.get.ts │ │ │ ├── create.post.ts │ │ │ ├── delete.post.ts │ │ │ ├── edit.put.ts │ │ │ ├── export.get.ts │ │ │ ├── import.post.ts │ │ │ ├── list.get.ts │ │ │ ├── query.get.ts │ │ │ ├── search.get.ts │ │ │ └── upsert.post.ts │ │ ├── location.get.ts │ │ ├── logs/ │ │ │ ├── events.get.ts │ │ │ └── locations.get.ts │ │ ├── stats/ │ │ │ ├── counters.get.ts │ │ │ ├── heatmap.get.ts │ │ │ ├── metrics.get.ts │ │ │ └── views.get.ts │ │ ├── upload/ │ │ │ └── image.post.ts │ │ └── verify.get.ts │ ├── middleware/ │ │ ├── 1.redirect.ts │ │ └── 2.auth.ts │ ├── plugins/ │ │ └── backup.ts │ ├── routes/ │ │ └── _assets/ │ │ └── [...key].get.ts │ └── utils/ │ ├── access-log.ts │ ├── backup.ts │ ├── cloudflare.ts │ ├── link-store.ts │ ├── markdown.ts │ ├── query-filter.ts │ ├── redirect-i18n.ts │ ├── safe-browsing.ts │ ├── sql-bricks.ts │ ├── template.ts │ └── time.ts ├── shared/ │ ├── schemas/ │ │ ├── import.ts │ │ ├── link.ts │ │ └── query.ts │ └── types/ │ ├── cloudflare.d.ts │ ├── link.ts │ ├── mysql-bricks.d.ts │ └── traffic.ts ├── skills/ │ └── sink/ │ └── SKILL.md ├── tests/ │ ├── api/ │ │ ├── export-import.spec.ts │ │ ├── link.spec.ts │ │ ├── location.spec.ts │ │ ├── logs.spec.ts │ │ ├── stats.spec.ts │ │ ├── upload.spec.ts │ │ └── verify.spec.ts │ ├── sink.spec.ts │ ├── tsconfig.json │ └── utils.ts ├── tsconfig.json ├── vitest.config.ts ├── worker-configuration.d.ts └── wrangler.jsonc
SYMBOL INDEX (901 symbols across 78 files)
FILE: app/components/ui/alert/index.ts
type AlertVariants (line 24) | type AlertVariants = VariantProps<typeof alertVariants>
FILE: app/components/ui/badge/index.ts
type BadgeVariants (line 26) | type BadgeVariants = VariantProps<typeof badgeVariants>
FILE: app/components/ui/button-group/index.ts
type ButtonGroupVariants (line 25) | type ButtonGroupVariants = VariantProps<typeof buttonGroupVariants>
FILE: app/components/ui/button/index.ts
type ButtonVariants (line 38) | type ButtonVariants = VariantProps<typeof buttonVariants>
FILE: app/components/ui/calendar/index.ts
type LayoutTypes (line 14) | type LayoutTypes = "month-and-year" | "month-only" | "year-only" | undef...
FILE: app/components/ui/carousel/interface.ts
type CarouselApi (line 7) | type CarouselApi = EmblaCarouselVueType[1]
type UseCarouselParameters (line 8) | type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
type CarouselOptions (line 9) | type CarouselOptions = UseCarouselParameters[0]
type CarouselPlugin (line 10) | type CarouselPlugin = UseCarouselParameters[1]
type UnwrapRefCarouselApi (line 12) | type UnwrapRefCarouselApi = UnwrapRef<CarouselApi>
type CarouselProps (line 14) | interface CarouselProps {
type CarouselEmits (line 20) | interface CarouselEmits {
type WithClassAsProps (line 24) | interface WithClassAsProps {
FILE: app/components/ui/carousel/useCarousel.ts
function scrollPrev (line 17) | function scrollPrev() {
function scrollNext (line 20) | function scrollNext() {
function onSelect (line 27) | function onSelect(api: CarouselApi) {
function useCarousel (line 47) | function useCarousel() {
FILE: app/components/ui/chart/index.ts
constant THEMES (line 10) | const THEMES = { light: "", dark: ".dark" } as const
type ChartConfig (line 12) | type ChartConfig = {
type ChartContextProps (line 22) | interface ChartContextProps {
FILE: app/components/ui/chart/utils.ts
function serializeKey (line 10) | function serializeKey(key: Record<string, any>): string {
type Constructor (line 14) | interface Constructor<P = any> {
function componentToString (line 23) | function componentToString<P>(config: ChartConfig, component: Constructo...
FILE: app/components/ui/empty/index.ts
type EmptyMediaVariants (line 26) | type EmptyMediaVariants = VariantProps<typeof emptyMediaVariants>
FILE: app/components/ui/field/index.ts
type FieldVariants (line 28) | type FieldVariants = VariantProps<typeof fieldVariants>
FILE: app/components/ui/input-group/index.ts
type InputGroupVariants (line 34) | type InputGroupVariants = VariantProps<typeof inputGroupAddonVariants>
type InputGroupButtonVariants (line 53) | type InputGroupButtonVariants = VariantProps<typeof inputGroupButtonVari...
type InputGroupButtonProps (line 55) | interface InputGroupButtonProps {
FILE: app/components/ui/item/index.ts
type ItemVariants (line 53) | type ItemVariants = VariantProps<typeof itemVariants>
type ItemMediaVariants (line 54) | type ItemMediaVariants = VariantProps<typeof itemMediaVariants>
FILE: app/components/ui/sidebar/index.ts
type SidebarProps (line 5) | interface SidebarProps {
type SidebarMenuButtonVariants (line 60) | type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVa...
FILE: app/components/ui/sidebar/utils.ts
constant SIDEBAR_COOKIE_NAME (line 4) | const SIDEBAR_COOKIE_NAME = "sidebar_state"
constant SIDEBAR_COOKIE_MAX_AGE (line 5) | const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
constant SIDEBAR_WIDTH (line 6) | const SIDEBAR_WIDTH = "16rem"
constant SIDEBAR_WIDTH_MOBILE (line 7) | const SIDEBAR_WIDTH_MOBILE = "18rem"
constant SIDEBAR_WIDTH_ICON (line 8) | const SIDEBAR_WIDTH_ICON = "3rem"
constant SIDEBAR_KEYBOARD_SHORTCUT (line 9) | const SIDEBAR_KEYBOARD_SHORTCUT = "b"
FILE: app/components/ui/table/utils.ts
function valueUpdater (line 6) | function valueUpdater<T>(updaterOrValue: Updater<T>, ref: Ref<T>) {
FILE: app/components/ui/toggle/index.ts
type ToggleVariants (line 28) | type ToggleVariants = VariantProps<typeof toggleVariants>
FILE: app/composables/useAuthToken.ts
constant TOKEN_KEY (line 1) | const TOKEN_KEY = 'SinkSiteToken'
function useAuthToken (line 3) | function useAuthToken() {
FILE: app/composables/useGithubStats.ts
function useGithubStats (line 4) | function useGithubStats() {
FILE: app/composables/useTrafficEventBus.ts
function useTrafficEventBus (line 10) | function useTrafficEventBus() {
FILE: app/lib/utils.ts
function cn (line 5) | function cn(...inputs: ClassValue[]) {
FILE: app/utils/api.ts
type APIOptions (line 6) | type APIOptions = Omit<NitroFetchOptions<NitroFetchRequest>, 'headers'> & {
function useAPI (line 10) | function useAPI<T = unknown>(api: string, options?: APIOptions): Promise...
FILE: app/utils/file.ts
function saveAsJson (line 4) | function saveAsJson(data: unknown, filename: string): void {
FILE: app/utils/flag.ts
constant EMOJI_FLAG_UNICODE_STARTING_POSITION (line 1) | const EMOJI_FLAG_UNICODE_STARTING_POSITION = 127397
function getFlag (line 3) | function getFlag(countryCode: string = '') {
FILE: app/utils/image.ts
constant IMAGE_MAX_SIZE (line 1) | const IMAGE_MAX_SIZE = 5 * 1024 * 1024
constant IMAGE_ALLOWED_TYPES (line 2) | const IMAGE_ALLOWED_TYPES = ['image/jpeg', 'image/png', 'image/webp', 'i...
FILE: app/utils/intl.ts
function getRegionName (line 6) | function getRegionName(code: string, locale: string): string {
function getLanguageName (line 23) | function getLanguageName(code: string, locale: string): string {
FILE: app/utils/number.ts
function formatNumber (line 1) | function formatNumber(number: number): string {
FILE: app/utils/time.ts
function getTimeZone (line 4) | function getTimeZone() {
function getLocale (line 11) | function getLocale() {
function shortDate (line 18) | function shortDate(unix = 0) {
function longDate (line 22) | function longDate(unix = 0) {
function shortTime (line 26) | function shortTime(unix = 0) {
function longTime (line 30) | function longTime(unix = 0) {
function date2unix (line 34) | function date2unix(dateValue: DateValue | Date, type?: string) {
function unix2date (line 45) | function unix2date(unix: number) {
function getWeekdayNames (line 49) | function getWeekdayNames(style: 'long' | 'short' | 'narrow' = 'short') {
FILE: i18n/i18n.ts
function buildLocales (line 60) | function buildLocales() {
FILE: layers/dashboard/app/composables/analysis.ts
function computeDateRange (line 8) | function computeDateRange(name: string): [number, number] {
function updateDateRange (line 34) | function updateDateRange(range: [number, number]) {
function selectPreset (line 39) | function selectPreset(name: string) {
function updateFilter (line 44) | function updateFilter(type: string, value: string) {
function clearFilters (line 48) | function clearFilters() {
function init (line 53) | function init() {
FILE: layers/dashboard/app/composables/dashboard.ts
type DashboardRouteConfig (line 6) | interface DashboardRouteConfig {
constant DASHBOARD_ROUTES (line 12) | const DASHBOARD_ROUTES = {
type DashboardRouteName (line 40) | type DashboardRouteName = keyof typeof DASHBOARD_ROUTES
function useDashboardRoute (line 42) | function useDashboardRoute() {
FILE: layers/dashboard/app/composables/globe/color.ts
constant COLOR_CACHE_MAX (line 2) | const COLOR_CACHE_MAX = 64
function cacheColor (line 5) | function cacheColor(key: string, value: [number, number, number]): [numb...
function parseColor (line 17) | function parseColor(color: string): [number, number, number] {
FILE: layers/dashboard/app/composables/globe/colors.ts
function useGlobeColors (line 7) | function useGlobeColors() {
FILE: layers/dashboard/app/composables/globe/data.ts
type RawLocationData (line 8) | interface RawLocationData {
type GlobeDataState (line 14) | interface GlobeDataState {
function useGlobeData (line 24) | function useGlobeData() {
FILE: layers/dashboard/app/composables/globe/geometry.ts
function createArcGeometry (line 6) | function createArcGeometry(
function latLngToXYZ (line 105) | function latLngToXYZ(lat: number, lng: number, radius: number): [number,...
FILE: layers/dashboard/app/composables/globe/interaction.ts
type InertiaState (line 3) | interface InertiaState {
type InteractionContext (line 9) | interface InteractionContext {
function setupGlobeInteraction (line 17) | function setupGlobeInteraction(
FILE: layers/dashboard/app/composables/globe/sphere.ts
function createOctahedronSphere (line 4) | function createOctahedronSphere(divisions: number) {
function normalizeVec3 (line 170) | function normalizeVec3(v: number[]): [number, number, number] {
function uvFromPoint (line 175) | function uvFromPoint(p: number[]): [number, number] {
FILE: layers/dashboard/app/composables/globe/texture.ts
constant BASE_HEX_SIZE (line 8) | const BASE_HEX_SIZE = 9
constant BASE_TEXTURE_WIDTH (line 9) | const BASE_TEXTURE_WIDTH = 4096
constant HEX_MARGIN (line 10) | const HEX_MARGIN = 0.2
constant HEX_ANGLES (line 12) | const HEX_ANGLES = Array.from({ length: 6 }, (_, i) => {
type Canvas2D (line 17) | type Canvas2D = CanvasRenderingContext2D | OffscreenCanvasRenderingConte...
function createCanvas (line 19) | function createCanvas(width: number, height: number): HTMLCanvasElement ...
function createCountryTexture (line 25) | async function createCountryTexture(
function drawHexGrid (line 98) | function drawHexGrid(
function drawHeatmapHexes (line 148) | function drawHeatmapHexes(
function drawHexBatch (line 220) | function drawHexBatch(ctx: Canvas2D, coords: number[], radius: number, c...
function createGLTexture (line 237) | function createGLTexture(gl: WebGLRenderingContext, canvas: HTMLCanvasEl...
FILE: layers/dashboard/app/composables/globe/types.ts
type GlobeColors (line 4) | interface GlobeColors {
type CountryColorTiers (line 8) | interface CountryColorTiers {
type HeatmapColorTiers (line 15) | interface HeatmapColorTiers {
type WebGLGlobeContext (line 23) | interface WebGLGlobeContext {
type ArcData (line 37) | interface ArcData {
type RippleData (line 45) | interface RippleData {
FILE: layers/dashboard/app/composables/globe/useWebGLGlobe.ts
function deleteBufferInfo (line 22) | function deleteBufferInfo(gl: WebGLRenderingContext, bufferInfo: twgl.Bu...
constant INTRO_SPIN_DURATION (line 33) | const INTRO_SPIN_DURATION = 1000
function disableAllAttribs (line 38) | function disableAllAttribs(gl: WebGLRenderingContext) {
type ArcAnimation (line 52) | interface ArcAnimation {
type RippleAnimation (line 61) | interface RippleAnimation {
function useWebGLGlobe (line 67) | function useWebGLGlobe(ctx: WebGLGlobeContext) {
FILE: layers/dashboard/app/composables/links.ts
type LinkUpdateEvent (line 6) | interface LinkUpdateEvent {
function openLinkEditor (line 19) | function openLinkEditor(link?: Record<string, unknown>) {
function closeLinkEditor (line 24) | function closeLinkEditor() {
function notifyLinkUpdate (line 29) | function notifyLinkUpdate(link: Link, type: LinkUpdateType) {
function onLinkUpdate (line 33) | function onLinkUpdate(callback: (event: LinkUpdateEvent) => void) {
FILE: layers/dashboard/app/composables/realtime.ts
constant TIME_PRESETS (line 8) | const TIME_PRESETS: Record<string, { minutes?: number, hours?: number } ...
function computeTimeRange (line 19) | function computeTimeRange(name: string): [number, number] {
function selectPreset (line 39) | function selectPreset(name: string) {
function updateFilter (line 46) | function updateFilter(type: string, value: string) {
function clearFilters (line 50) | function clearFilters() {
function init (line 55) | function init() {
FILE: layers/dashboard/app/composables/useTrafficEvent.ts
type TrafficEventContext (line 5) | interface TrafficEventContext {
function useTrafficEvent (line 15) | function useTrafficEvent(ctx: TrafficEventContext) {
FILE: layers/dashboard/app/composables/useVersionCheck.ts
function useVersionCheck (line 5) | function useVersionCheck() {
function compareVersion (line 14) | function compareVersion(a: string, b: string): number {
FILE: layers/dashboard/app/utils/injection-keys.ts
constant LINK_ID_KEY (line 3) | const LINK_ID_KEY: InjectionKey<ComputedRef<string | undefined>> = Symbo...
constant FORM_ITEM_INJECTION_KEY (line 6) | const FORM_ITEM_INJECTION_KEY = Symbol() as InjectionKey<string>
FILE: layers/dashboard/shared/types/events.ts
type LogEvent (line 1) | interface LogEvent {
type ArcData (line 14) | interface ArcData {
type ColoData (line 23) | interface ColoData {
FILE: layers/dashboard/shared/types/metrics.ts
type MetricItem (line 1) | interface MetricItem {
type ViewDataPoint (line 8) | interface ViewDataPoint {
type CounterData (line 14) | interface CounterData {
type LocationData (line 20) | interface LocationData {
type DateRange (line 26) | interface DateRange {
type GeoJSONData (line 31) | interface GeoJSONData {
type CurrentLocation (line 36) | interface CurrentLocation {
type AreaData (line 41) | interface AreaData {
type HeatmapDataPoint (line 47) | interface HeatmapDataPoint {
FILE: scripts/build-colo.js
function main (line 4) | async function main() {
FILE: scripts/build-sphere.js
function main (line 12) | function main() {
FILE: scripts/build-testimonials.js
constant TWEET_IDS (line 5) | const TWEET_IDS = [
constant API_BASE (line 28) | const API_BASE = 'https://react-tweet.vercel.app/api/tweet'
function fetchTweet (line 30) | async function fetchTweet(id) {
function main (line 62) | async function main() {
FILE: server/api/link/ai.get.ts
type AiChatResponse (line 20) | interface AiChatResponse {
FILE: server/api/link/search.get.ts
type Link (line 8) | interface Link {
type LinkMetadata (line 14) | interface LinkMetadata {
type LinkData (line 20) | interface LinkData {
FILE: server/api/logs/events.get.ts
function query2sql (line 7) | function query2sql(query: Query, event: H3Event): string {
type WAEEvents (line 15) | interface WAEEvents {
function events2logs (line 19) | function events2logs(events: WAEEvents[]) {
FILE: server/api/logs/locations.get.ts
function query2sql (line 6) | function query2sql(query: Query, event: H3Event): string {
FILE: server/api/stats/counters.get.ts
function query2sql (line 6) | function query2sql(query: Query, event: H3Event): string {
FILE: server/api/stats/heatmap.get.ts
function query2sql (line 14) | function query2sql(query: z.infer<typeof HeatmapQuerySchema>, event: H3E...
FILE: server/api/stats/metrics.get.ts
type MetricType (line 8) | type MetricType = BlobsMap[keyof BlobsMap] | DoublesMap[keyof DoublesMap]
function query2sql (line 15) | function query2sql(query: z.infer<typeof MetricsQuerySchema>, event: H3E...
FILE: server/api/stats/views.get.ts
function query2sql (line 21) | function query2sql(query: z.infer<typeof ViewsQuerySchema>, event: H3Eve...
FILE: server/middleware/1.redirect.ts
constant SOCIAL_BOTS (line 4) | const SOCIAL_BOTS = [
function isSocialBot (line 22) | function isSocialBot(userAgent: string): boolean {
function getDeviceRedirectUrl (line 27) | function getDeviceRedirectUrl(userAgent: string, link: Link): string | n...
function hasOgConfig (line 44) | function hasOgConfig(link: Link): boolean {
FILE: server/utils/access-log.ts
function toBlobNumber (line 17) | function toBlobNumber(blob: string) {
type BlobsMap (line 45) | type BlobsMap = typeof blobsMap
type BlobsKey (line 46) | type BlobsKey = keyof BlobsMap
type DoublesMap (line 48) | type DoublesMap = typeof doublesMap
type DoublesKey (line 49) | type DoublesKey = keyof DoublesMap
type LogsKey (line 51) | type LogsKey = BlobsMap[BlobsKey] | DoublesMap[DoublesKey]
type LogsMap (line 52) | type LogsMap = {
function logs2blobs (line 63) | function logs2blobs(logs: LogsMap) {
function blobs2logs (line 69) | function blobs2logs(blobs: string[]) {
function logs2doubles (line 79) | function logs2doubles(logs: LogsMap) {
function doubles2logs (line 85) | function doubles2logs(doubles: number[]) {
function useAccessLog (line 95) | function useAccessLog(event: H3Event) {
FILE: server/utils/backup.ts
type BackupData (line 6) | interface BackupData {
function backupKVToR2 (line 13) | async function backupKVToR2(env: Cloudflare.Env, isManual: boolean = fal...
FILE: server/utils/cloudflare.ts
function useWAE (line 3) | function useWAE(event: H3Event, query: string) {
FILE: server/utils/link-store.ts
type Link (line 6) | type Link = z.infer<typeof LinkSchema>
function withoutQuery (line 8) | function withoutQuery(url: string): string {
function normalizeSlug (line 13) | function normalizeSlug(event: H3Event, slug: string): string {
function buildShortLink (line 18) | function buildShortLink(event: H3Event, slug: string): string {
function putLink (line 22) | async function putLink(event: H3Event, link: Link): Promise<void> {
function getLink (line 37) | async function getLink(event: H3Event, slug: string, cacheTtl?: number):...
function getLinkWithMetadata (line 43) | async function getLinkWithMetadata(event: H3Event, slug: string): Promis...
function deleteLink (line 50) | async function deleteLink(event: H3Event, slug: string): Promise<void> {
function linkExists (line 56) | async function linkExists(event: H3Event, slug: string): Promise<boolean> {
type ListLinksOptions (line 61) | interface ListLinksOptions {
type ListLinksResult (line 66) | interface ListLinksResult {
function listLinks (line 72) | async function listLinks(event: H3Event, options: ListLinksOptions): Pro...
FILE: server/utils/markdown.ts
function fetchPageMarkdown (line 4) | async function fetchPageMarkdown(event: H3Event, url: string, AI: Ai): P...
FILE: server/utils/query-filter.ts
function query2filter (line 9) | function query2filter(query: Query) {
function appendTimeFilter (line 26) | function appendTimeFilter(sql: SelectStatement, query: Query): SelectSta...
FILE: server/utils/redirect-i18n.ts
constant REDIRECT_TRANSLATIONS (line 1) | const REDIRECT_TRANSLATIONS = {
type RedirectLocale (line 104) | type RedirectLocale = keyof typeof REDIRECT_TRANSLATIONS
constant SUPPORTED_LOCALES (line 106) | const SUPPORTED_LOCALES = Object.keys(REDIRECT_TRANSLATIONS) as Redirect...
function normalizeLocaleCode (line 109) | function normalizeLocaleCode(code: string): string {
function resolveRedirectLocale (line 119) | function resolveRedirectLocale(header: string | undefined): RedirectLoca...
FILE: server/utils/safe-browsing.ts
function isSafeUrl (line 4) | async function isSafeUrl(event: H3Event, url: string): Promise<boolean> {
FILE: server/utils/template.ts
function buildMetaTags (line 5) | function buildMetaTags(link: Link, baseUrl: string) {
function generateCloakingHtml (line 30) | function generateCloakingHtml(link: Link, targetUrl: string, baseUrl: st...
type PasswordHtmlOptions (line 47) | interface PasswordHtmlOptions {
function generatePasswordHtml (line 52) | function generatePasswordHtml(slug: string, options: PasswordHtmlOptions...
type UnsafeWarningHtmlOptions (line 89) | interface UnsafeWarningHtmlOptions {
function generateUnsafeWarningHtml (line 94) | function generateUnsafeWarningHtml(slug: string, targetUrl: string, opti...
function generateOgHtml (line 141) | function generateOgHtml(link: Link, targetUrl: string, baseUrl: string):...
FILE: server/utils/time.ts
function getExpiration (line 3) | function getExpiration(event: H3Event, expiration: number | undefined) {
function isValidTimezone (line 15) | function isValidTimezone(tz: string): boolean {
function getSafeTimezone (line 25) | function getSafeTimezone(tz: string): string {
FILE: shared/schemas/import.ts
type ImportData (line 23) | type ImportData = z.infer<typeof ImportDataSchema>
type ImportLink (line 24) | type ImportLink = z.infer<typeof ImportLinkSchema>
type ImportResultItem (line 26) | interface ImportResultItem {
type ImportResult (line 32) | interface ImportResult {
FILE: shared/schemas/link.ts
type Link (line 32) | type Link = z.infer<typeof LinkSchema>
type ExportData (line 34) | interface ExportData {
FILE: shared/schemas/query.ts
type Query (line 25) | type Query = z.infer<typeof QuerySchema>
FILE: shared/types/cloudflare.d.ts
type H3EventContext (line 2) | interface H3EventContext {
FILE: shared/types/link.ts
type LinkUpdateType (line 7) | type LinkUpdateType = 'create' | 'edit' | 'delete'
type LinkFormFields (line 10) | type LinkFormFields = Omit<Link, 'id' | 'createdAt' | 'updatedAt' | 'exp...
type LinkFormData (line 14) | type LinkFormData = {
type LinkListResponse (line 20) | interface LinkListResponse {
type LinkSortBy (line 26) | type LinkSortBy = 'newest' | 'oldest' | 'az' | 'za'
FILE: shared/types/traffic.ts
type TrafficEventParams (line 1) | interface TrafficEventParams {
FILE: tests/api/verify.spec.ts
type VerifyResponse (line 4) | interface VerifyResponse {
FILE: tests/utils.ts
function fetchWithAuth (line 3) | function fetchWithAuth(path: string, options?: RequestInit): Promise<Res...
function fetch (line 13) | function fetch(path: string, options?: RequestInit): Promise<Response> {
function postJson (line 17) | function postJson(path: string, body: unknown, withAuth = true): Promise...
function putJson (line 26) | function putJson(path: string, body: unknown, withAuth = true): Promise<...
constant TEST_PNG_BYTES (line 36) | const TEST_PNG_BYTES = new Uint8Array([
FILE: worker-configuration.d.ts
type Env (line 5) | interface Env {
type Env (line 16) | interface Env extends Cloudflare.Env {}
type StringifyValues (line 17) | type StringifyValues<EnvType extends Record<string, unknown>> = {
type ProcessEnv (line 21) | interface ProcessEnv extends StringifyValues<Pick<Cloudflare.Env, "NUXT_...
class DOMException (line 47) | class DOMException extends Error {
type WorkerGlobalScopeEventMap (line 96) | type WorkerGlobalScopeEventMap = {
type Console (line 111) | interface Console {
type BufferSource (line 224) | type BufferSource = ArrayBufferView | ArrayBuffer;
type TypedArray (line 225) | type TypedArray = Int8Array | Uint8Array | Uint8ClampedArray | Int16Arra...
class CompileError (line 227) | class CompileError extends Error {
class RuntimeError (line 230) | class RuntimeError extends Error {
type ValueType (line 233) | type ValueType = "anyfunc" | "externref" | "f32" | "f64" | "i32" | "i64"...
type GlobalDescriptor (line 234) | interface GlobalDescriptor {
class Global (line 238) | class Global {
type ImportValue (line 243) | type ImportValue = ExportValue | number;
type ModuleImports (line 244) | type ModuleImports = Record<string, ImportValue>;
type Imports (line 245) | type Imports = Record<string, ModuleImports>;
type ExportValue (line 246) | type ExportValue = Function | Global | Memory | Table;
type Exports (line 247) | type Exports = Record<string, ExportValue>;
class Instance (line 248) | class Instance {
type MemoryDescriptor (line 252) | interface MemoryDescriptor {
class Memory (line 257) | class Memory {
type ImportExportKind (line 262) | type ImportExportKind = "function" | "global" | "memory" | "table";
type ModuleExportDescriptor (line 263) | interface ModuleExportDescriptor {
type ModuleImportDescriptor (line 267) | interface ModuleImportDescriptor {
type TableKind (line 277) | type TableKind = "anyfunc" | "externref";
type TableDescriptor (line 278) | interface TableDescriptor {
class Table (line 283) | class Table {
type ServiceWorkerGlobalScope (line 299) | interface ServiceWorkerGlobalScope extends WorkerGlobalScope {
type TestController (line 437) | interface TestController {
type ExecutionContext (line 439) | interface ExecutionContext<Props = unknown> {
type ExportedHandlerFetchHandler (line 444) | type ExportedHandlerFetchHandler<Env = unknown, CfHostMetadata = unknown...
type ExportedHandlerTailHandler (line 445) | type ExportedHandlerTailHandler<Env = unknown> = (events: TraceItem[], e...
type ExportedHandlerTraceHandler (line 446) | type ExportedHandlerTraceHandler<Env = unknown> = (traces: TraceItem[], ...
type ExportedHandlerTailStreamHandler (line 447) | type ExportedHandlerTailStreamHandler<Env = unknown> = (event: TailStrea...
type ExportedHandlerScheduledHandler (line 448) | type ExportedHandlerScheduledHandler<Env = unknown> = (controller: Sched...
type ExportedHandlerQueueHandler (line 449) | type ExportedHandlerQueueHandler<Env = unknown, Message = unknown> = (ba...
type ExportedHandlerTestHandler (line 450) | type ExportedHandlerTestHandler<Env = unknown> = (controller: TestContro...
type ExportedHandler (line 451) | interface ExportedHandler<Env = unknown, QueueHandlerMessage = unknown, ...
type StructuredSerializeOptions (line 461) | interface StructuredSerializeOptions {
type AlarmInvocationInfo (line 469) | interface AlarmInvocationInfo {
type Cloudflare (line 473) | interface Cloudflare {
type DurableObject (line 476) | interface DurableObject {
type DurableObjectStub (line 483) | type DurableObjectStub<T extends Rpc.DurableObjectBranded | undefined = ...
type DurableObjectId (line 487) | interface DurableObjectId {
type DurableObjectJurisdiction (line 500) | type DurableObjectJurisdiction = "eu" | "fedramp" | "fedramp-high";
type DurableObjectNamespaceNewUniqueIdOptions (line 501) | interface DurableObjectNamespaceNewUniqueIdOptions {
type DurableObjectLocationHint (line 504) | type DurableObjectLocationHint = "wnam" | "enam" | "sam" | "weur" | "eeu...
type DurableObjectRoutingMode (line 505) | type DurableObjectRoutingMode = "primary-only";
type DurableObjectNamespaceGetDurableObjectOptions (line 506) | interface DurableObjectNamespaceGetDurableObjectOptions {
type DurableObjectClass (line 510) | interface DurableObjectClass<_T extends Rpc.DurableObjectBranded | undef...
type DurableObjectState (line 512) | interface DurableObjectState<Props = unknown> {
type DurableObjectTransaction (line 529) | interface DurableObjectTransaction {
type DurableObjectStorage (line 542) | interface DurableObjectStorage {
type DurableObjectListOptions (line 563) | interface DurableObjectListOptions {
type DurableObjectGetOptions (line 573) | interface DurableObjectGetOptions {
type DurableObjectGetAlarmOptions (line 577) | interface DurableObjectGetAlarmOptions {
type DurableObjectPutOptions (line 580) | interface DurableObjectPutOptions {
type DurableObjectSetAlarmOptions (line 585) | interface DurableObjectSetAlarmOptions {
class WebSocketRequestResponsePair (line 589) | class WebSocketRequestResponsePair {
type AnalyticsEngineDataset (line 594) | interface AnalyticsEngineDataset {
type AnalyticsEngineDataPoint (line 597) | interface AnalyticsEngineDataPoint {
class Event (line 607) | class Event {
type EventInit (line 726) | interface EventInit {
type EventListener (line 731) | type EventListener<EventType extends Event = Event> = (event: EventType)...
type EventListenerObject (line 732) | interface EventListenerObject<EventType extends Event = Event> {
type EventListenerOrEventListenerObject (line 735) | type EventListenerOrEventListenerObject<EventType extends Event = Event>...
class EventTarget (line 741) | class EventTarget<EventMap extends Record<string, Event> = Record<string...
type EventTargetEventListenerOptions (line 762) | interface EventTargetEventListenerOptions {
type EventTargetAddEventListenerOptions (line 765) | interface EventTargetAddEventListenerOptions {
type EventTargetHandlerObject (line 771) | interface EventTargetHandlerObject {
class AbortController (line 779) | class AbortController {
type Scheduler (line 841) | interface Scheduler {
type SchedulerWaitOptions (line 844) | interface SchedulerWaitOptions {
class CustomEvent (line 865) | class CustomEvent<T = any> extends Event {
type CustomEventCustomEventInit (line 874) | interface CustomEventCustomEventInit {
class Blob (line 885) | class Blob {
type BlobOptions (line 930) | interface BlobOptions {
class File (line 938) | class File extends Blob {
type FileOptions (line 953) | interface FileOptions {
type CacheQueryOptions (line 984) | interface CacheQueryOptions {
type CryptoKeyPair (line 1131) | interface CryptoKeyPair {
type JsonWebKey (line 1135) | interface JsonWebKey {
type RsaOtherPrimesInfo (line 1155) | interface RsaOtherPrimesInfo {
type SubtleCryptoDeriveKeyAlgorithm (line 1160) | interface SubtleCryptoDeriveKeyAlgorithm {
type SubtleCryptoEncryptAlgorithm (line 1168) | interface SubtleCryptoEncryptAlgorithm {
type SubtleCryptoGenerateKeyAlgorithm (line 1177) | interface SubtleCryptoGenerateKeyAlgorithm {
type SubtleCryptoHashAlgorithm (line 1185) | interface SubtleCryptoHashAlgorithm {
type SubtleCryptoImportKeyAlgorithm (line 1188) | interface SubtleCryptoImportKeyAlgorithm {
type SubtleCryptoSignAlgorithm (line 1195) | interface SubtleCryptoSignAlgorithm {
type CryptoKeyKeyAlgorithm (line 1201) | interface CryptoKeyKeyAlgorithm {
type CryptoKeyAesKeyAlgorithm (line 1204) | interface CryptoKeyAesKeyAlgorithm {
type CryptoKeyHmacKeyAlgorithm (line 1208) | interface CryptoKeyHmacKeyAlgorithm {
type CryptoKeyRsaKeyAlgorithm (line 1213) | interface CryptoKeyRsaKeyAlgorithm {
type CryptoKeyEllipticKeyAlgorithm (line 1219) | interface CryptoKeyEllipticKeyAlgorithm {
type CryptoKeyArbitraryKeyAlgorithm (line 1223) | interface CryptoKeyArbitraryKeyAlgorithm {
class DigestStream (line 1229) | class DigestStream extends WritableStream<ArrayBuffer | ArrayBufferView> {
class TextDecoder (line 1239) | class TextDecoder {
class TextEncoder (line 1256) | class TextEncoder {
type TextDecoderConstructorOptions (line 1272) | interface TextDecoderConstructorOptions {
type TextDecoderDecodeOptions (line 1276) | interface TextDecoderDecodeOptions {
type TextEncoderEncodeIntoResult (line 1279) | interface TextEncoderEncodeIntoResult {
class ErrorEvent (line 1288) | class ErrorEvent extends Event {
type ErrorEventErrorEventInit (line 1321) | interface ErrorEventErrorEventInit {
class MessageEvent (line 1333) | class MessageEvent extends Event {
type MessageEventInit (line 1366) | interface MessageEventInit {
class FormData (line 1393) | class FormData {
type ContentOptions (line 1458) | interface ContentOptions {
class HTMLRewriter (line 1461) | class HTMLRewriter {
type HTMLRewriterElementContentHandlers (line 1467) | interface HTMLRewriterElementContentHandlers {
type HTMLRewriterDocumentContentHandlers (line 1472) | interface HTMLRewriterDocumentContentHandlers {
type Doctype (line 1478) | interface Doctype {
type Element (line 1483) | interface Element {
type EndTag (line 1502) | interface EndTag {
type Comment (line 1508) | interface Comment {
type Text (line 1516) | interface Text {
type DocumentEnd (line 1525) | interface DocumentEnd {
type HeadersInit (line 1548) | type HeadersInit = Headers | Iterable<Iterable<string>> | Record<string,...
class Headers (line 1554) | class Headers {
type BodyInit (line 1608) | type BodyInit = ReadableStream<Uint8Array> | string | ArrayBuffer | Arra...
type Response (line 1644) | interface Response extends Body {
type ResponseInit (line 1696) | interface ResponseInit {
type RequestInfo (line 1704) | type RequestInfo<CfHostMetadata = unknown, Cf = CfProperties<CfHostMetad...
type Request (line 1719) | interface Request<CfHostMetadata = unknown, Cf = CfProperties<CfHostMeta...
type RequestInit (line 1777) | interface RequestInit<Cf = CfProperties> {
type Service (line 1796) | type Service<T extends (new (...args: any[]) => Rpc.WorkerEntrypointBran...
type Fetcher (line 1797) | type Fetcher<T extends Rpc.EntrypointBranded | undefined = undefined, Re...
type KVNamespaceListKey (line 1801) | interface KVNamespaceListKey<Metadata, Key extends string = string> {
type KVNamespaceListResult (line 1806) | type KVNamespaceListResult<Metadata, Key extends string = string> = {
type KVNamespace (line 1816) | interface KVNamespace<Key extends string = string> {
type KVNamespaceListOptions (line 1849) | interface KVNamespaceListOptions {
type KVNamespaceGetOptions (line 1854) | interface KVNamespaceGetOptions<Type> {
type KVNamespacePutOptions (line 1858) | interface KVNamespacePutOptions {
type KVNamespaceGetWithMetadataResult (line 1863) | interface KVNamespaceGetWithMetadataResult<Value, Metadata> {
type QueueContentType (line 1868) | type QueueContentType = "text" | "bytes" | "json" | "v8";
type Queue (line 1869) | interface Queue<Body = unknown> {
type QueueSendOptions (line 1873) | interface QueueSendOptions {
type QueueSendBatchOptions (line 1877) | interface QueueSendBatchOptions {
type MessageSendRequest (line 1880) | interface MessageSendRequest<Body = unknown> {
type QueueRetryOptions (line 1885) | interface QueueRetryOptions {
type Message (line 1888) | interface Message<Body = unknown> {
type QueueEvent (line 1896) | interface QueueEvent<Body = unknown> extends ExtendableEvent {
type MessageBatch (line 1902) | interface MessageBatch<Body = unknown> {
type R2Error (line 1908) | interface R2Error extends Error {
type R2ListOptions (line 1915) | interface R2ListOptions {
type R2MultipartUpload (line 1938) | interface R2MultipartUpload {
type R2UploadedPart (line 1945) | interface R2UploadedPart {
type R2ObjectBody (line 1964) | interface R2ObjectBody extends R2Object {
type R2Range (line 1973) | type R2Range = {
type R2Conditional (line 1982) | interface R2Conditional {
type R2GetOptions (line 1989) | interface R2GetOptions {
type R2PutOptions (line 1994) | interface R2PutOptions {
type R2MultipartOptions (line 2006) | interface R2MultipartOptions {
type R2Checksums (line 2012) | interface R2Checksums {
type R2StringChecksums (line 2020) | interface R2StringChecksums {
type R2HTTPMetadata (line 2027) | interface R2HTTPMetadata {
type R2Objects (line 2035) | type R2Objects = {
type R2UploadPartOptions (line 2044) | interface R2UploadPartOptions {
type ScheduledController (line 2052) | interface ScheduledController {
type QueuingStrategy (line 2057) | interface QueuingStrategy<T = any> {
type UnderlyingSink (line 2061) | interface UnderlyingSink<W = any> {
type UnderlyingByteSource (line 2068) | interface UnderlyingByteSource {
type UnderlyingSource (line 2075) | interface UnderlyingSource<R = any> {
type Transformer (line 2082) | interface Transformer<I = any, O = any> {
type StreamPipeOptions (line 2091) | interface StreamPipeOptions {
type ReadableStreamReadResult (line 2114) | type ReadableStreamReadResult<R = any> = {
type ReadableStream (line 2126) | interface ReadableStream<R = any> {
class ReadableStreamDefaultReader (line 2190) | class ReadableStreamDefaultReader<R = any> {
class ReadableStreamBYOBReader (line 2212) | class ReadableStreamBYOBReader {
type ReadableStreamBYOBReaderReadableStreamBYOBReaderReadOptions (line 2230) | interface ReadableStreamBYOBReaderReadableStreamBYOBReaderReadOptions {
type ReadableStreamGetReaderOptions (line 2233) | interface ReadableStreamGetReaderOptions {
type ReadableWritablePair (line 2385) | interface ReadableWritablePair<R = any, W = any> {
class WritableStream (line 2399) | class WritableStream<W = any> {
class WritableStreamDefaultWriter (line 2431) | class WritableStreamDefaultWriter<W = any> {
class TransformStream (line 2481) | class TransformStream<I = any, O = any> {
class FixedLengthStream (line 2496) | class FixedLengthStream extends IdentityTransformStream {
class IdentityTransformStream (line 2499) | class IdentityTransformStream extends TransformStream<ArrayBuffer | Arra...
type IdentityTransformStreamQueuingStrategy (line 2502) | interface IdentityTransformStreamQueuingStrategy {
type ReadableStreamValuesOptions (line 2505) | interface ReadableStreamValuesOptions {
class CompressionStream (line 2513) | class CompressionStream extends TransformStream<ArrayBuffer | ArrayBuffe...
class DecompressionStream (line 2521) | class DecompressionStream extends TransformStream<ArrayBuffer | ArrayBuf...
class TextEncoderStream (line 2529) | class TextEncoderStream extends TransformStream<string, Uint8Array> {
class TextDecoderStream (line 2538) | class TextDecoderStream extends TransformStream<ArrayBuffer | ArrayBuffe...
type TextDecoderStreamTextDecoderStreamInit (line 2544) | interface TextDecoderStreamTextDecoderStreamInit {
class ByteLengthQueuingStrategy (line 2553) | class ByteLengthQueuingStrategy implements QueuingStrategy<ArrayBufferVi...
class CountQueuingStrategy (line 2569) | class CountQueuingStrategy implements QueuingStrategy {
type QueuingStrategyInit (line 2580) | interface QueuingStrategyInit {
type ScriptVersion (line 2588) | interface ScriptVersion {
type TraceItem (line 2597) | interface TraceItem {
type TraceItemAlarmEventInfo (line 2615) | interface TraceItemAlarmEventInfo {
type TraceItemCustomEventInfo (line 2618) | interface TraceItemCustomEventInfo {
type TraceItemScheduledEventInfo (line 2620) | interface TraceItemScheduledEventInfo {
type TraceItemQueueEventInfo (line 2624) | interface TraceItemQueueEventInfo {
type TraceItemEmailEventInfo (line 2628) | interface TraceItemEmailEventInfo {
type TraceItemTailEventInfo (line 2633) | interface TraceItemTailEventInfo {
type TraceItemTailEventInfoTailItem (line 2636) | interface TraceItemTailEventInfoTailItem {
type TraceItemFetchEventInfo (line 2639) | interface TraceItemFetchEventInfo {
type TraceItemFetchEventInfoRequest (line 2643) | interface TraceItemFetchEventInfoRequest {
type TraceItemFetchEventInfoResponse (line 2650) | interface TraceItemFetchEventInfoResponse {
type TraceItemJsRpcEventInfo (line 2653) | interface TraceItemJsRpcEventInfo {
type TraceItemHibernatableWebSocketEventInfo (line 2656) | interface TraceItemHibernatableWebSocketEventInfo {
type TraceItemHibernatableWebSocketEventInfoMessage (line 2659) | interface TraceItemHibernatableWebSocketEventInfoMessage {
type TraceItemHibernatableWebSocketEventInfoClose (line 2662) | interface TraceItemHibernatableWebSocketEventInfoClose {
type TraceItemHibernatableWebSocketEventInfoError (line 2667) | interface TraceItemHibernatableWebSocketEventInfoError {
type TraceLog (line 2670) | interface TraceLog {
type TraceException (line 2675) | interface TraceException {
type TraceDiagnosticChannelEvent (line 2681) | interface TraceDiagnosticChannelEvent {
type TraceMetrics (line 2686) | interface TraceMetrics {
type UnsafeTraceMetrics (line 2690) | interface UnsafeTraceMetrics {
class URL (line 2698) | class URL {
class URLSearchParams (line 2870) | class URLSearchParams {
class URLPattern (line 2937) | class URLPattern {
type URLPatternInit (line 2951) | interface URLPatternInit {
type URLPatternComponentResult (line 2962) | interface URLPatternComponentResult {
type URLPatternResult (line 2966) | interface URLPatternResult {
type URLPatternOptions (line 2977) | interface URLPatternOptions {
class CloseEvent (line 2985) | class CloseEvent extends Event {
type CloseEventInit (line 3006) | interface CloseEventInit {
type WebSocketEventMap (line 3011) | type WebSocketEventMap = {
type WebSocket (line 3039) | interface WebSocket extends EventTarget<WebSocketEventMap> {
type SqlStorage (line 3086) | interface SqlStorage {
type SqlStorageValue (line 3094) | type SqlStorageValue = ArrayBuffer | string | number | null;
type Socket (line 3111) | interface Socket {
type SocketOptions (line 3121) | interface SocketOptions {
type SocketAddress (line 3126) | interface SocketAddress {
type TlsOptions (line 3130) | interface TlsOptions {
type SocketInfo (line 3133) | interface SocketInfo {
class EventSource (line 3142) | class EventSource extends EventTarget {
type EventSourceEventSourceInit (line 3185) | interface EventSourceEventSourceInit {
type Container (line 3189) | interface Container {
type ContainerStartupOptions (line 3198) | interface ContainerStartupOptions {
type MessagePort (line 3209) | interface MessagePort extends EventTarget {
type MessagePortPostMessageOptions (line 3231) | interface MessagePortPostMessageOptions {
type LoopbackForExport (line 3234) | type LoopbackForExport<T extends (new (...args: any[]) => Rpc.Entrypoint...
type LoopbackServiceStub (line 3235) | type LoopbackServiceStub<T extends Rpc.WorkerEntrypointBranded | undefin...
type LoopbackDurableObjectClass (line 3240) | type LoopbackDurableObjectClass<T extends Rpc.DurableObjectBranded | und...
type SyncKvStorage (line 3245) | interface SyncKvStorage {
type SyncKvListOptions (line 3254) | interface SyncKvListOptions {
type WorkerStub (line 3262) | interface WorkerStub {
type WorkerStubEntrypointOptions (line 3265) | interface WorkerStubEntrypointOptions {
type WorkerLoader (line 3268) | interface WorkerLoader {
type WorkerLoaderModule (line 3271) | interface WorkerLoaderModule {
type WorkerLoaderWorkerCode (line 3280) | interface WorkerLoaderWorkerCode {
type AiImageClassificationInput (line 3303) | type AiImageClassificationInput = {
type AiImageClassificationOutput (line 3306) | type AiImageClassificationOutput = {
type AiImageToTextInput (line 3314) | type AiImageToTextInput = {
type AiImageToTextOutput (line 3328) | type AiImageToTextOutput = {
type AiImageTextToTextInput (line 3335) | type AiImageTextToTextInput = {
type AiImageTextToTextOutput (line 3350) | type AiImageTextToTextOutput = {
type AiMultimodalEmbeddingsInput (line 3357) | type AiMultimodalEmbeddingsInput = {
type AiIMultimodalEmbeddingsOutput (line 3361) | type AiIMultimodalEmbeddingsOutput = {
type AiObjectDetectionInput (line 3369) | type AiObjectDetectionInput = {
type AiObjectDetectionOutput (line 3372) | type AiObjectDetectionOutput = {
type AiSentenceSimilarityInput (line 3380) | type AiSentenceSimilarityInput = {
type AiSentenceSimilarityOutput (line 3384) | type AiSentenceSimilarityOutput = number[];
type AiAutomaticSpeechRecognitionInput (line 3389) | type AiAutomaticSpeechRecognitionInput = {
type AiAutomaticSpeechRecognitionOutput (line 3392) | type AiAutomaticSpeechRecognitionOutput = {
type AiSummarizationInput (line 3405) | type AiSummarizationInput = {
type AiSummarizationOutput (line 3409) | type AiSummarizationOutput = {
type AiTextClassificationInput (line 3416) | type AiTextClassificationInput = {
type AiTextClassificationOutput (line 3419) | type AiTextClassificationOutput = {
type AiTextEmbeddingsInput (line 3427) | type AiTextEmbeddingsInput = {
type AiTextEmbeddingsOutput (line 3430) | type AiTextEmbeddingsOutput = {
type RoleScopedChatInput (line 3438) | type RoleScopedChatInput = {
type AiTextGenerationToolLegacyInput (line 3443) | type AiTextGenerationToolLegacyInput = {
type AiTextGenerationToolInput (line 3457) | type AiTextGenerationToolInput = {
type AiTextGenerationFunctionsInput (line 3474) | type AiTextGenerationFunctionsInput = {
type AiTextGenerationResponseFormat (line 3478) | type AiTextGenerationResponseFormat = {
type AiTextGenerationInput (line 3482) | type AiTextGenerationInput = {
type AiTextGenerationToolLegacyOutput (line 3499) | type AiTextGenerationToolLegacyOutput = {
type AiTextGenerationToolOutput (line 3503) | type AiTextGenerationToolOutput = {
type UsageTags (line 3511) | type UsageTags = {
type AiTextGenerationOutput (line 3516) | type AiTextGenerationOutput = {
type AiTextToSpeechInput (line 3525) | type AiTextToSpeechInput = {
type AiTextToSpeechOutput (line 3529) | type AiTextToSpeechOutput = Uint8Array | {
type AiTextToImageInput (line 3536) | type AiTextToImageInput = {
type AiTextToImageOutput (line 3549) | type AiTextToImageOutput = ReadableStream<Uint8Array>;
type AiTranslationInput (line 3554) | type AiTranslationInput = {
type AiTranslationOutput (line 3559) | type AiTranslationOutput = {
type ResponsesInput (line 3576) | type ResponsesInput = {
type ResponsesOutput (line 3598) | type ResponsesOutput = {
type EasyInputMessage (line 3623) | type EasyInputMessage = {
type ResponsesFunctionTool (line 3628) | type ResponsesFunctionTool = {
type ResponseIncompleteDetails (line 3637) | type ResponseIncompleteDetails = {
type ResponsePrompt (line 3640) | type ResponsePrompt = {
type Reasoning (line 3647) | type Reasoning = {
type ResponseContent (line 3652) | type ResponseContent = ResponseInputText | ResponseInputImage | Response...
type ResponseContentReasoningText (line 3653) | type ResponseContentReasoningText = {
type ResponseConversationParam (line 3657) | type ResponseConversationParam = {
type ResponseCreatedEvent (line 3660) | type ResponseCreatedEvent = {
type ResponseCustomToolCallOutput (line 3665) | type ResponseCustomToolCallOutput = {
type ResponseError (line 3671) | type ResponseError = {
type ResponseErrorEvent (line 3675) | type ResponseErrorEvent = {
type ResponseFailedEvent (line 3682) | type ResponseFailedEvent = {
type ResponseFormatText (line 3687) | type ResponseFormatText = {
type ResponseFormatJSONObject (line 3690) | type ResponseFormatJSONObject = {
type ResponseFormatTextConfig (line 3693) | type ResponseFormatTextConfig = ResponseFormatText | ResponseFormatTextJ...
type ResponseFormatTextJSONSchemaConfig (line 3694) | type ResponseFormatTextJSONSchemaConfig = {
type ResponseFunctionCallArgumentsDeltaEvent (line 3703) | type ResponseFunctionCallArgumentsDeltaEvent = {
type ResponseFunctionCallArgumentsDoneEvent (line 3710) | type ResponseFunctionCallArgumentsDoneEvent = {
type ResponseFunctionCallOutputItem (line 3718) | type ResponseFunctionCallOutputItem = ResponseInputTextContent | Respons...
type ResponseFunctionCallOutputItemList (line 3719) | type ResponseFunctionCallOutputItemList = Array<ResponseFunctionCallOutp...
type ResponseFunctionToolCall (line 3720) | type ResponseFunctionToolCall = {
type ResponseFunctionToolCallItem (line 3728) | interface ResponseFunctionToolCallItem extends ResponseFunctionToolCall {
type ResponseFunctionToolCallOutputItem (line 3731) | type ResponseFunctionToolCallOutputItem = {
type ResponseIncludable (line 3738) | type ResponseIncludable = "message.input_image.image_url" | "message.out...
type ResponseIncompleteEvent (line 3739) | type ResponseIncompleteEvent = {
type ResponseInput (line 3744) | type ResponseInput = Array<ResponseInputItem>;
type ResponseInputContent (line 3745) | type ResponseInputContent = ResponseInputText | ResponseInputImage;
type ResponseInputImage (line 3746) | type ResponseInputImage = {
type ResponseInputImageContent (line 3754) | type ResponseInputImageContent = {
type ResponseInputItem (line 3762) | type ResponseInputItem = EasyInputMessage | ResponseInputItemMessage | R...
type ResponseInputItemFunctionCallOutput (line 3763) | type ResponseInputItemFunctionCallOutput = {
type ResponseInputItemMessage (line 3770) | type ResponseInputItemMessage = {
type ResponseInputMessageContentList (line 3776) | type ResponseInputMessageContentList = Array<ResponseInputContent>;
type ResponseInputMessageItem (line 3777) | type ResponseInputMessageItem = {
type ResponseInputText (line 3784) | type ResponseInputText = {
type ResponseInputTextContent (line 3788) | type ResponseInputTextContent = {
type ResponseItem (line 3792) | type ResponseItem = ResponseInputMessageItem | ResponseOutputMessage | R...
type ResponseOutputItem (line 3793) | type ResponseOutputItem = ResponseOutputMessage | ResponseFunctionToolCa...
type ResponseOutputItemAddedEvent (line 3794) | type ResponseOutputItemAddedEvent = {
type ResponseOutputItemDoneEvent (line 3800) | type ResponseOutputItemDoneEvent = {
type ResponseOutputMessage (line 3806) | type ResponseOutputMessage = {
type ResponseOutputRefusal (line 3813) | type ResponseOutputRefusal = {
type ResponseOutputText (line 3817) | type ResponseOutputText = {
type ResponseReasoningItem (line 3822) | type ResponseReasoningItem = {
type ResponseReasoningSummaryItem (line 3830) | type ResponseReasoningSummaryItem = {
type ResponseReasoningContentItem (line 3834) | type ResponseReasoningContentItem = {
type ResponseReasoningTextDeltaEvent (line 3838) | type ResponseReasoningTextDeltaEvent = {
type ResponseReasoningTextDoneEvent (line 3846) | type ResponseReasoningTextDoneEvent = {
type ResponseRefusalDeltaEvent (line 3854) | type ResponseRefusalDeltaEvent = {
type ResponseRefusalDoneEvent (line 3862) | type ResponseRefusalDoneEvent = {
type ResponseStatus (line 3870) | type ResponseStatus = "completed" | "failed" | "in_progress" | "cancelle...
type ResponseStreamEvent (line 3871) | type ResponseStreamEvent = ResponseCompletedEvent | ResponseCreatedEvent...
type ResponseCompletedEvent (line 3872) | type ResponseCompletedEvent = {
type ResponseTextConfig (line 3877) | type ResponseTextConfig = {
type ResponseTextDeltaEvent (line 3881) | type ResponseTextDeltaEvent = {
type ResponseTextDoneEvent (line 3890) | type ResponseTextDoneEvent = {
type Logprob (line 3899) | type Logprob = {
type TopLogprob (line 3904) | type TopLogprob = {
type ResponseUsage (line 3908) | type ResponseUsage = {
type Tool (line 3913) | type Tool = ResponsesFunctionTool;
type ToolChoiceFunction (line 3914) | type ToolChoiceFunction = {
type ToolChoiceOptions (line 3918) | type ToolChoiceOptions = "none";
type ReasoningEffort (line 3919) | type ReasoningEffort = "minimal" | "low" | "medium" | "high" | null;
type StreamOptions (line 3920) | type StreamOptions = {
type Ai_Cf_Baai_Bge_Base_En_V1_5_Input (line 3923) | type Ai_Cf_Baai_Bge_Base_En_V1_5_Input = {
type Ai_Cf_Baai_Bge_Base_En_V1_5_Output (line 3941) | type Ai_Cf_Baai_Bge_Base_En_V1_5_Output = {
type Ai_Cf_Baai_Bge_Base_En_V1_5_AsyncResponse (line 3952) | interface Ai_Cf_Baai_Bge_Base_En_V1_5_AsyncResponse {
type Ai_Cf_Openai_Whisper_Input (line 3962) | type Ai_Cf_Openai_Whisper_Input = string | {
type Ai_Cf_Openai_Whisper_Output (line 3968) | interface Ai_Cf_Openai_Whisper_Output {
type Ai_Cf_Meta_M2M100_1_2B_Input (line 3991) | type Ai_Cf_Meta_M2M100_1_2B_Input = {
type Ai_Cf_Meta_M2M100_1_2B_Output (line 4023) | type Ai_Cf_Meta_M2M100_1_2B_Output = {
type Ai_Cf_Meta_M2M100_1_2B_AsyncResponse (line 4029) | interface Ai_Cf_Meta_M2M100_1_2B_AsyncResponse {
type Ai_Cf_Baai_Bge_Small_En_V1_5_Input (line 4039) | type Ai_Cf_Baai_Bge_Small_En_V1_5_Input = {
type Ai_Cf_Baai_Bge_Small_En_V1_5_Output (line 4057) | type Ai_Cf_Baai_Bge_Small_En_V1_5_Output = {
type Ai_Cf_Baai_Bge_Small_En_V1_5_AsyncResponse (line 4068) | interface Ai_Cf_Baai_Bge_Small_En_V1_5_AsyncResponse {
type Ai_Cf_Baai_Bge_Large_En_V1_5_Input (line 4078) | type Ai_Cf_Baai_Bge_Large_En_V1_5_Input = {
type Ai_Cf_Baai_Bge_Large_En_V1_5_Output (line 4096) | type Ai_Cf_Baai_Bge_Large_En_V1_5_Output = {
type Ai_Cf_Baai_Bge_Large_En_V1_5_AsyncResponse (line 4107) | interface Ai_Cf_Baai_Bge_Large_En_V1_5_AsyncResponse {
type Ai_Cf_Unum_Uform_Gen2_Qwen_500M_Input (line 4117) | type Ai_Cf_Unum_Uform_Gen2_Qwen_500M_Input = string | {
type Ai_Cf_Unum_Uform_Gen2_Qwen_500M_Output (line 4156) | interface Ai_Cf_Unum_Uform_Gen2_Qwen_500M_Output {
type Ai_Cf_Openai_Whisper_Tiny_En_Input (line 4163) | type Ai_Cf_Openai_Whisper_Tiny_En_Input = string | {
type Ai_Cf_Openai_Whisper_Tiny_En_Output (line 4169) | interface Ai_Cf_Openai_Whisper_Tiny_En_Output {
type Ai_Cf_Openai_Whisper_Large_V3_Turbo_Input (line 4192) | interface Ai_Cf_Openai_Whisper_Large_V3_Turbo_Input {
type Ai_Cf_Openai_Whisper_Large_V3_Turbo_Output (line 4218) | interface Ai_Cf_Openai_Whisper_Large_V3_Turbo_Output {
type Ai_Cf_Baai_Bge_M3_Input (line 4298) | type Ai_Cf_Baai_Bge_M3_Input = Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts...
type Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts (line 4304) | interface Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts {
type Ai_Cf_Baai_Bge_M3_Input_Embedding (line 4323) | interface Ai_Cf_Baai_Bge_M3_Input_Embedding {
type Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts_1 (line 4330) | interface Ai_Cf_Baai_Bge_M3_Input_QueryAnd_Contexts_1 {
type Ai_Cf_Baai_Bge_M3_Input_Embedding_1 (line 4349) | interface Ai_Cf_Baai_Bge_M3_Input_Embedding_1 {
type Ai_Cf_Baai_Bge_M3_Output (line 4356) | type Ai_Cf_Baai_Bge_M3_Output = Ai_Cf_Baai_Bge_M3_Ouput_Query | Ai_Cf_Ba...
type Ai_Cf_Baai_Bge_M3_Ouput_Query (line 4357) | interface Ai_Cf_Baai_Bge_M3_Ouput_Query {
type Ai_Cf_Baai_Bge_M3_Output_EmbeddingFor_Contexts (line 4369) | interface Ai_Cf_Baai_Bge_M3_Output_EmbeddingFor_Contexts {
type Ai_Cf_Baai_Bge_M3_Ouput_Embedding (line 4377) | interface Ai_Cf_Baai_Bge_M3_Ouput_Embedding {
type Ai_Cf_Baai_Bge_M3_AsyncResponse (line 4388) | interface Ai_Cf_Baai_Bge_M3_AsyncResponse {
type Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Input (line 4398) | interface Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Input {
type Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Output (line 4408) | interface Ai_Cf_Black_Forest_Labs_Flux_1_Schnell_Output {
type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Input (line 4418) | type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Input = Ai_Cf_Meta_Llama_3...
type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Prompt (line 4419) | interface Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Prompt {
type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Messages (line 4470) | interface Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Messages {
type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Output (line 4638) | type Ai_Cf_Meta_Llama_3_2_11B_Vision_Instruct_Output = {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Input (line 4661) | type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Input = Ai_Cf_Meta_Llama...
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Prompt (line 4662) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Prompt {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode (line 4713) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Messages (line 4717) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Messages {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_1 (line 4864) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_1 {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Async_Batch (line 4868) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Async_Batch {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_2 (line 4913) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_JSON_Mode_2 {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Output (line 4917) | type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_Output = {
type Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_AsyncResponse (line 4953) | interface Ai_Cf_Meta_Llama_3_3_70B_Instruct_Fp8_Fast_AsyncResponse {
type Ai_Cf_Meta_Llama_Guard_3_8B_Input (line 4963) | interface Ai_Cf_Meta_Llama_Guard_3_8B_Input {
type Ai_Cf_Meta_Llama_Guard_3_8B_Output (line 4995) | interface Ai_Cf_Meta_Llama_Guard_3_8B_Output {
type Ai_Cf_Baai_Bge_Reranker_Base_Input (line 5028) | interface Ai_Cf_Baai_Bge_Reranker_Base_Input {
type Ai_Cf_Baai_Bge_Reranker_Base_Output (line 5046) | interface Ai_Cf_Baai_Bge_Reranker_Base_Output {
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Input (line 5062) | type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Input = Ai_Cf_Qwen_Qwen2_5_Co...
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Prompt (line 5063) | interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Prompt {
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode (line 5114) | interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode {
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Messages (line 5118) | interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Messages {
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode_1 (line 5265) | interface Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_JSON_Mode_1 {
type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Output (line 5269) | type Ai_Cf_Qwen_Qwen2_5_Coder_32B_Instruct_Output = {
type Ai_Cf_Qwen_Qwq_32B_Input (line 5309) | type Ai_Cf_Qwen_Qwq_32B_Input = Ai_Cf_Qwen_Qwq_32B_Prompt | Ai_Cf_Qwen_Q...
type Ai_Cf_Qwen_Qwq_32B_Prompt (line 5310) | interface Ai_Cf_Qwen_Qwq_32B_Prompt {
type Ai_Cf_Qwen_Qwq_32B_Messages (line 5360) | interface Ai_Cf_Qwen_Qwq_32B_Messages {
type Ai_Cf_Qwen_Qwq_32B_Output (line 5535) | type Ai_Cf_Qwen_Qwq_32B_Output = {
type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Input (line 5575) | type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Input = Ai_Cf_Mistra...
type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Prompt (line 5576) | interface Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Prompt {
type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Messages (line 5626) | interface Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Messages {
type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Output (line 5801) | type Ai_Cf_Mistralai_Mistral_Small_3_1_24B_Instruct_Output = {
type Ai_Cf_Google_Gemma_3_12B_It_Input (line 5841) | type Ai_Cf_Google_Gemma_3_12B_It_Input = Ai_Cf_Google_Gemma_3_12B_It_Pro...
type Ai_Cf_Google_Gemma_3_12B_It_Prompt (line 5842) | interface Ai_Cf_Google_Gemma_3_12B_It_Prompt {
type Ai_Cf_Google_Gemma_3_12B_It_Messages (line 5892) | interface Ai_Cf_Google_Gemma_3_12B_It_Messages {
type Ai_Cf_Google_Gemma_3_12B_It_Output (line 6051) | type Ai_Cf_Google_Gemma_3_12B_It_Output = {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Input (line 6091) | type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Input = Ai_Cf_Meta_Llama_...
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt (line 6092) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode (line 6143) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_JSON_Mode {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages (line 6147) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Async_Batch (line 6323) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Async_Batch {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt_Inner (line 6326) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Prompt_Inner {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages_Inner (line 6377) | interface Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Messages_Inner {
type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output (line 6553) | type Ai_Cf_Meta_Llama_4_Scout_17B_16E_Instruct_Output = {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Input (line 6606) | type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Input = Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_P...
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt (line 6607) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode (line 6658) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages (line 6662) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_1 (line 6809) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_1 {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Async_Batch (line 6813) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Async_Batch {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt_1 (line 6816) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Prompt_1 {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_2 (line 6867) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_2 {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages_1 (line 6871) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Messages_1 {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_3 (line 7018) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_JSON_Mode_3 {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Output (line 7022) | type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Output = Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_...
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Chat_Completion_Response (line 7023) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Chat_Completion_Response {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Text_Completion_Response (line 7123) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_Text_Completion_Response {
type Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_AsyncResponse (line 7187) | interface Ai_Cf_Qwen_Qwen3_30B_A3B_Fp8_AsyncResponse {
type Ai_Cf_Deepgram_Nova_3_Input (line 7197) | interface Ai_Cf_Deepgram_Nova_3_Input {
type Ai_Cf_Deepgram_Nova_3_Output (line 7343) | interface Ai_Cf_Deepgram_Nova_3_Output {
type Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Input (line 7380) | interface Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Input {
type Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Output (line 7389) | interface Ai_Cf_Qwen_Qwen3_Embedding_0_6B_Output {
type Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Input (line 7397) | type Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Input = {
type Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Output (line 7419) | interface Ai_Cf_Pipecat_Ai_Smart_Turn_V2_Output {
type Ai_Cf_Leonardo_Phoenix_1_0_Input (line 7441) | interface Ai_Cf_Leonardo_Phoenix_1_0_Input {
type Ai_Cf_Leonardo_Phoenix_1_0_Output (line 7474) | type Ai_Cf_Leonardo_Phoenix_1_0_Output = string;
type Ai_Cf_Leonardo_Lucid_Origin_Input (line 7479) | interface Ai_Cf_Leonardo_Lucid_Origin_Input {
type Ai_Cf_Leonardo_Lucid_Origin_Output (line 7509) | interface Ai_Cf_Leonardo_Lucid_Origin_Output {
type Ai_Cf_Deepgram_Aura_1_Input (line 7519) | interface Ai_Cf_Deepgram_Aura_1_Input {
type Ai_Cf_Deepgram_Aura_1_Output (line 7548) | type Ai_Cf_Deepgram_Aura_1_Output = string;
type Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Input (line 7553) | interface Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Input {
type Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Output (line 7563) | interface Ai_Cf_Ai4Bharat_Indictrans2_En_Indic_1B_Output {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Input (line 7573) | type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Input = Ai_Cf_Aisingapor...
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt (line 7574) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode (line 7625) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages (line 7629) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_1 (line 7776) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_1 {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Async_Batch (line 7780) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Async_Batch {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt_1 (line 7783) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Prompt_1 {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_2 (line 7834) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_2 {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages_1 (line 7838) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Messages_1 {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_3 (line 7985) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_JSON_Mode_3 {
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Output (line 7989) | type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Output = Ai_Cf_Aisingapo...
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Chat_Completion_Response (line 7990) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Chat_Completion_Res...
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Text_Completion_Response (line 8090) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_Text_Completion_Res...
type Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_AsyncResponse (line 8154) | interface Ai_Cf_Aisingapore_Gemma_Sea_Lion_V4_27B_It_AsyncResponse {
type Ai_Cf_Pfnet_Plamo_Embedding_1B_Input (line 8164) | interface Ai_Cf_Pfnet_Plamo_Embedding_1B_Input {
type Ai_Cf_Pfnet_Plamo_Embedding_1B_Output (line 8170) | interface Ai_Cf_Pfnet_Plamo_Embedding_1B_Output {
type Ai_Cf_Deepgram_Flux_Input (line 8190) | interface Ai_Cf_Deepgram_Flux_Input {
type Ai_Cf_Deepgram_Flux_Output (line 8227) | interface Ai_Cf_Deepgram_Flux_Output {
type Ai_Cf_Deepgram_Aura_2_En_Input (line 8278) | interface Ai_Cf_Deepgram_Aura_2_En_Input {
type Ai_Cf_Deepgram_Aura_2_En_Output (line 8307) | type Ai_Cf_Deepgram_Aura_2_En_Output = string;
type Ai_Cf_Deepgram_Aura_2_Es_Input (line 8312) | interface Ai_Cf_Deepgram_Aura_2_Es_Input {
type Ai_Cf_Deepgram_Aura_2_Es_Output (line 8341) | type Ai_Cf_Deepgram_Aura_2_Es_Output = string;
type AiModels (line 8346) | interface AiModels {
type AiOptions (line 8432) | type AiOptions = {
type AiModelsSearchParams (line 8457) | type AiModelsSearchParams = {
type AiModelsSearchObject (line 8466) | type AiModelsSearchObject = {
type InferenceUpstreamError (line 8482) | interface InferenceUpstreamError extends Error {
type AiInternalError (line 8484) | interface AiInternalError extends Error {
type AiModelListType (line 8486) | type AiModelListType = Record<string, any>;
type GatewayRetries (line 8503) | type GatewayRetries = {
type GatewayOptions (line 8508) | type GatewayOptions = {
type UniversalGatewayOptions (line 8519) | type UniversalGatewayOptions = Exclude<GatewayOptions, 'id'> & {
type AiGatewayPatchLog (line 8525) | type AiGatewayPatchLog = {
type AiGatewayLog (line 8530) | type AiGatewayLog = {
type AIGatewayProviders (line 8557) | type AIGatewayProviders = 'workers-ai' | 'anthropic' | 'aws-bedrock' | '...
type AIGatewayHeaders (line 8558) | type AIGatewayHeaders = {
type AIGatewayUniversalRequest (line 8579) | type AIGatewayUniversalRequest = {
type AiGatewayInternalError (line 8585) | interface AiGatewayInternalError extends Error {
type AiGatewayLogNotFound (line 8587) | interface AiGatewayLogNotFound extends Error {
type AutoRAGInternalError (line 8598) | interface AutoRAGInternalError extends Error {
type AutoRAGNotFoundError (line 8600) | interface AutoRAGNotFoundError extends Error {
type AutoRAGUnauthorizedError (line 8602) | interface AutoRAGUnauthorizedError extends Error {
type AutoRAGNameNotSetError (line 8604) | interface AutoRAGNameNotSetError extends Error {
type ComparisonFilter (line 8606) | type ComparisonFilter = {
type CompoundFilter (line 8611) | type CompoundFilter = {
type AutoRagSearchRequest (line 8615) | type AutoRagSearchRequest = {
type AutoRagAiSearchRequest (line 8629) | type AutoRagAiSearchRequest = AutoRagSearchRequest & {
type AutoRagAiSearchRequestStreaming (line 8633) | type AutoRagAiSearchRequestStreaming = Omit<AutoRagAiSearchRequest, 'str...
type AutoRagSearchResponse (line 8636) | type AutoRagSearchResponse = {
type AutoRagListResponse (line 8652) | type AutoRagListResponse = {
type AutoRagAiSearchResponse (line 8661) | type AutoRagAiSearchResponse = AutoRagSearchResponse & {
type BasicImageTransformations (line 8671) | interface BasicImageTransformations {
type BasicImageTransformationsGravityCoordinates (line 8738) | interface BasicImageTransformationsGravityCoordinates {
type RequestInitCfProperties (line 8752) | interface RequestInitCfProperties extends Record<string, unknown> {
type RequestInitCfPropertiesImageDraw (line 8803) | interface RequestInitCfPropertiesImageDraw extends BasicImageTransformat...
type RequestInitCfPropertiesImage (line 8840) | interface RequestInitCfPropertiesImage extends BasicImageTransformations {
type RequestInitCfPropertiesImageMinify (line 8991) | interface RequestInitCfPropertiesImageMinify {
type RequestInitCfPropertiesR2 (line 8996) | interface RequestInitCfPropertiesR2 {
type IncomingRequestCfProperties (line 9005) | type IncomingRequestCfProperties<HostMetadata = unknown> = IncomingReque...
type IncomingRequestCfPropertiesBase (line 9006) | interface IncomingRequestCfPropertiesBase extends Record<string, unknown> {
type IncomingRequestCfPropertiesBotManagementBase (line 9084) | interface IncomingRequestCfPropertiesBotManagementBase {
type IncomingRequestCfPropertiesBotManagement (line 9111) | interface IncomingRequestCfPropertiesBotManagement {
type IncomingRequestCfPropertiesBotManagementEnterprise (line 9123) | interface IncomingRequestCfPropertiesBotManagementEnterprise extends Inc...
type IncomingRequestCfPropertiesCloudflareForSaaSEnterprise (line 9135) | interface IncomingRequestCfPropertiesCloudflareForSaaSEnterprise<HostMet...
type IncomingRequestCfPropertiesCloudflareAccessOrApiShield (line 9144) | interface IncomingRequestCfPropertiesCloudflareAccessOrApiShield {
type IncomingRequestCfPropertiesExportedAuthenticatorMetadata (line 9164) | interface IncomingRequestCfPropertiesExportedAuthenticatorMetadata {
type IncomingRequestCfPropertiesGeographicInformation (line 9193) | interface IncomingRequestCfPropertiesGeographicInformation {
type IncomingRequestCfPropertiesTLSClientAuth (line 9270) | interface IncomingRequestCfPropertiesTLSClientAuth {
type IncomingRequestCfPropertiesTLSClientAuthPlaceholder (line 9363) | interface IncomingRequestCfPropertiesTLSClientAuthPlaceholder {
type CertVerificationStatus (line 9383) | type CertVerificationStatus =
type IncomingRequestCfPropertiesEdgeRequestKeepAliveStatus (line 9401) | type IncomingRequestCfPropertiesEdgeRequestKeepAliveStatus = 0 /** Unkno...
type Iso3166Alpha2Code (line 9403) | type Iso3166Alpha2Code = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" ...
type ContinentCode (line 9405) | type ContinentCode = "AF" | "AN" | "AS" | "EU" | "NA" | "OC" | "SA";
type CfProperties (line 9406) | type CfProperties<HostMetadata = unknown> = IncomingRequestCfProperties<...
type D1Meta (line 9407) | interface D1Meta {
type D1Response (line 9435) | interface D1Response {
type D1Result (line 9440) | type D1Result<T = unknown> = D1Response & {
type D1ExecResult (line 9443) | interface D1ExecResult {
type D1SessionConstraint (line 9447) | type D1SessionConstraint =
type D1SessionBookmark (line 9456) | type D1SessionBookmark = string;
type Disposable (line 9505) | interface Disposable {
type EmailMessage (line 9510) | interface EmailMessage {
type ForwardableEmailMessage (line 9523) | interface ForwardableEmailMessage extends EmailMessage {
type SendEmail (line 9559) | interface SendEmail {
type EmailExportedHandler (line 9565) | type EmailExportedHandler<Env = unknown> = (message: ForwardableEmailMes...
type HelloWorldBinding (line 9576) | interface HelloWorldBinding {
type Hyperdrive (line 9589) | interface Hyperdrive {
type ImageInfoResponse (line 9639) | type ImageInfoResponse = {
type ImageTransform (line 9647) | type ImageTransform = {
type ImageDrawOptions (line 9689) | type ImageDrawOptions = {
type ImageInputOptions (line 9697) | type ImageInputOptions = {
type ImageOutputOptions (line 9700) | type ImageOutputOptions = {
type ImagesBinding (line 9706) | interface ImagesBinding {
type ImageTransformer (line 9720) | interface ImageTransformer {
type ImageTransformationOutputOptions (line 9741) | type ImageTransformationOutputOptions = {
type ImageTransformationResult (line 9744) | interface ImageTransformationResult {
type ImagesError (line 9758) | interface ImagesError extends Error {
type MediaBinding (line 9767) | interface MediaBinding {
type MediaTransformer (line 9779) | interface MediaTransformer {
type MediaTransformationGenerator (line 9791) | interface MediaTransformationGenerator {
type MediaTransformationResult (line 9803) | interface MediaTransformationResult {
type MediaTransformationInputOptions (line 9824) | type MediaTransformationInputOptions = {
type MediaTransformationOutputOptions (line 9836) | type MediaTransformationOutputOptions = {
type MediaError (line 9864) | interface MediaError extends Error {
type NodeStyleServer (line 9870) | interface NodeStyleServer {
type Params (line 9882) | type Params<P extends string = any> = Record<P, string | string[]>;
type EventContext (line 9883) | type EventContext<Env, P extends string, Data> = {
type PagesFunction (line 9897) | type PagesFunction<Env = unknown, Params extends string = any, Data exte...
type EventPluginContext (line 9898) | type EventPluginContext<Env, P extends string, Data, PluginArgs> = {
type PagesPluginFunction (line 9913) | type PagesPluginFunction<Env = unknown, Params extends string = any, Dat...
type PipelineRecord (line 9934) | type PipelineRecord = Record<string, unknown>;
type PipelineBatchMetadata (line 9935) | type PipelineBatchMetadata = {
type Pipeline (line 9939) | interface Pipeline<T extends PipelineRecord = PipelineRecord> {
type PubSubMessage (line 9952) | interface PubSubMessage {
type JsonWebKeyWithKid (line 9978) | interface JsonWebKeyWithKid extends JsonWebKey {
type RateLimitOptions (line 9982) | interface RateLimitOptions {
type RateLimitOutcome (line 9985) | interface RateLimitOutcome {
type RateLimit (line 9988) | interface RateLimit {
type RpcTargetBranded (line 10009) | interface RpcTargetBranded {
type WorkerEntrypointBranded (line 10012) | interface WorkerEntrypointBranded {
type DurableObjectBranded (line 10015) | interface DurableObjectBranded {
type WorkflowEntrypointBranded (line 10018) | interface WorkflowEntrypointBranded {
type EntrypointBranded (line 10021) | type EntrypointBranded = WorkerEntrypointBranded | DurableObjectBranded ...
type Stubable (line 10023) | type Stubable = RpcTargetBranded | ((...args: any[]) => any);
type Serializable (line 10028) | type Serializable<T> =
type StubBase (line 10041) | interface StubBase<T extends Stubable> extends Disposable {
type Stub (line 10045) | type Stub<T extends Stubable> = Provider<T> & StubBase<T>;
type BaseType (line 10047) | type BaseType = void | undefined | null | boolean | number | bigint | st...
type Stubify (line 10050) | type Stubify<T> = T extends Stubable ? Stub<T> : T extends Map<infer K, ...
type Unstubify (line 10059) | type Unstubify<T> = T extends StubBase<infer V> ? V : T extends Map<infe...
type UnstubifyAll (line 10064) | type UnstubifyAll<A extends any[]> = {
type MaybeProvider (line 10069) | type MaybeProvider<T> = T extends object ? Provider<T> : unknown;
type MaybeDisposable (line 10070) | type MaybeDisposable<T> = T extends object ? Disposable : unknown;
type Result (line 10079) | type Result<R> = R extends Stubable ? Promise<Stub<R>> & Provider<R> : R...
type MethodOrProperty (line 10085) | type MethodOrProperty<V> = V extends (...args: infer P) => infer R ? (.....
type MaybeCallableProvider (line 10088) | type MaybeCallableProvider<T> = T extends (...args: any[]) => any ? Meth...
type Provider (line 10092) | type Provider<T extends object, Reserved extends string = never> = Maybe...
type Env (line 10103) | interface Env {
type GlobalProps (line 10123) | interface GlobalProps {
type GlobalProp (line 10127) | type GlobalProp<K extends string, Default> = K extends keyof GlobalProps...
type MainModule (line 10130) | type MainModule = GlobalProp<"mainModule", {}>;
type Exports (line 10132) | type Exports = {
type RpcStub (line 10140) | type RpcStub<T extends Rpc.Stubable> = Rpc.Stub<T>;
type WorkflowDurationLabel (line 10173) | type WorkflowDurationLabel = 'second' | 'minute' | 'hour' | 'day' | 'wee...
type WorkflowSleepDuration (line 10174) | type WorkflowSleepDuration = `${number} ${WorkflowDurationLabel}${'s' | ...
type WorkflowDelayDuration (line 10175) | type WorkflowDelayDuration = WorkflowSleepDuration;
type WorkflowTimeoutDuration (line 10176) | type WorkflowTimeoutDuration = WorkflowSleepDuration;
type WorkflowRetentionDuration (line 10177) | type WorkflowRetentionDuration = WorkflowSleepDuration;
type WorkflowBackoff (line 10178) | type WorkflowBackoff = 'constant' | 'linear' | 'exponential';
type WorkflowStepConfig (line 10179) | type WorkflowStepConfig = {
type WorkflowEvent (line 10187) | type WorkflowEvent<T> = {
type WorkflowStepEvent (line 10192) | type WorkflowStepEvent<T> = {
type SecretsStoreSecret (line 10224) | interface SecretsStoreSecret {
type MarkdownDocument (line 10235) | type MarkdownDocument = {
type ConversionResponse (line 10239) | type ConversionResponse = {
type ImageConversionOptions (line 10251) | type ImageConversionOptions = {
type EmbeddedImageConversionOptions (line 10254) | type EmbeddedImageConversionOptions = ImageConversionOptions & {
type ConversionOptions (line 10258) | type ConversionOptions = {
type ConversionRequestOptions (line 10273) | type ConversionRequestOptions = {
type SupportedFileFormat (line 10278) | type SupportedFileFormat = {
type Header (line 10288) | interface Header {
type FetchEventInfo (line 10292) | interface FetchEventInfo {
type JsRpcEventInfo (line 10299) | interface JsRpcEventInfo {
type ScheduledEventInfo (line 10302) | interface ScheduledEventInfo {
type AlarmEventInfo (line 10307) | interface AlarmEventInfo {
type QueueEventInfo (line 10311) | interface QueueEventInfo {
type EmailEventInfo (line 10316) | interface EmailEventInfo {
type TraceEventInfo (line 10322) | interface TraceEventInfo {
type HibernatableWebSocketEventInfoMessage (line 10326) | interface HibernatableWebSocketEventInfoMessage {
type HibernatableWebSocketEventInfoError (line 10329) | interface HibernatableWebSocketEventInfoError {
type HibernatableWebSocketEventInfoClose (line 10332) | interface HibernatableWebSocketEventInfoClose {
type HibernatableWebSocketEventInfo (line 10337) | interface HibernatableWebSocketEventInfo {
type CustomEventInfo (line 10341) | interface CustomEventInfo {
type FetchResponseInfo (line 10344) | interface FetchResponseInfo {
type EventOutcome (line 10348) | type EventOutcome = "ok" | "canceled" | "exception" | "unknown" | "killS...
type ScriptVersion (line 10349) | interface ScriptVersion {
type Onset (line 10354) | interface Onset {
type Outcome (line 10367) | interface Outcome {
type SpanOpen (line 10373) | interface SpanOpen {
type SpanClose (line 10380) | interface SpanClose {
type DiagnosticChannelEvent (line 10384) | interface DiagnosticChannelEvent {
type Exception (line 10389) | interface Exception {
type Log (line 10395) | interface Log {
type Return (line 10404) | interface Return {
type Attribute (line 10408) | interface Attribute {
type Attributes (line 10412) | interface Attributes {
type EventType (line 10416) | type EventType = Onset | Outcome | SpanOpen | SpanClose | DiagnosticChan...
type SpanContext (line 10418) | interface SpanContext {
type TailEvent (line 10433) | interface TailEvent<Event extends EventType> {
type TailEventHandler (line 10443) | type TailEventHandler<Event extends EventType = EventType> = (event: Tai...
type TailEventHandlerObject (line 10444) | type TailEventHandlerObject = {
type TailEventHandlerType (line 10454) | type TailEventHandlerType = TailEventHandler | TailEventHandlerObject;
type VectorizeVectorMetadataValue (line 10462) | type VectorizeVectorMetadataValue = string | number | boolean | string[];
type VectorizeVectorMetadata (line 10466) | type VectorizeVectorMetadata = VectorizeVectorMetadataValue | Record<str...
type VectorFloatArray (line 10467) | type VectorFloatArray = Float32Array | Float64Array;
type VectorizeError (line 10468) | interface VectorizeError {
type VectorizeVectorMetadataFilterOp (line 10477) | type VectorizeVectorMetadataFilterOp = '$eq' | '$ne' | '$lt' | '$lte' | ...
type VectorizeVectorMetadataFilterCollectionOp (line 10478) | type VectorizeVectorMetadataFilterCollectionOp = '$in' | '$nin';
type VectorizeVectorMetadataFilter (line 10482) | type VectorizeVectorMetadataFilter = {
type VectorizeDistanceMetric (line 10493) | type VectorizeDistanceMetric = "euclidean" | "cosine" | "dot-product";
type VectorizeMetadataRetrievalLevel (line 10503) | type VectorizeMetadataRetrievalLevel = "all" | "indexed" | "none";
type VectorizeQueryOptions (line 10504) | interface VectorizeQueryOptions {
type VectorizeIndexConfig (line 10514) | type VectorizeIndexConfig = {
type VectorizeIndexDetails (line 10526) | interface VectorizeIndexDetails {
type VectorizeIndexInfo (line 10541) | interface VectorizeIndexInfo {
type VectorizeVector (line 10554) | interface VectorizeVector {
type VectorizeMatch (line 10567) | type VectorizeMatch = Pick<Partial<VectorizeVector>, "values"> & Omit<Ve...
type VectorizeMatches (line 10574) | interface VectorizeMatches {
type VectorizeVectorMutation (line 10585) | interface VectorizeVectorMutation {
type VectorizeAsyncMutation (line 10595) | interface VectorizeAsyncMutation {
type WorkerVersionMetadata (line 10697) | type WorkerVersionMetadata = {
type DynamicDispatchLimits (line 10705) | interface DynamicDispatchLimits {
type DynamicDispatchOptions (line 10715) | interface DynamicDispatchOptions {
type DispatchNamespace (line 10727) | interface DispatchNamespace {
class NonRetryableError (line 10744) | class NonRetryableError extends Error {
type WorkflowDurationLabel (line 10769) | type WorkflowDurationLabel = 'second' | 'minute' | 'hour' | 'day' | 'wee...
type WorkflowSleepDuration (line 10770) | type WorkflowSleepDuration = `${number} ${WorkflowDurationLabel}${'s' | ...
type WorkflowRetentionDuration (line 10771) | type WorkflowRetentionDuration = WorkflowSleepDuration;
type WorkflowInstanceCreateOptions (line 10772) | interface WorkflowInstanceCreateOptions<PARAMS = unknown> {
type InstanceStatus (line 10790) | type InstanceStatus = {
type WorkflowError (line 10802) | interface WorkflowError {
Condensed preview — 591 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (2,220K chars).
[
{
"path": ".editorconfig",
"chars": 207,
"preview": "# editorconfig.org\nroot = true\n\n[*]\nindent_size = 2\nindent_style = space\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_"
},
{
"path": ".env.example",
"chars": 466,
"preview": "NUXT_PUBLIC_PREVIEW_MODE=false\nNUXT_PUBLIC_SLUG_DEFAULT_LENGTH=5\nNUXT_SITE_TOKEN=SinkCool\nNUXT_REDIRECT_STATUS_CODE=308\n"
},
{
"path": ".github/FUNDING.yml",
"chars": 46,
"preview": "github: miantiao-me\nbuy_me_a_coffee: miantiao\n"
},
{
"path": ".github/workflows/issue-assistant.yml",
"chars": 1789,
"preview": "name: issue-assistant\n\non:\n issues:\n types: [opened]\n\njobs:\n issue-assistant:\n runs-on: ubuntu-latest\n permis"
},
{
"path": ".gitignore",
"chars": 307,
"preview": "# Nuxt dev/build outputs\n.output\n.data\n.nuxt\n.nitro\n.cache\ndist\n\n# Node dependencies\nnode_modules\n\n# Logs\n./logs\n*.log\n\n"
},
{
"path": ".mcp.json",
"chars": 198,
"preview": "{\n \"mcpServers\": {\n \"shadcn-vue\": {\n \"command\": \"npx\",\n \"args\": [\"shadcn-vue@latest\", \"mcp\"]\n },\n \"n"
},
{
"path": ".node-version",
"chars": 3,
"preview": "22\n"
},
{
"path": ".npmrc",
"chars": 119,
"preview": "shamefully-hoist=false\nstrict-peer-dependencies=true\nauto-install-peers=true\nprefer-frozen-lockfile=true\nsave-dev=true\n"
},
{
"path": ".vscode/extensions.json",
"chars": 47,
"preview": "{\n \"recommendations\": [\n \"vue.volar\"\n ]\n}\n"
},
{
"path": ".vscode/settings.json",
"chars": 1853,
"preview": "{\n // Disable the default formatter, use eslint instead\n \"prettier.enable\": false,\n \"editor.formatOnSave\": false,\n\n "
},
{
"path": "AGENTS.md",
"chars": 6786,
"preview": "# Repository Guidelines\n\nGuidelines for agentic coding agents operating in the Sink codebase.\n\n## Project Overview\n\nSink"
},
{
"path": "CODE_OF_CONDUCT.md",
"chars": 5481,
"preview": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participa"
},
{
"path": "LICENSE",
"chars": 34523,
"preview": " GNU AFFERO GENERAL PUBLIC LICENSE\n Version 3, 19 November 2007\n\n Copyright (C)"
},
{
"path": "README.md",
"chars": 5529,
"preview": "# ⚡ Sink\n\n**A Simple / Speedy / Secure Link Shortener with Analytics, 100% run on Cloudflare.**\n\n<a href=\"https://trends"
},
{
"path": "app/app.config.ts",
"chars": 472,
"preview": "export default defineAppConfig({\n title: 'Sink',\n github: 'https://github.com/miantiao-me/sink',\n coffee: 'https://si"
},
{
"path": "app/app.vue",
"chars": 1092,
"preview": "<script setup lang=\"ts\">\nimport 'vue-sonner/style.css'\n\nconst { title, description, image } = useAppConfig()\nconst route"
},
{
"path": "app/assets/css/tailwind.css",
"chars": 4753,
"preview": "@import 'tailwindcss';\n@import 'tw-animate-css';\n\n@source \"../../../layers\";\n\n@custom-variant dark (&:is(.dark *));\n\n@th"
},
{
"path": "app/components/ResponsiveModal.vue",
"chars": 1894,
"preview": "<script setup lang=\"ts\">\nimport { useMediaQuery } from '@vueuse/core'\n\ndefineOptions({ inheritAttrs: false })\n\nwithDefau"
},
{
"path": "app/components/SwitchLanguage.vue",
"chars": 778,
"preview": "<script setup lang=\"ts\">\nimport { Languages } from 'lucide-vue-next'\n\nconst { setLocale, locales } = useI18n()\n</script>"
},
{
"path": "app/components/SwitchTheme.vue",
"chars": 1478,
"preview": "<script setup lang=\"ts\">\nimport { Laptop, Moon, Sun } from 'lucide-vue-next'\n\nconst colorMode = useColorMode()\n</script>"
},
{
"path": "app/components/home/Cta.vue",
"chars": 1328,
"preview": "<script setup lang=\"ts\">\nconst { github } = useAppConfig()\n</script>\n\n<template>\n <section class=\"py-16\">\n <div clas"
},
{
"path": "app/components/home/Features.vue",
"chars": 3141,
"preview": "<script setup lang=\"ts\">\nimport { AreaChart, FileJson, Globe, Hourglass, Languages, Link, Paintbrush, QrCode, ServerOff,"
},
{
"path": "app/components/home/Hero.vue",
"chars": 3114,
"preview": "<script setup lang=\"ts\">\nimport { ArrowRight } from 'lucide-vue-next'\nimport { GitHubIcon, XIcon } from 'vue3-simple-ico"
},
{
"path": "app/components/home/Logos.vue",
"chars": 795,
"preview": "<template>\n <section class=\"bg-background py-12\">\n <div class=\"mx-auto max-w-6xl px-6\">\n <div\n class=\"\n "
},
{
"path": "app/components/home/Stats.vue",
"chars": 1712,
"preview": "<script setup lang=\"ts\">\nconst { stats } = useGithubStats()\n</script>\n\n<template>\n <section\n class=\"\n py-12\n "
},
{
"path": "app/components/home/Testimonials.vue",
"chars": 3753,
"preview": "<script setup lang=\"ts\">\nimport testimonials from '@/data/testimonials.json'\n\ninterface Testimonial {\n id: string\n nam"
},
{
"path": "app/components/ui/accordion/Accordion.vue",
"chars": 476,
"preview": "<script setup lang=\"ts\">\nimport type { AccordionRootEmits, AccordionRootProps } from \"reka-ui\"\nimport {\n AccordionRoot,"
},
{
"path": "app/components/ui/accordion/AccordionContent.vue",
"chars": 717,
"preview": "<script setup lang=\"ts\">\nimport type { AccordionContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/accordion/AccordionItem.vue",
"chars": 692,
"preview": "<script setup lang=\"ts\">\nimport type { AccordionItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/accordion/AccordionTrigger.vue",
"chars": 1249,
"preview": "<script setup lang=\"ts\">\nimport type { AccordionTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/accordion/index.ts",
"chars": 256,
"preview": "export { default as Accordion } from \"./Accordion.vue\"\nexport { default as AccordionContent } from \"./AccordionContent.v"
},
{
"path": "app/components/ui/alert/Alert.vue",
"chars": 441,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { AlertVariants } from \".\"\nimport { cn } "
},
{
"path": "app/components/ui/alert/AlertDescription.vue",
"chars": 396,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/alert/AlertTitle.vue",
"chars": 355,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/alert/index.ts",
"chars": 909,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { de"
},
{
"path": "app/components/ui/alert-dialog/AlertDialog.vue",
"chars": 472,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogEmits, AlertDialogProps } from \"reka-ui\"\nimport { AlertDialogRoot, use"
},
{
"path": "app/components/ui/alert-dialog/AlertDialogAction.vue",
"chars": 601,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogActionProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\""
},
{
"path": "app/components/ui/alert-dialog/AlertDialogCancel.vue",
"chars": 675,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogCancelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\""
},
{
"path": "app/components/ui/alert-dialog/AlertDialogContent.vue",
"chars": 1555,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogContentEmits, AlertDialogContentProps } from \"reka-ui\"\nimport type { H"
},
{
"path": "app/components/ui/alert-dialog/AlertDialogDescription.vue",
"chars": 640,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogDescriptionProps } from \"reka-ui\"\nimport type { HTMLAttributes } from "
},
{
"path": "app/components/ui/alert-dialog/AlertDialogFooter.vue",
"chars": 395,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/alert-dialog/AlertDialogHeader.vue",
"chars": 348,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/alert-dialog/AlertDialogTitle.vue",
"chars": 593,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogTitleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/alert-dialog/AlertDialogTrigger.vue",
"chars": 321,
"preview": "<script setup lang=\"ts\">\nimport type { AlertDialogTriggerProps } from \"reka-ui\"\nimport { AlertDialogTrigger } from \"reka"
},
{
"path": "app/components/ui/alert-dialog/index.ts",
"chars": 639,
"preview": "export { default as AlertDialog } from \"./AlertDialog.vue\"\nexport { default as AlertDialogAction } from \"./AlertDialogAc"
},
{
"path": "app/components/ui/aspect-ratio/AspectRatio.vue",
"chars": 331,
"preview": "<script setup lang=\"ts\">\nimport type { AspectRatioProps } from \"reka-ui\"\nimport { AspectRatio } from \"reka-ui\"\n\nconst pr"
},
{
"path": "app/components/ui/aspect-ratio/index.ts",
"chars": 59,
"preview": "export { default as AspectRatio } from \"./AspectRatio.vue\"\n"
},
{
"path": "app/components/ui/avatar/Avatar.vue",
"chars": 400,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { AvatarRoot } from \"reka-ui\"\nimport { cn } fr"
},
{
"path": "app/components/ui/avatar/AvatarFallback.vue",
"chars": 623,
"preview": "<script setup lang=\"ts\">\nimport type { AvatarFallbackProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nim"
},
{
"path": "app/components/ui/avatar/AvatarImage.vue",
"chars": 325,
"preview": "<script setup lang=\"ts\">\nimport type { AvatarImageProps } from \"reka-ui\"\nimport { AvatarImage } from \"reka-ui\"\n\nconst pr"
},
{
"path": "app/components/ui/avatar/index.ts",
"chars": 173,
"preview": "export { default as Avatar } from \"./Avatar.vue\"\nexport { default as AvatarFallback } from \"./AvatarFallback.vue\"\nexport"
},
{
"path": "app/components/ui/badge/Badge.vue",
"chars": 660,
"preview": "<script setup lang=\"ts\">\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/badge/index.ts",
"chars": 1306,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { de"
},
{
"path": "app/components/ui/breadcrumb/Breadcrumb.vue",
"chars": 282,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\n\nconst props = defineProps<{\n class?: HTMLAttributes"
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbEllipsis.vue",
"chars": 529,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { MoreHorizontal } from \"lucide-vue-next\"\nimpo"
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbItem.vue",
"chars": 330,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbLink.vue",
"chars": 515,
"preview": "<script lang=\"ts\" setup>\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbList.vue",
"chars": 386,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbPage.vue",
"chars": 394,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/breadcrumb/BreadcrumbSeparator.vue",
"chars": 446,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { ChevronRight } from \"lucide-vue-next\"\nimport"
},
{
"path": "app/components/ui/breadcrumb/index.ts",
"chars": 465,
"preview": "export { default as Breadcrumb } from \"./Breadcrumb.vue\"\nexport { default as BreadcrumbEllipsis } from \"./BreadcrumbElli"
},
{
"path": "app/components/ui/button/Button.vue",
"chars": 679,
"preview": "<script setup lang=\"ts\">\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/button/index.ts",
"chars": 1808,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { de"
},
{
"path": "app/components/ui/button-group/ButtonGroup.vue",
"chars": 545,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { ButtonGroupVariants } from \".\"\nimport {"
},
{
"path": "app/components/ui/button-group/ButtonGroupSeparator.vue",
"chars": 703,
"preview": "<script setup lang=\"ts\">\nimport type { SeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/button-group/ButtonGroupText.vue",
"chars": 813,
"preview": "<script setup lang=\"ts\">\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/button-group/index.ts",
"chars": 1147,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { de"
},
{
"path": "app/components/ui/calendar/Calendar.vue",
"chars": 6346,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarRootEmits, CalendarRootProps, DateValue } from \"reka-ui\"\nimport type { HT"
},
{
"path": "app/components/ui/calendar/CalendarCell.vue",
"chars": 763,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarCellProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/calendar/CalendarCellTrigger.vue",
"chars": 1552,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarCellTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vu"
},
{
"path": "app/components/ui/calendar/CalendarGrid.vue",
"chars": 652,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarGridProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/calendar/CalendarGridBody.vue",
"chars": 320,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarGridBodyProps } from \"reka-ui\"\nimport { CalendarGridBody } from \"reka-ui\""
},
{
"path": "app/components/ui/calendar/CalendarGridHead.vue",
"chars": 400,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarGridHeadProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/calendar/CalendarGridRow.vue",
"chars": 639,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarGridRowProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\ni"
},
{
"path": "app/components/ui/calendar/CalendarHeadCell.vue",
"chars": 710,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarHeadCellProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/calendar/CalendarHeader.vue",
"chars": 690,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarHeaderProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nim"
},
{
"path": "app/components/ui/calendar/CalendarHeading.vue",
"chars": 809,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarHeadingProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\ni"
},
{
"path": "app/components/ui/calendar/CalendarNextButton.vue",
"chars": 897,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarNextProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/calendar/CalendarPrevButton.vue",
"chars": 895,
"preview": "<script lang=\"ts\" setup>\nimport type { CalendarPrevProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/calendar/index.ts",
"chars": 887,
"preview": "export { default as Calendar } from \"./Calendar.vue\"\nexport { default as CalendarCell } from \"./CalendarCell.vue\"\nexport"
},
{
"path": "app/components/ui/card/Card.vue",
"chars": 407,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardAction.vue",
"chars": 358,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardContent.vue",
"chars": 301,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardDescription.vue",
"chars": 326,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardFooter.vue",
"chars": 335,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardHeader.vue",
"chars": 450,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/CardTitle.vue",
"chars": 319,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/card/index.ts",
"chars": 397,
"preview": "export { default as Card } from \"./Card.vue\"\nexport { default as CardAction } from \"./CardAction.vue\"\nexport { default a"
},
{
"path": "app/components/ui/carousel/Carousel.vue",
"chars": 1315,
"preview": "<script setup lang=\"ts\">\nimport type { CarouselEmits, CarouselProps, WithClassAsProps } from \"./interface\"\nimport { cn }"
},
{
"path": "app/components/ui/carousel/CarouselContent.vue",
"chars": 644,
"preview": "<script setup lang=\"ts\">\nimport type { WithClassAsProps } from \"./interface\"\nimport { cn } from \"@/lib/utils\"\nimport { u"
},
{
"path": "app/components/ui/carousel/CarouselItem.vue",
"chars": 527,
"preview": "<script setup lang=\"ts\">\nimport type { WithClassAsProps } from \"./interface\"\nimport { cn } from \"@/lib/utils\"\nimport { u"
},
{
"path": "app/components/ui/carousel/CarouselNext.vue",
"chars": 1051,
"preview": "<script setup lang=\"ts\">\nimport type { WithClassAsProps } from \"./interface\"\nimport type { ButtonVariants } from '@/comp"
},
{
"path": "app/components/ui/carousel/CarouselPrevious.vue",
"chars": 1053,
"preview": "<script setup lang=\"ts\">\nimport type { WithClassAsProps } from \"./interface\"\nimport type { ButtonVariants } from '@/comp"
},
{
"path": "app/components/ui/carousel/index.ts",
"chars": 430,
"preview": "export { default as Carousel } from \"./Carousel.vue\"\nexport { default as CarouselContent } from \"./CarouselContent.vue\"\n"
},
{
"path": "app/components/ui/carousel/interface.ts",
"chars": 731,
"preview": "import type useEmblaCarousel from \"embla-carousel-vue\"\nimport type {\n EmblaCarouselVueType,\n} from \"embla-carousel-vue\""
},
{
"path": "app/components/ui/carousel/useCarousel.ts",
"chars": 1536,
"preview": "import type { UnwrapRefCarouselApi as CarouselApi, CarouselEmits, CarouselProps } from \"./interface\"\nimport { createInje"
},
{
"path": "app/components/ui/chart/ChartContainer.vue",
"chars": 2206,
"preview": "<script lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { ChartConfig } from \".\"\nimport { useId } from "
},
{
"path": "app/components/ui/chart/ChartLegendContent.vue",
"chars": 1410,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { computed, onMounted, ref } from \"vue\"\nimport"
},
{
"path": "app/components/ui/chart/ChartStyle.vue",
"chars": 877,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { Primitive } from \"reka-ui\"\nimport { computed"
},
{
"path": "app/components/ui/chart/ChartTooltipContent.vue",
"chars": 3515,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { ChartConfig } from \".\"\nimport { compute"
},
{
"path": "app/components/ui/chart/index.ts",
"chars": 925,
"preview": "import type { Component, Ref } from \"vue\"\nimport { createContext } from \"reka-ui\"\n\nexport { default as ChartContainer } "
},
{
"path": "app/components/ui/chart/utils.ts",
"chars": 1309,
"preview": "import type { ChartConfig } from \".\"\nimport { isClient } from \"@vueuse/core\"\nimport { useId } from \"reka-ui\"\nimport { h,"
},
{
"path": "app/components/ui/checkbox/Checkbox.vue",
"chars": 1451,
"preview": "<script setup lang=\"ts\">\nimport type { CheckboxRootEmits, CheckboxRootProps } from \"reka-ui\"\nimport type { HTMLAttribute"
},
{
"path": "app/components/ui/checkbox/index.ts",
"chars": 53,
"preview": "export { default as Checkbox } from \"./Checkbox.vue\"\n"
},
{
"path": "app/components/ui/collapsible/Collapsible.vue",
"chars": 502,
"preview": "<script setup lang=\"ts\">\nimport type { CollapsibleRootEmits, CollapsibleRootProps } from \"reka-ui\"\nimport { CollapsibleR"
},
{
"path": "app/components/ui/collapsible/CollapsibleContent.vue",
"chars": 331,
"preview": "<script setup lang=\"ts\">\nimport type { CollapsibleContentProps } from \"reka-ui\"\nimport { CollapsibleContent } from \"reka"
},
{
"path": "app/components/ui/collapsible/CollapsibleTrigger.vue",
"chars": 331,
"preview": "<script setup lang=\"ts\">\nimport type { CollapsibleTriggerProps } from \"reka-ui\"\nimport { CollapsibleTrigger } from \"reka"
},
{
"path": "app/components/ui/collapsible/index.ts",
"chars": 205,
"preview": "export { default as Collapsible } from \"./Collapsible.vue\"\nexport { default as CollapsibleContent } from \"./CollapsibleC"
},
{
"path": "app/components/ui/combobox/Combobox.vue",
"chars": 478,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxRootEmits, ComboboxRootProps } from \"reka-ui\"\nimport { ComboboxRoot, useF"
},
{
"path": "app/components/ui/combobox/ComboboxAnchor.vue",
"chars": 631,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxAnchorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nim"
},
{
"path": "app/components/ui/combobox/ComboboxEmpty.vue",
"chars": 577,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxEmptyProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/combobox/ComboboxGroup.vue",
"chars": 762,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxGroupProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/combobox/ComboboxInput.vue",
"chars": 1167,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxInputEmits, ComboboxInputProps } from \"reka-ui\"\nimport type { HTMLAttribu"
},
{
"path": "app/components/ui/combobox/ComboboxItem.vue",
"chars": 1070,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxItemEmits, ComboboxItemProps } from \"reka-ui\"\nimport type { HTMLAttribute"
},
{
"path": "app/components/ui/combobox/ComboboxItemIndicator.vue",
"chars": 672,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxItemIndicatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \""
},
{
"path": "app/components/ui/combobox/ComboboxList.vue",
"chars": 1413,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxContentEmits, ComboboxContentProps } from \"reka-ui\"\nimport type { HTMLAtt"
},
{
"path": "app/components/ui/combobox/ComboboxSeparator.vue",
"chars": 597,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\""
},
{
"path": "app/components/ui/combobox/ComboboxTrigger.vue",
"chars": 645,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\ni"
},
{
"path": "app/components/ui/combobox/ComboboxViewport.vue",
"chars": 693,
"preview": "<script setup lang=\"ts\">\nimport type { ComboboxViewportProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/combobox/index.ts",
"chars": 707,
"preview": "export { default as Combobox } from \"./Combobox.vue\"\nexport { default as ComboboxAnchor } from \"./ComboboxAnchor.vue\"\nex"
},
{
"path": "app/components/ui/command/Command.vue",
"chars": 2362,
"preview": "<script setup lang=\"ts\">\nimport type { ListboxRootEmits, ListboxRootProps } from \"reka-ui\"\nimport type { HTMLAttributes "
},
{
"path": "app/components/ui/command/CommandDialog.vue",
"chars": 973,
"preview": "<script setup lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from \"reka-ui\"\nimport { useForwardPropsEmits }"
},
{
"path": "app/components/ui/command/CommandEmpty.vue",
"chars": 764,
"preview": "<script setup lang=\"ts\">\nimport type { PrimitiveProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/command/CommandGroup.vue",
"chars": 1325,
"preview": "<script setup lang=\"ts\">\nimport type { ListboxGroupProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/command/CommandInput.vue",
"chars": 1143,
"preview": "<script setup lang=\"ts\">\nimport type { ListboxFilterProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/command/CommandItem.vue",
"chars": 2396,
"preview": "<script setup lang=\"ts\">\nimport type { ListboxItemEmits, ListboxItemProps } from \"reka-ui\"\nimport type { HTMLAttributes "
},
{
"path": "app/components/ui/command/CommandList.vue",
"chars": 721,
"preview": "<script setup lang=\"ts\">\nimport type { ListboxContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nim"
},
{
"path": "app/components/ui/command/CommandSeparator.vue",
"chars": 556,
"preview": "<script setup lang=\"ts\">\nimport type { SeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport "
},
{
"path": "app/components/ui/command/CommandShortcut.vue",
"chars": 356,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/command/index.ts",
"chars": 1017,
"preview": "import type { Ref } from \"vue\"\nimport { createContext } from \"reka-ui\"\n\nexport { default as Command } from \"./Command.vu"
},
{
"path": "app/components/ui/context-menu/ContextMenu.vue",
"chars": 461,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuRootEmits, ContextMenuRootProps } from \"reka-ui\"\nimport { ContextMenuR"
},
{
"path": "app/components/ui/context-menu/ContextMenuCheckboxItem.vue",
"chars": 1441,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps } from \"reka-ui\"\nimpor"
},
{
"path": "app/components/ui/context-menu/ContextMenuContent.vue",
"chars": 1421,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuContentEmits, ContextMenuContentProps } from \"reka-ui\"\nimport type { H"
},
{
"path": "app/components/ui/context-menu/ContextMenuGroup.vue",
"chars": 320,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuGroupProps } from \"reka-ui\"\nimport { ContextMenuGroup } from \"reka-ui\""
},
{
"path": "app/components/ui/context-menu/ContextMenuItem.vue",
"chars": 1566,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuItemEmits, ContextMenuItemProps } from \"reka-ui\"\nimport type { HTMLAtt"
},
{
"path": "app/components/ui/context-menu/ContextMenuLabel.vue",
"chars": 695,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/context-menu/ContextMenuPortal.vue",
"chars": 326,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuPortalProps } from \"reka-ui\"\nimport { ContextMenuPortal } from \"reka-u"
},
{
"path": "app/components/ui/context-menu/ContextMenuRadioGroup.vue",
"chars": 520,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps } from \"reka-ui\"\nimport {\n"
},
{
"path": "app/components/ui/context-menu/ContextMenuRadioItem.vue",
"chars": 1432,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuRadioItemEmits, ContextMenuRadioItemProps } from \"reka-ui\"\nimport type"
},
{
"path": "app/components/ui/context-menu/ContextMenuSeparator.vue",
"chars": 586,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"v"
},
{
"path": "app/components/ui/context-menu/ContextMenuShortcut.vue",
"chars": 361,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/context-menu/ContextMenuSub.vue",
"chars": 463,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuSubEmits, ContextMenuSubProps } from \"reka-ui\"\nimport {\n ContextMenuS"
},
{
"path": "app/components/ui/context-menu/ContextMenuSubContent.vue",
"chars": 1304,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from \"reka-ui\"\nimport "
},
{
"path": "app/components/ui/context-menu/ContextMenuSubTrigger.vue",
"chars": 1148,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuSubTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \""
},
{
"path": "app/components/ui/context-menu/ContextMenuTrigger.vue",
"chars": 405,
"preview": "<script setup lang=\"ts\">\nimport type { ContextMenuTriggerProps } from \"reka-ui\"\nimport { ContextMenuTrigger, useForwardP"
},
{
"path": "app/components/ui/context-menu/index.ts",
"chars": 1024,
"preview": "export { default as ContextMenu } from \"./ContextMenu.vue\"\nexport { default as ContextMenuCheckboxItem } from \"./Context"
},
{
"path": "app/components/ui/dialog/Dialog.vue",
"chars": 462,
"preview": "<script setup lang=\"ts\">\nimport type { DialogRootEmits, DialogRootProps } from \"reka-ui\"\nimport { DialogRoot, useForward"
},
{
"path": "app/components/ui/dialog/DialogClose.vue",
"chars": 289,
"preview": "<script setup lang=\"ts\">\nimport type { DialogCloseProps } from \"reka-ui\"\nimport { DialogClose } from \"reka-ui\"\n\nconst pr"
},
{
"path": "app/components/ui/dialog/DialogContent.vue",
"chars": 1967,
"preview": "<script setup lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from \"reka-ui\"\nimport type { HTMLAttribu"
},
{
"path": "app/components/ui/dialog/DialogDescription.vue",
"chars": 679,
"preview": "<script setup lang=\"ts\">\nimport type { DialogDescriptionProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\""
},
{
"path": "app/components/ui/dialog/DialogFooter.vue",
"chars": 350,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/dialog/DialogHeader.vue",
"chars": 342,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/dialog/DialogOverlay.vue",
"chars": 703,
"preview": "<script setup lang=\"ts\">\nimport type { DialogOverlayProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/dialog/DialogScrollContent.vue",
"chars": 1878,
"preview": "<script setup lang=\"ts\">\nimport type { DialogContentEmits, DialogContentProps } from \"reka-ui\"\nimport type { HTMLAttribu"
},
{
"path": "app/components/ui/dialog/DialogTitle.vue",
"chars": 648,
"preview": "<script setup lang=\"ts\">\nimport type { DialogTitleProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimpor"
},
{
"path": "app/components/ui/dialog/DialogTrigger.vue",
"chars": 301,
"preview": "<script setup lang=\"ts\">\nimport type { DialogTriggerProps } from \"reka-ui\"\nimport { DialogTrigger } from \"reka-ui\"\n\ncons"
},
{
"path": "app/components/ui/dialog/index.ts",
"chars": 624,
"preview": "export { default as Dialog } from \"./Dialog.vue\"\nexport { default as DialogClose } from \"./DialogClose.vue\"\nexport { def"
},
{
"path": "app/components/ui/drawer/Drawer.vue",
"chars": 540,
"preview": "<script lang=\"ts\" setup>\nimport type { DrawerRootEmits, DrawerRootProps } from \"vaul-vue\"\nimport { useForwardPropsEmits "
},
{
"path": "app/components/ui/drawer/DrawerClose.vue",
"chars": 291,
"preview": "<script lang=\"ts\" setup>\nimport type { DrawerCloseProps } from \"vaul-vue\"\nimport { DrawerClose } from \"vaul-vue\"\n\nconst "
},
{
"path": "app/components/ui/drawer/DrawerContent.vue",
"chars": 1891,
"preview": "<script lang=\"ts\" setup>\nimport type { DialogContentEmits, DialogContentProps } from \"reka-ui\"\nimport type { HTMLAttribu"
},
{
"path": "app/components/ui/drawer/DrawerDescription.vue",
"chars": 608,
"preview": "<script lang=\"ts\" setup>\nimport type { DrawerDescriptionProps } from \"vaul-vue\"\nimport type { HTMLAttributes } from \"vue"
},
{
"path": "app/components/ui/drawer/DrawerFooter.vue",
"chars": 329,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/drawer/DrawerHeader.vue",
"chars": 323,
"preview": "<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/drawer/DrawerOverlay.vue",
"chars": 673,
"preview": "<script lang=\"ts\" setup>\nimport type { DialogOverlayProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimp"
},
{
"path": "app/components/ui/drawer/DrawerTitle.vue",
"chars": 572,
"preview": "<script lang=\"ts\" setup>\nimport type { DrawerTitleProps } from \"vaul-vue\"\nimport type { HTMLAttributes } from \"vue\"\nimpo"
},
{
"path": "app/components/ui/drawer/DrawerTrigger.vue",
"chars": 303,
"preview": "<script lang=\"ts\" setup>\nimport type { DrawerTriggerProps } from \"vaul-vue\"\nimport { DrawerTrigger } from \"vaul-vue\"\n\nco"
},
{
"path": "app/components/ui/drawer/index.ts",
"chars": 549,
"preview": "export { default as Drawer } from \"./Drawer.vue\"\nexport { default as DrawerClose } from \"./DrawerClose.vue\"\nexport { def"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenu.vue",
"chars": 511,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuRootEmits, DropdownMenuRootProps } from \"reka-ui\"\nimport { DropdownMe"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue",
"chars": 1453,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from \"reka-ui\"\nimp"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuContent.vue",
"chars": 1510,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuContentEmits, DropdownMenuContentProps } from \"reka-ui\"\nimport type {"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuGroup.vue",
"chars": 326,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuGroupProps } from \"reka-ui\"\nimport { DropdownMenuGroup } from \"reka-u"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuItem.vue",
"chars": 1456,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\n"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuLabel.vue",
"chars": 766,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\""
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue",
"chars": 528,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from \"reka-ui\"\nimport "
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuRadioItem.vue",
"chars": 1444,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from \"reka-ui\"\nimport ty"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuSeparator.vue",
"chars": 593,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \""
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuShortcut.vue",
"chars": 362,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuSub.vue",
"chars": 498,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuSubEmits, DropdownMenuSubProps } from \"reka-ui\"\nimport {\n DropdownMe"
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuSubContent.vue",
"chars": 1272,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from \"reka-ui\"\nimport "
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue",
"chars": 1044,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuSubTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from "
},
{
"path": "app/components/ui/dropdown-menu/DropdownMenuTrigger.vue",
"chars": 411,
"preview": "<script setup lang=\"ts\">\nimport type { DropdownMenuTriggerProps } from \"reka-ui\"\nimport { DropdownMenuTrigger, useForwar"
},
{
"path": "app/components/ui/dropdown-menu/index.ts",
"chars": 1098,
"preview": "export { default as DropdownMenu } from \"./DropdownMenu.vue\"\n\nexport { default as DropdownMenuCheckboxItem } from \"./Dro"
},
{
"path": "app/components/ui/empty/Empty.vue",
"chars": 433,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/empty/EmptyContent.vue",
"chars": 394,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/empty/EmptyDescription.vue",
"chars": 413,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\ndefineProps<{\n cla"
},
{
"path": "app/components/ui/empty/EmptyHeader.vue",
"chars": 369,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/empty/EmptyMedia.vue",
"chars": 477,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { EmptyMediaVariants } from \".\"\nimport { "
},
{
"path": "app/components/ui/empty/EmptyTitle.vue",
"chars": 330,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/empty/index.ts",
"chars": 961,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport { de"
},
{
"path": "app/components/ui/field/Field.vue",
"chars": 508,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport type { FieldVariants } from \".\"\nimport { cn } "
},
{
"path": "app/components/ui/field/FieldContent.vue",
"chars": 378,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/FieldDescription.vue",
"chars": 579,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/FieldError.vue",
"chars": 1386,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { computed } from \"vue\"\nimport { cn } from \"@/"
},
{
"path": "app/components/ui/field/FieldGroup.vue",
"chars": 449,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/FieldLabel.vue",
"chars": 775,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\nimport { Label } fro"
},
{
"path": "app/components/ui/field/FieldLegend.vue",
"chars": 476,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/FieldSeparator.vue",
"chars": 718,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\nimport { Separator }"
},
{
"path": "app/components/ui/field/FieldSet.vue",
"chars": 428,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/FieldTitle.vue",
"chars": 421,
"preview": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = defin"
},
{
"path": "app/components/ui/field/index.ts",
"chars": 1701,
"preview": "import type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\n\nexport cons"
}
]
// ... and 391 more files (download for full content)
About this extraction
This page contains the full source code of the miantiao-me/Sink GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 591 files (2.0 MB), approximately 542.8k tokens, and a symbol index with 901 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.