data

        "fast-xml-parser": "^5.3.0",

    "fast-xml-parser": ["fast-xml-parser@5.3.0", "", { "dependencies": { "strnum": "^2.1.0" }, "bin": { "fxparser": "src/cli/cli.js" } }, "sha512-gkWGshjYcQCF+6qtlrqBqELqNqnt4CxruY6UVAWWnqb3DQ6qaNFEIKqzYep1XzHLM/QtrHVCxyPOtTk4LTQ7Aw=="],

    "strnum": ["strnum@2.1.1", "", {}, "sha512-7ZvoFTiCnGxBtDqJ//Cu6fWtZtc7Y3x+QOirG15wztbdngGSkht27o2pyGWrVy0b4WAy3jbKmnoK6g5VlVNUUw=="],

    "fast-xml-parser": "^5.3.0",

import Dashboard from "./components/dashboard";

			<Dashboard />

	Plus,

	RotateCw,

import { Button } from "@/components/ui/button";

import {

	Dialog,

	DialogClose,

	DialogContent,

	DialogDescription,

	DialogFooter,

	DialogHeader,

	DialogTitle,

	DialogTrigger,

} from "@/components/ui/dialog";

import { Input } from "@/components/ui/input";

import { allFeedsQuery, useEvolu, reset } from "@/lib/evolu";

import { XMLParser, XMLBuilder, XMLValidator } from "fast-xml-parser";

import { useQuery } from "@evolu/react";

const parser = new XMLParser();

	const [urlInput, setUrlInput] = React.useState("");

	const [categoryInput, setCategoryInput] = React.useState("");

	const [dialogOpen, setDialogOpen] = React.useState(false);

	const { insert, update } = useEvolu();

	const allFeeds = useQuery(allFeedsQuery);

	console.log(allFeeds);

	async function addFeed() {

		try {

			let xmlData: string;

			try {

				// Try to fetch directly first

				const xmlFetch = await fetch(urlInput);

				xmlData = await xmlFetch.text();

			} catch (corsError) {

				// Fall back to AllOrigins if CORS error occurs

				console.log(corsError);

				const xmlFetch = await fetch(

					`https://api.allorigins.win/raw?url=${urlInput}`,

				);

				xmlData = await xmlFetch.text();

			}

			const parsedXmlData = await parser.parse(xmlData);

			console.log(parsedXmlData);

			// Determine if it's RSS or Atom feed

			let feedData: any;

			let posts: any[];

			let isAtom = false;

			if (parsedXmlData.rss) {

				// RSS feed

				feedData = parsedXmlData.rss.channel;

				posts = feedData.item || [];

			} else if (parsedXmlData.feed) {

				// Atom feed

				feedData = parsedXmlData.feed;

				posts = feedData.entry || [];

				isAtom = true;

			} else {

				throw new Error("Unsupported feed format");

			}

			const result = insert("rssFeed", {

				feedUrl: urlInput,

				title: feedData.title,

				description: feedData.description || feedData.subtitle || "",

				category: "tech",

			});

			console.log(result);

			// Process posts/entries

			for (const post of posts) {

				const addPost = insert("rssPost", {

					title: post.title,

					author: isAtom

						? post.author?.name || "Author"

						: post.author || "Author",

					link: isAtom

						? typeof post.link === "string"

							? post.link || post.id

							: post.link?.[0] || post.id

						: post.link || post.id,

					feedId: result.value.id,

				});

				console.log(addPost);

			}

			setDialogOpen(false);

		} catch (error) {

			console.log(error);

		}

	}

		<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>

				collapsible="icon"

				className="overflow-hidden *:data-[sidebar=sidebar]:flex-row"

				{...props}

				{/* This is the first sidebar */}

				{/* We disable collapsible and adjust width to icon. */}

				{/* This will make the sidebar appear as icons. */}

				<Sidebar

					collapsible="none"

					className="w-[calc(var(--sidebar-width-icon)+1px)]! border-r"

				>

					<SidebarHeader>

						<SidebarMenu>

							<SidebarMenuItem>

								<SidebarMenuButton size="lg" asChild className="md:h-8 md:p-0">

									<a href="#">

										<div className="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg">

											<Command className="size-4" />

										</div>

										<div className="grid flex-1 text-left text-sm leading-tight">

											<span className="truncate font-medium">Acme Inc</span>

											<span className="truncate text-xs">Enterprise</span>

										</div>

									</a>

								</SidebarMenuButton>

							</SidebarMenuItem>

						</SidebarMenu>

					</SidebarHeader>

					<SidebarContent>

						<DialogContent className="sm:max-w-[425px]">

							<DialogHeader>

								<DialogTitle>Add Feed</DialogTitle>

								<DialogDescription>

									Add a new feed with the RSS URL

								</DialogDescription>

							</DialogHeader>

							<div className="grid gap-4">

								<div className="grid gap-3">

									<Label htmlFor="url-input">URL</Label>

									<Input

										id="url-input"

										name="url"

										value={urlInput}

										onChange={(e) => setUrlInput(e.target.value)}

									/>

								</div>

								<div className="grid gap-3">

									<Label htmlFor="category-input">Category</Label>

									<Input

										id="category-input"

										name="category"

										value={categoryInput}

										onChange={(e) => setCategoryInput(e.target.value)}

									/>

								</div>

							</div>

							<DialogFooter>

								<DialogClose asChild>

									<Button variant="outline">Cancel</Button>

								</DialogClose>

								<Button onClick={addFeed} type="submit">

									Submit

								</Button>

							</DialogFooter>

						</DialogContent>

						<SidebarGroup>

							<SidebarGroupContent className="px-1.5 md:px-0">

								<SidebarMenu>

									<DialogTrigger>

										<SidebarMenuItem>

											<SidebarMenuButton

												size="lg"

												asChild

												className="md:h-8 md:p-0"

											>

												<a href="#">

													<div className="flex aspect-square size-8 items-center justify-center rounded-lg">

														<Plus className="size-4" />

													</div>

													<div className="grid flex-1 text-left text-sm leading-tight">

														<span className="truncate font-medium">

															Add Feed

														</span>

													</div>

												</a>

											</SidebarMenuButton>

										</SidebarMenuItem>

									</DialogTrigger>

									<SidebarMenuItem>

										<SidebarMenuButton onClick={reset}>

											<RotateCw className="size-4" />

									{data.navMain.map((item) => (

										<SidebarMenuItem key={item.title}>

											<SidebarMenuButton

												tooltip={{

													children: item.title,

													hidden: false,

												}}

												onClick={() => {

													setActiveItem(item);

													const mail = data.mails.sort(

														() => Math.random() - 0.5,

													);

													setMails(

														mail.slice(

															0,

															Math.max(5, Math.floor(Math.random() * 10) + 1),

														),

													);

													setOpen(true);

												}}

												isActive={activeItem?.title === item.title}

												className="px-2.5 md:px-2"

											>

												<item.icon />

												<span>{item.title}</span>

											</SidebarMenuButton>

										</SidebarMenuItem>

									))}

								</SidebarMenu>

							</SidebarGroupContent>

						</SidebarGroup>

					</SidebarContent>

					<SidebarFooter>

						<NavUser user={data.user} />

					</SidebarFooter>

				</Sidebar>

				{/* This is the second sidebar */}

				{/* We disable collapsible and let it fill remaining space */}

				<Sidebar collapsible="none" className="hidden flex-1 md:flex">

					<SidebarHeader className="gap-3.5 border-b p-4">

						<div className="flex w-full items-center justify-between">

							<div className="text-foreground text-base font-medium">

								{activeItem?.title}

							</div>

							<Label className="flex items-center gap-2 text-sm">

								<span>Unreads</span>

								<Switch className="shadow-none" />

							</Label>

						<SidebarInput placeholder="Type to search..." />

					</SidebarHeader>

					<SidebarContent>

						<SidebarGroup className="px-0">

							<SidebarGroupContent>

								{allFeeds.map((feed) => (

									<a

										href="#"

										key={feed.id}

										className="hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex flex-col items-start gap-2 border-b p-4 text-sm leading-tight whitespace-nowrap last:border-b-0"

									>

										<div className="flex w-full items-center gap-2">

											<span>{feed.title}</span>{" "}

										</div>

									</a>

								))}

							</SidebarGroupContent>

						</SidebarGroup>

					</SidebarContent>

				</Sidebar>

		</Dialog>

import * as React from "react"

import * as DialogPrimitive from "@radix-ui/react-dialog"

import { XIcon } from "lucide-react"

import { cn } from "@/lib/utils"

function Dialog({

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Root>) {

  return <DialogPrimitive.Root data-slot="dialog" {...props} />

}

function DialogTrigger({

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {

  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />

}

function DialogPortal({

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Portal>) {

  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />

}

function DialogClose({

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Close>) {

  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />

}

function DialogOverlay({

  className,

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {

  return (

    <DialogPrimitive.Overlay

      data-slot="dialog-overlay"

      className={cn(

        "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/50",

        className

      )}

      {...props}

    />

  )

}

function DialogContent({

  className,

  children,

  showCloseButton = true,

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Content> & {

  showCloseButton?: boolean

}) {

  return (

    <DialogPortal data-slot="dialog-portal">

      <DialogOverlay />

      <DialogPrimitive.Content

        data-slot="dialog-content"

        className={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",

          className

        )}

        {...props}

      >

        {children}

        {showCloseButton && (

          <DialogPrimitive.Close

            data-slot="dialog-close"

            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"

          >

            <XIcon />

            <span className="sr-only">Close</span>

          </DialogPrimitive.Close>

        )}

      </DialogPrimitive.Content>

    </DialogPortal>

  )

}

function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {

  return (

    <div

      data-slot="dialog-header"

      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}

      {...props}

    />

  )

}

function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {

  return (

    <div

      data-slot="dialog-footer"

      className={cn(

        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",

        className

      )}

      {...props}

    />

  )

}

function DialogTitle({

  className,

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Title>) {

  return (

    <DialogPrimitive.Title

      data-slot="dialog-title"

      className={cn("text-lg leading-none font-semibold", className)}

      {...props}

    />

  )

}

function DialogDescription({

  className,

  ...props

}: React.ComponentProps<typeof DialogPrimitive.Description>) {

  return (

    <DialogPrimitive.Description

      data-slot="dialog-description"

      className={cn("text-muted-foreground text-sm", className)}

      {...props}

    />

  )

}

export {

  Dialog,

  DialogClose,

  DialogContent,

  DialogDescription,

  DialogFooter,

  DialogHeader,

  DialogOverlay,

  DialogPortal,

  DialogTitle,

  DialogTrigger,

}

import { createEvolu, getOrThrow, SimpleName } from "@evolu/common";

import { evoluReactWebDeps } from "@evolu/react-web";

import { Schema } from "./scheme.ts";

import { createUseEvolu } from "@evolu/react";

export const evolu = createEvolu(evoluReactWebDeps)(Schema, {

	name: getOrThrow(SimpleName.from("alcove")),

	syncUrl: "http://localhost:4000", // optional, defaults to wss://free.evoluhq.com

	reloadUrl: "/",

});

export const useEvolu = createUseEvolu(evolu);

export const allFeedsQuery = evolu.createQuery((db) =>

	db.selectFrom("rssFeed").selectAll(),

);

export function reset() {

	evolu.resetAppOwner();

}

import { EvoluProvider } from "@evolu/react";

import { evolu } from "./lib/evolu.ts";

	optimizeDeps: {

		exclude: ["@sqlite.org/sqlite-wasm", "kysely", "@evolu/react-web"],

	},