-
-
- {/* Hero section */}
-
-
-
-
- {/* a blue gradient line that's slightly tilted with blur (a lotof blur)*/}
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-// TODO: Implement getting bookmarks from Twitter API directly
-// async function fetchAllBookmarks(
-// authorizationHeader: string,
-// csrfToken: string,
-// cookies: string,
-// ): Promise
- {userData && (
-
-
- 
-
- )}
-
-
- {/* TODO: Implement getting bookmarks from API directly */}
- {/*
- {userData.data.user.name}
-{userData.data.user.email}
-{status}
-
-
- {bookmarks.map((bookmark) => (
-
*/}
-
-
- ))}
- {bookmark.author}
-{bookmark.date}
-{bookmark.full_text}
-
-
- )}
-
-
-
-
-
-
- Importing your tweets...
-
- {log.map((message, index) => (
-
- {message}
- ))} -
- {window.location.href.includes("twitter.com") ||
- window.location.href.includes("x.com") ? (
-
-
-
-
-
-
-
- ) : (
- <>
- )}
-
-
- - Import twitter bookmarks -
-
- {filteredSpaces.length < 1 && "Add to a space"}
- {filteredSpaces.map((space) => (
-
- setSelectedSpaces((prev) => prev.filter((s) => s !== space.id))
- }
- />
- ))}
- {leftSpaces.length > 0 && (
-
-
-
-
- {leftSpaces.map((space) => (
- <>
- {loading && "Loading..."}
-
- setSelectedSpaces((prev) => [...prev, space.id])
- }
- >
- {space.name}
-
-
- ))}
-
-
- )}
-
- );
-}
-
-function SpaceItem({ name, onRemove }: Space & { onRemove: () => void }) {
- return (
-
-
- {name}
-
- );
-}
diff --git a/apps/extension/src/components/ui/button.tsx b/apps/extension/src/components/ui/button.tsx
deleted file mode 100644
index 6ca7d07a..00000000
--- a/apps/extension/src/components/ui/button.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "../../lib/utils";
-
-const buttonVariants = cva(
- "anycontext-inline-flex anycontext-items-center anycontext-justify-center anycontext-whitespace-nowrap anycontext-rounded-md anycontext-text-sm anycontext-font-medium anycontext-ring-offset-white anycontext-transition-colors focus-visible:anycontext-outline-none focus-visible:anycontext-ring-2 focus-visible:anycontext-ring-stone-950 focus-visible:anycontext-ring-offset-2 disabled:anycontext-pointer-events-none disabled:anycontext-opacity-50 dark:anycontext-ring-offset-stone-950 dark:focus-visible:anycontext-ring-stone-300",
- {
- variants: {
- variant: {
- default:
- "anycontext-bg-stone-900 anycontext-text-stone-50 hover:anycontext-bg-stone-900/90 dark:anycontext-bg-stone-50 dark:anycontext-text-stone-900 dark:hover:anycontext-bg-stone-50/90",
- destructive:
- "anycontext-bg-red-500 anycontext-text-stone-50 hover:anycontext-bg-red-500/90 dark:anycontext-bg-red-900 dark:anycontext-text-stone-50 dark:hover:anycontext-bg-red-900/90",
- outline:
- "anycontext-border anycontext-border-stone-200 anycontext-bg-white hover:anycontext-bg-stone-100 hover:anycontext-text-stone-900 dark:anycontext-border-stone-800 dark:anycontext-bg-stone-950 dark:hover:anycontext-bg-stone-800 dark:hover:anycontext-text-stone-50",
- secondary:
- "anycontext-bg-stone-100 anycontext-text-stone-900 hover:anycontext-bg-stone-100/80 dark:anycontext-bg-stone-800 dark:anycontext-text-stone-50 dark:hover:anycontext-bg-stone-800/80",
- ghost:
- "hover:anycontext-bg-stone-100 hover:anycontext-text-stone-900 dark:hover:anycontext-bg-stone-800 dark:hover:anycontext-text-stone-50",
- link: "anycontext-text-stone-900 anycontext-underline-offset-4 hover:anycontext-underline dark:anycontext-text-stone-50",
- },
- size: {
- default: "anycontext-h-10 anycontext-px-4 anycontext-py-2",
- sm: "anycontext-h-9 anycontext-rounded-md anycontext-px-3",
- lg: "anycontext-h-11 anycontext-rounded-md anycontext-px-8",
- icon: "anycontext-h-10 anycontext-w-10",
- },
- },
- defaultVariants: {
- variant: "default",
- size: "default",
- },
- },
-);
-
-export interface ButtonProps
- extends React.ButtonHTMLAttributes
-
-));
-
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-const CommandList = React.forwardRef<
- React.ElementRef
-
-
- );
-}
-
-const styles = {
- error: {
- fontFamily:
- 'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',
- height: "100vh",
- textAlign: "center",
- display: "flex",
- flexDirection: "column",
- alignItems: "center",
- justifyContent: "center",
- },
-
- desc: {
- display: "inline-block",
- },
-
- h1: {
- display: "inline-block",
- margin: "0 20px 0 0",
- padding: "0 23px 0 0",
- fontSize: 24,
- fontWeight: 500,
- verticalAlign: "top",
- lineHeight: "49px",
- },
-
- h2: {
- fontSize: 14,
- fontWeight: 400,
- lineHeight: "49px",
- margin: 0,
- },
-} as const;
diff --git a/apps/web-v2/src/components/ui/cardClick.tsx b/apps/web-v2/src/components/ui/cardClick.tsx
deleted file mode 100644
index 10fb4a07..00000000
--- a/apps/web-v2/src/components/ui/cardClick.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import { cn } from "@/utils/cn";
-import { AnimatePresence, motion } from "framer-motion";
-import React from "react";
-
-export const CardClick = ({
- tab,
- handleClickIndex,
- items,
-}: {
- tab: number;
- handleClickIndex: (tab: number) => void;
- items: {
- title: string;
- description: string;
- svg: React.ReactNode;
- }[];
-}) => {
- return (
-
-
-
- - 404 -
-
-
- This page could not be found.
-
- {items.map((item, idx) => (
-
- );
-};
-
-export const Card = ({
- title,
- description,
- svg,
-}: {
- title: string;
- description: string;
- svg: React.ReactNode;
-}) => {
- return (
- handleClickIndex(idx)}
- >
-
- {tab === idx && (
-
-
- ))}
-
- {svg}
-
- );
-};
diff --git a/apps/web-v2/src/components/ui/toast.tsx b/apps/web-v2/src/components/ui/toast.tsx
deleted file mode 100644
index 56f4ebfd..00000000
--- a/apps/web-v2/src/components/ui/toast.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
-import { X } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const ToastProvider = ToastPrimitives.Provider;
-
-const ToastViewport = React.forwardRef<
- React.ElementRef
-
-
- {title}
-
- {description}
-
- {title && {title} }
- {description && (
- {description}
- )}
-
- {action}
-
{/* Item 1 */}
- heightFix()}
- unmount={false}
+
heightFix()}
- unmount={false}
+
heightFix()}
- unmount={false}
+
+
+
+ {/* Hero section */}
+
+
+
+
+ {/* a blue gradient line that's slightly tilted with blur (a lotof blur)*/}
+
+
+
+
+
+
+
+
+
+
+
+ {" "}
+
+ Cloudflare Next Saas Starter
+
+
+
+ Start by editing apps/web/page.tsx
+
+
+ Welcome to Cloudflare Next Saas Starter.
Built a full stack app + using production-ready tools and frameworks, host on Cloudflare + instantly. +
+ An opinionated, batteries-included framework with{" "} + + Turborepo + {" "} + and Nextjs. Fully Typesafe. Best practices followed by default. +
+ Here's what the stack includes: +
+ Built a full stack app + using production-ready tools and frameworks, host on Cloudflare + instantly. +
+ An opinionated, batteries-included framework with{" "} + + Turborepo + {" "} + and Nextjs. Fully Typesafe. Best practices followed by default. +
+ Here's what the stack includes: +
-
+
-
+ Authentication with
next-auth+
+ - Database using Cloudflare's D1 serverless databases +
- Drizzle ORM, already connected to your database and auth ⚡ +
- Light/darkmode theming that works with server components (!) +
- Styling using TailwindCSS and ShadcnUI +
- Turborepo with a landing page and shared components +
- Cloudflare wrangler for quick functions on the edge +
- + ... best part: everything's already set up for you. Just code! + +
+ Number of users in database: {userCount[0]!.count}
+
+ {usr?.user?.email ? (
+ <>
+
+ Hello {usr.user.name} 👋
+ {usr.user.email}
+
+
+
+ ) : (
+
+ )}
+
+ 1 || multiple}
+ disabled={isDisabled}
+ >
+ {({ getRootProps, getInputProps, isDragActive }) => (
+
+ {files?.length ? (
+
+
+ ) : null}
+
+ );
+}
+
+interface FileCardProps {
+ file: File;
+ onRemove: () => void;
+ progress?: number;
+}
+
+function FileCard({ file, progress, onRemove }: FileCardProps) {
+ return (
+
+
+ {isDragActive ? (
+
+ )}
+
+
+ ) : (
+
+
+
+ + Drop the files here +
+
+
+ )}
+
+
+
+
+
+ + Drag {`'n'`} drop files here, or click to select files +
++ You can upload + {maxFiles > 1 + ? ` ${maxFiles === Infinity ? "multiple" : maxFiles} + files (up to ${formatBytes(maxSize)} each)` + : ` a file with ${formatBytes(maxSize)}`} +
+
+ {files?.map((file, index) => (
+ onRemove(index)}
+ progress={progresses?.[file.name]}
+ />
+ ))}
+
+
+
+ );
+}
+
+function isFileWithPreview(file: File): file is File & { preview: string } {
+ return "preview" in file && typeof file.preview === "string";
+}
diff --git a/apps/web/app/upload/page.tsx b/apps/web/app/upload/page.tsx
new file mode 100644
index 00000000..4899d695
--- /dev/null
+++ b/apps/web/app/upload/page.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import * as React from "react";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+
+import { getErrorMessage } from "../helpers/lib/handle-errors";
+import { Button } from "@repo/ui/src/button";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@repo/ui/src/form";
+import { FileUploader } from "./file-uploader";
+
+import { UploadedFilesCard } from "./uploaded-files-card";
+import { useUploadFile } from "@repo/ui/hooks/use-upload-file";
+
+const schema = z.object({
+ images: z.array(z.instanceof(File)),
+});
+
+type Schema = z.infer
+ {isFileWithPreview(file) ? (
+
+
+
+
+
+ {progress ? : null}
+ + {file.name} +
++ {formatBytes(file.size)} +
+
+
+
+
+
+
+
+ );
+}
diff --git a/apps/web/app/upload/uploaded-files-card.tsx b/apps/web/app/upload/uploaded-files-card.tsx
new file mode 100644
index 00000000..fc9b7d5b
--- /dev/null
+++ b/apps/web/app/upload/uploaded-files-card.tsx
@@ -0,0 +1,93 @@
+import Image from "next/image";
+import type { UploadedFile } from "@repo/shared-types";
+
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@repo/ui/src/card";
+import { ScrollArea, ScrollBar } from "@repo/ui/src/scroll-area";
+
+interface UploadedFilesCardProps {
+ uploadedFiles: UploadedFile[];
+}
+
+import { ImageIcon } from "@radix-ui/react-icons";
+
+import { cn } from "@repo/ui/lib/utils";
+
+interface EmptyCardProps extends React.ComponentPropsWithoutRef
+
+
+
+ {title}
+ {description ? {description} : null}
+
+ {action ? action : null}
+
+ {uploadedFiles.map((file) => (
+
+
+
+ ))}
+
-
-
- {children}
-
-
-
- );
-}
diff --git a/apps/web/src/app/not-found.tsx b/apps/web/src/app/not-found.tsx
deleted file mode 100644
index 3409889a..00000000
--- a/apps/web/src/app/not-found.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-export const runtime = "edge";
-
-export default function NotFound() {
- return (
- <>
-
-
-
- );
-}
-
-const styles = {
- error: {
- fontFamily:
- 'system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',
- height: "100vh",
- textAlign: "center",
- display: "flex",
- flexDirection: "column",
- alignItems: "center",
- justifyContent: "center",
- },
-
- desc: {
- display: "inline-block",
- },
-
- h1: {
- display: "inline-block",
- margin: "0 20px 0 0",
- padding: "0 23px 0 0",
- fontSize: 24,
- fontWeight: 500,
- verticalAlign: "top",
- lineHeight: "49px",
- },
-
- h2: {
- fontSize: 14,
- fontWeight: 400,
- lineHeight: "49px",
- margin: 0,
- },
-} as const;
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
deleted file mode 100644
index 05cd1ab8..00000000
--- a/apps/web/src/app/page.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import { db } from "@/server/db";
-import {
- ChachedSpaceContent,
- sessions,
- space,
- storedContent,
- users,
-} from "@/server/db/schema";
-import { and, eq, inArray, not } from "drizzle-orm";
-import { cookies, headers } from "next/headers";
-import { redirect } from "next/navigation";
-import { fetchContentForSpace, fetchFreeMemories } from "@/actions/db";
-import { MemoryProvider } from "@/contexts/MemoryContext";
-import Content from "./content";
-import Main from "@/components/Main";
-import { TailwindIndicator } from "@/components/dev/tailwindindicator";
-
-export const runtime = "edge";
-
-export default async function Home() {
- const token =
- cookies().get("next-auth.session-token")?.value ??
- cookies().get("__Secure-authjs.session-token")?.value ??
- cookies().get("authjs.session-token")?.value ??
- headers().get("Authorization")?.replace("Bearer ", "");
-
- if (!token) {
- return redirect("/api/auth/signin");
- }
-
- const session = await db
- .select()
- .from(sessions)
- .where(eq(sessions.sessionToken, token!));
-
- if (!session || session.length === 0) {
- return redirect("/api/auth/signin");
- }
-
- const [userData] = await db
- .select()
- .from(users)
- .where(eq(users.id, session[0].userId))
- .limit(1);
-
- if (!userData) {
- return redirect("/api/auth/signin");
- }
-
- console.log(storedContent.user.name);
-
- const collectedSpaces = await db
- .select()
- .from(space)
- .where(eq(space.user, userData.id))
- .all();
-
- console.log(collectedSpaces);
-
- // Fetch only first 3 content of each spaces
- let contents: ChachedSpaceContent[] = [];
-
- await Promise.all([
- collectedSpaces.forEach(async (space) => {
- console.log("fetching ");
- const data = (
- (await fetchContentForSpace(space.id, {
- offset: 0,
- limit: 3,
- })) ?? []
- ).map((data) => ({
- ...data,
- space: space.id,
- }));
- contents = [...contents, ...data];
- }),
- ]);
-
- console.log("contents", contents);
-
- // freeMemories
- const freeMemories = await fetchFreeMemories();
- console.log("free", freeMemories);
-
- return (
-
-
-
- - 404 -
-
-
- This page could not be found.
-
- {policy}
-
- );
-}
-
-export default Page;
diff --git a/apps/web/src/app/privacy/privacy.ts b/apps/web/src/app/privacy/privacy.ts
deleted file mode 100644
index 2034f191..00000000
--- a/apps/web/src/app/privacy/privacy.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-export const policy = `
-# Privacy Policy for AnyContext
-
-## Introduction
-
-This Privacy Policy provides detailed information on the handling, storage, and protection of your personal information by AnyContext, a browser extension developed and owned by Dhravya Shah in 2024. The extension is designed to enhance your browsing experience by providing contextual information based on the content of the web pages you visit. This policy outlines the types of data collected by AnyContext, how it is used, and the measures we take to protect your privacy.
-
-## Information Collection
-
-AnyContext collects the following types of information:
-
-1. **Web Browsing Data**: The extension has the capability to see all websites that users visit. However, AnyContext only stores data when the user actively clicks on the extension button while browsing. The browser history is not recorded, ensuring that your browsing activities remain private.
-
-2. **Current Page Data**: Upon activation (click) by the user, AnyContext stores data from the current HTML page. This data is used to provide relevant contextual information based on the content of the page you are viewing.
-
-3. **Personal Information**: When you interact with AnyContext, we may collect personal information including but not limited to your email address, session data, name, and profile picture. This information is collected to improve your user experience and to provide personalized services.
-
-## Data Storage and Security
-
-All collected data is securely stored in a SQLite database hosted on Cloudflare D1. We employ industry-standard security measures to protect your information from unauthorized access, alteration, disclosure, or destruction. Despite our efforts, no method of transmission over the Internet or method of electronic storage is 100% secure. Therefore, while we strive to use commercially acceptable means to protect your personal information, we cannot guarantee its absolute security.
-
-## Use of Information
-
-AnyContext uses the collected information for the following purposes:
-
-- To provide and improve the functionality of the extension.
-- To offer personalized user experiences.
-- To communicate with users regarding updates, support, and promotional offers, if consented.
-- To ensure the security of our services and to detect, prevent, or address technical issues.
-
-## Sharing of Information
-
-AnyContext does not sell, trade, or rent users' personal identification information to others. We may share generic aggregated demographic information not linked to any personal identification information regarding visitors and users with our business partners, trusted affiliates, and advertisers for the purposes outlined above.
-
-## Your Privacy Rights
-
-You have the right to access, update, or delete your personal information that we hold. If you wish to exercise these rights, please contact us at the details provided below.
-
-## Changes to This Privacy Policy
-
-AnyContext reserves the right to update this privacy policy at any time. When we do, we will post a notification on our website and update the date at the top of this page. We encourage users to frequently check this page for any changes to stay informed about how we are protecting the personal information we collect. Your continued use of the service after the posting of changes to this policy will be deemed your acceptance of those changes.
-
-## Contact Us
-
-If you have any questions about this Privacy Policy, the practices of this site, or your dealings with this site, please contact us at:
-
-- Email: dhravyashah@gmail.com
-
-This document was last updated on March 2, 2024.`;
diff --git a/apps/web/src/assets/Bin.tsx b/apps/web/src/assets/Bin.tsx
deleted file mode 100644
index d0793cef..00000000
--- a/apps/web/src/assets/Bin.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { cn } from "@/lib/utils";
-import { useEffect, useRef } from "react";
-
-export const Bin: React.FC[data-lid]]:rotate-[150deg] [&[data-open='true']>[data-lid]]:delay-0",
- className,
- )}
- {...props}
- >
-
-
-
-
- );
-};
diff --git a/apps/web/src/assets/Memories.tsx b/apps/web/src/assets/Memories.tsx
deleted file mode 100644
index cafcd54f..00000000
--- a/apps/web/src/assets/Memories.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-export const MemoryIcon: React.FC
- {loading ? (
-
-
-
- );
-}
-
-export function ChatQuestion({ children }: { children: string }) {
- return (
-
- {message}
-
- )}
- {!loading && sources && sources?.length > 0 && (
- <>
-
-
-
- {sources?.map((source) =>
- source.isNote ? (
-
- ) : (
-
-
-
- )}
- 200 ? "text-xl" : "text-2xl"}`}
- >
- {children}
-
- );
-}
-
-export function ChatMessage({
- children,
- isLast = false,
- index,
-}: {
- children: React.ReactNode | React.ReactNode[];
- isLast?: boolean;
- index: number;
-}) {
- const messageRef = React.useRef
-
-
-
-
-
-
- );
-}
-
-function cleanUrl(url: string) {
- if (url.startsWith("https://")) {
- url = url.slice(8);
- } else if (url.startsWith("http://")) {
- url = url.slice(7);
- }
-
- if (url.endsWith("/")) {
- url = url.slice(0, -1);
- }
-
- return url;
-}
diff --git a/apps/web/src/components/Main-2.tsx b/apps/web/src/components/Main-2.tsx
deleted file mode 100644
index 1b602712..00000000
--- a/apps/web/src/components/Main-2.tsx
+++ /dev/null
@@ -1,709 +0,0 @@
-"use client";
-import { MemoryDrawer } from "./MemoryDrawer";
-import useViewport from "@/hooks/useViewport";
-import { AnimatePresence } from "framer-motion";
-import { cn } from "@/lib/utils";
-
-import { Editor } from "novel";
-import { useAutoAnimate } from "@formkit/auto-animate/react";
-import {
- MemoryWithImage,
- MemoryWithImages3,
- MemoryWithImages2,
-} from "@/assets/MemoryWithImages";
-import { Input, InputWithIcon } from "./ui/input";
-import {
- ArrowUpRight,
- Edit3,
- Loader,
- Minus,
- MoreHorizontal,
- Plus,
- Search,
- Sparkles,
- Text,
- Trash2,
-} from "lucide-react";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from "./ui/dropdown-menu";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Variant, useAnimate, motion } from "framer-motion";
-import { SearchResult, useMemory } from "@/contexts/MemoryContext";
-import { SpaceIcon } from "@/assets/Memories";
-import { Dialog, DialogContent } from "./ui/dialog";
-import useTouchHold from "@/hooks/useTouchHold";
-import { DialogTrigger } from "@radix-ui/react-dialog";
-import {
- AddExistingMemoryToSpace,
- AddMemoryPage,
- NoteAddPage,
- SpaceAddPage,
-} from "./Sidebar/AddMemoryDialog";
-import { ExpandedSpace } from "./Sidebar/ExpandedSpace";
-import { StoredContent, StoredSpace } from "@/server/db/schema";
-import { useDebounce } from "@/hooks/useDebounce";
-import { NoteEdit } from "./Sidebar/EditNoteDialog";
-import DeleteConfirmation from "./Sidebar/DeleteConfirmation";
-
-import { ProfileDrawer } from "./ProfileDrawer";
-
-function supportsDVH() {
- try {
- return CSS.supports("height: 100dvh");
- } catch {
- return false;
- }
-}
-
-function pseudoRandomizeColorWithName(name: string) {
- const colorsAvailable = [
- "99e9f2",
- "a5d8ff",
- "d0bfff",
- "eebefa",
- "fcc2d7",
- "b2f2bb",
- "96f2d7",
- "ffec99",
- "ffd8a8",
- "ffc9c9",
- ];
-
- const colorIndex =
- name
- .split("")
- .map((char) => char.charCodeAt(0))
- .reduce((acc, charCode) => acc + charCode, 0) % colorsAvailable.length;
-
- return colorsAvailable[colorIndex];
-}
-
-export default function Main({ sidebarOpen }: { sidebarOpen: boolean }) {
- const { width } = useViewport();
-
- const [parent, enableAnimations] = useAutoAnimate();
- const { spaces, deleteSpace, freeMemories, search } = useMemory();
-
- const [isDropdownOpen, setIsDropdownOpen] = useState(false);
- const [addMemoryState, setAddMemoryState] = useState<
- "page" | "note" | "space" | "existing-memory" | null
- >(null);
-
- const [expandedSpace, setExpandedSpace] = useState
-
-
-
- - Your Memories -
-
-
-
-
-
-
- e.preventDefault()}
- >
-
- {
- setAddMemoryState("page");
- }}
- >
-
-
-
- {
- setAddMemoryState("note");
- }}
- >
-
-
-
- {
- setAddMemoryState("space");
- }}
- >
-
-
-
-
-
-
-
- {typeof window !== "undefined" ? (
- query.trim().length > 0 ? (
- <>
- {searchResults.map(({ type, space, memory }, i) => (
- <>
- {type === "memory" && (
- {
- setSearchResults((prev) =>
- prev.filter((i) => i.memory?.id !== memory.id),
- );
- }}
- />
- )}
- {type === "space" && (
- {
- setSearchResults((prev) =>
- prev.filter((i) => i.space?.id !== space.id),
- );
- deleteSpace(space.id);
- }}
- />
- )}
-
- ))}
-
- ) : (
- <>
- {spaces.map((space) => (
- deleteSpace(space.id)}
- key={space.id}
- onClick={() => setExpandedSpace(space.id)}
- {...space}
- />
- ))}
- {freeMemories.map((m) => (
-
-
- {width <= 768 &&
-
- {width <= 768 &&
- - Ask your second brain -
- -
- {
- textArea.current?.querySelector("textarea")?.focus();
- }}
- className="hidden md:flex"
- selectedSpaces={selectedSpaces}
- setSelectedSpaces={setSelectedSpaces}
- />
-
-
-
- {
- textArea.current?.querySelector("textarea")?.focus();
- }}
- className="hidden md:flex"
- selectedSpaces={selectedSpaces}
- setSelectedSpaces={setSelectedSpaces}
- />
-
-
-
- {width <= 768 &&
-
- {chatHistory.map((msg, i) => (
-
- {msg.question}
-
- {msg.answer.parts
- .map((part) => part.text)
- .join("")
- .replace("", "")}
-
-
- ))}
-
-
-
-
-
- {
- textArea.current?.querySelector("textarea")?.focus();
- }}
- side="top"
- align="start"
- className="mr-auto bg-[#252525]"
- selectedSpaces={selectedSpaces}
- setSelectedSpaces={setSelectedSpaces}
- />
- {
- if (e.key === "Enter" && !e.shiftKey) {
- e.preventDefault();
- askQuestion();
- }
- },
- }}
- >
-
-
-
-
-
-
-
-
-
-
-
- );
-}
-
-export default SearchResults;
diff --git a/apps/web/src/components/Sidebar/AddMemoryDialog.tsx b/apps/web/src/components/Sidebar/AddMemoryDialog.tsx
deleted file mode 100644
index 64147b1e..00000000
--- a/apps/web/src/components/Sidebar/AddMemoryDialog.tsx
+++ /dev/null
@@ -1,480 +0,0 @@
-import { Editor } from "novel";
-import {
- DialogClose,
- DialogDescription,
- DialogFooter,
- DialogHeader,
- DialogTitle,
-} from "../ui/dialog";
-import { Input } from "../ui/input";
-import { Label } from "../ui/label";
-import { Markdown } from "tiptap-markdown";
-import { useEffect, useRef, useState } from "react";
-import { FilterMemories, FilterSpaces } from "./FilterCombobox";
-import { useMemory } from "@/contexts/MemoryContext";
-import { Loader, Plus, X } from "lucide-react";
-import { StoredContent, StoredSpace } from "@/server/db/schema";
-import { cleanUrl } from "@/lib/utils";
-import { motion } from "framer-motion";
-import { getMetaData } from "@/server/helpers";
-
-export function AddMemoryPage({
- closeDialog,
- defaultSpaces,
- onAdd,
-}: {
- closeDialog: () => void;
- defaultSpaces?: number[];
- onAdd?: (addedData: StoredContent) => void;
-}) {
- const { addMemory } = useMemory();
-
- const [loading, setLoading] = useState(false);
- const [url, setUrl] = useState("");
- const [selectedSpacesId, setSelectedSpacesId] = useState
-
-
-
- {aiResponse.replace("", "")}
-
-
-
- {sources.map((value, index) => (
-
- {value}
-
- ))}
-
-
-
- Add a web page to memory
-
- This will fetch the content of the web page and add it to the memory
-
-
-
- setUrl(e.target.value)}
- disabled={loading}
- />
-
-
- Cancel
-
-
-
- );
-}
-
-export function NoteAddPage({
- closeDialog,
- defaultSpaces,
- onAdd,
-}: {
- closeDialog: () => void;
- defaultSpaces?: number[];
- onAdd?: (addedData: StoredContent) => void;
-}) {
- const { addMemory } = useMemory();
-
- const [selectedSpacesId, setSelectedSpacesId] = useState
- setName(e.target.value)}
- />
- {
- if (!editor) return;
- setContent(editor.storage.markdown.getMarkdown());
- }}
- extensions={[Markdown]}
- className="novel-editor border-rgray-7 dark mt-5 max-h-[60vh] min-h-[40vh] w-full overflow-y-auto rounded-lg border bg-white md:w-[50vw] [&>div>div]:p-5"
- />
-
-
- Cancel
-
-
-
- );
-}
-
-export function SpaceAddPage({
- closeDialog,
- onAdd,
-}: {
- closeDialog: () => void;
- onAdd?: (addedData: StoredSpace) => void;
-}) {
- const { addSpace } = useMemory();
-
- const inputRef = useRef
-
- Add a space
-
-
- setName(e.target.value)}
- className="mt-2 w-full placeholder:transition placeholder:duration-500 data-[error=true]:placeholder:text-red-400 focus-visible:data-[error=true]:ring-red-500/10"
- />
- {selected.length > 0 && (
- <>
-
-
-
-
-
-
- Cancel
-
-
-
- );
-}
-
-export function MemorySelectedItem({
- id,
- title,
- url,
- type,
- image,
- onRemove,
-}: StoredContent & { onRemove: () => void }) {
- return (
-
- {selected.map((i) => (
-
- setSelected((prev) => prev.filter((p) => p.id !== i.id))
- }
- {...i}
- />
- ))}
-
-
- )}
-
-
- {title}
-
- {type === "note" ? "Note" : cleanUrl(url)}
-
-
- );
-}
-
-export function AddExistingMemoryToSpace({
- space,
- closeDialog,
- fromSpaces,
- notInSpaces,
- onAdd,
-}: {
- space: { title: string; id: number };
- closeDialog: () => void;
- fromSpaces?: number[];
- notInSpaces?: number[];
- onAdd?: () => void;
-}) {
- const { addMemoriesToSpace } = useMemory();
-
- const [loading, setLoading] = useState(false);
-
- const [selected, setSelected] = useState
-
- Add an existing memory to {space.title}
-
- Pick the memories you want to add to this space
-
-
- {selected.length > 0 && (
- <>
-
-
-
-
-
-
- Cancel
-
-
-
- );
-}
diff --git a/apps/web/src/components/Sidebar/DeleteConfirmation.tsx b/apps/web/src/components/Sidebar/DeleteConfirmation.tsx
deleted file mode 100644
index 7955df0d..00000000
--- a/apps/web/src/components/Sidebar/DeleteConfirmation.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
- Dialog,
- DialogContent,
- DialogTrigger,
- DialogTitle,
- DialogDescription,
- DialogClose,
- DialogFooter,
-} from "../ui/dialog";
-
-export default function DeleteConfirmation({
- onDelete,
- trigger = true,
- children,
-}: {
- trigger?: boolean;
- onDelete?: () => void;
- children: React.ReactNode;
-}) {
- return (
-
- );
-}
diff --git a/apps/web/src/components/Sidebar/EditNoteDialog.tsx b/apps/web/src/components/Sidebar/EditNoteDialog.tsx
deleted file mode 100644
index c0ad716d..00000000
--- a/apps/web/src/components/Sidebar/EditNoteDialog.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import { Editor } from "novel";
-import { DialogClose, DialogFooter } from "../ui/dialog";
-import { Input } from "../ui/input";
-import { Markdown } from "tiptap-markdown";
-import { useEffect, useRef, useState } from "react";
-import { FilterSpaces } from "./FilterCombobox";
-import { useMemory } from "@/contexts/MemoryContext";
-import { Loader, Plus, Trash, X } from "lucide-react";
-import { motion } from "framer-motion";
-import { StoredContent } from "@/server/db/schema";
-import { fetchContent } from "@/actions/db";
-import { isArraysEqual } from "@/lib/utils";
-import DeleteConfirmation from "./DeleteConfirmation";
-
-export function NoteEdit({
- memory,
- closeDialog,
- onDelete,
-}: {
- memory: StoredContent;
- closeDialog: () => any;
- onDelete?: () => void;
-}) {
- const { updateMemory, deleteMemory } = useMemory();
-
- const [initialSpaces, setInitialSpaces] = useState
- {selected.map((i) => (
-
- setSelected((prev) => prev.filter((p) => p.id !== i.id))
- }
- {...i}
- />
- ))}
-
-
- )}
-
- setName(e.target.value)}
- />
- {
- if (!editor) return;
- setContent(editor.storage.markdown.getMarkdown());
- }}
- extensions={[Markdown]}
- className="novel-editor border-rgray-7 dark mt-5 max-h-[60vh] min-h-[40vh] w-[50vw] overflow-y-auto rounded-lg border bg-white [&>div>div]:p-5"
- />
-
- {
- deleteMemory(memory.id);
- onDelete?.();
- }}
- >
-
-
-
-
- Cancel
-
-
-
- );
-}
diff --git a/apps/web/src/components/Sidebar/ExpandedSpace.tsx b/apps/web/src/components/Sidebar/ExpandedSpace.tsx
deleted file mode 100644
index 55d3f3f8..00000000
--- a/apps/web/src/components/Sidebar/ExpandedSpace.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-import { fetchContentForSpace, getSpace } from "@/actions/db";
-import { useMemory } from "@/contexts/MemoryContext";
-import { StoredContent, StoredSpace } from "@/server/db/schema";
-import {
- Edit3,
- Loader,
- Plus,
- Search,
- Sparkles,
- StickyNote,
- Text,
- Undo2,
-} from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { Input, InputWithIcon } from "../ui/input";
-import { useDebounce } from "@/hooks/useDebounce";
-import { useAutoAnimate } from "@formkit/auto-animate/react";
-import { AddMemoryModal, MemoryItem } from "./MemoriesBar";
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuTrigger,
-} from "../ui/dropdown-menu";
-import { DialogTrigger } from "../ui/dialog";
-
-export function ExpandedSpace({
- spaceId,
- back,
-}: {
- spaceId: number;
- back: () => void;
-}) {
- const { updateMemory, updateSpace, search } = useMemory();
-
- const [parent, enableAnimations] = useAutoAnimate();
-
- const inputRef = useRef
-
- );
- }
-
- return (
-
-
- );
-}
diff --git a/apps/web/src/components/Sidebar/FilterCombobox.tsx b/apps/web/src/components/Sidebar/FilterCombobox.tsx
deleted file mode 100644
index 634a09e3..00000000
--- a/apps/web/src/components/Sidebar/FilterCombobox.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Check, ChevronsUpDown } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
- Command,
- CommandEmpty,
- CommandGroup,
- CommandInput,
- CommandItem,
- CommandList,
-} from "@/components/ui/command";
-import {
- Popover,
- PopoverContent,
- PopoverTrigger,
-} from "@/components/ui/popover";
-import { SpaceIcon } from "@/assets/Memories";
-import { AnimatePresence, LayoutGroup, motion } from "framer-motion";
-import { SearchResult, useMemory } from "@/contexts/MemoryContext";
-import { useDebounce } from "@/hooks/useDebounce";
-import { StoredContent } from "@/server/db/schema";
-
-export interface FilterSpacesProps
- extends React.ButtonHTMLAttributes
-
- setTitle(e.target.value)}
- />
-
-
-
-
-
- {
- if (!data) {
- setLoading(true);
- (async () => {
- const title = (await getSpace(spaceId))?.name ?? "";
- setTitle(title);
- setLastUpdatedTitle(title);
- setContentForSpace((await fetchContentForSpace(spaceId)) ?? []);
- setLoading(false);
- })();
- } else if (Object.hasOwn(data, "url")) {
- const _data = data as StoredContent;
- setContentForSpace((prev) => [...prev, _data]);
- }
- }}
- data={{ space: { title, id: spaceId }, notInSpaces: [spaceId] }}
- defaultSpaces={[spaceId]}
- type={addMemoryState}
- >
-
-
-
-
- e.preventDefault()}>
-
- {
- setAddMemoryState("existing-memory");
- }}
- >
-
-
-
- {
- setAddMemoryState("page");
- }}
- >
-
-
-
- {
- setAddMemoryState("note");
- }}
- >
-
-
-
-
-
-
-
- {query.trim().length > 0 ? (
- <>
- {searchResults.map((memory, i) => (
- {
- await updateMemory(memory.id, {
- removedFromSpaces: [spaceId],
- });
- setContentForSpace((prev) =>
- prev.filter((s) => s.id !== memory.id),
- );
- setSearchResults((prev) =>
- prev.filter((i) => i.id !== memory.id),
- );
- }}
- {...memory!}
- key={i}
- onDelete={() => {
- setContentForSpace((prev) =>
- prev.filter((s) => s.id !== memory.id),
- );
- setSearchResults((prev) =>
- prev.filter((i) => i.id !== memory.id),
- );
- }}
- />
- ))}
-
- ) : (
- contentForSpace.map((m) => (
-
- setContentForSpace((prev) => prev.filter((s) => s.id !== m.id))
- }
- removeFromSpace={async () => {
- await updateMemory(m.id, {
- removedFromSpaces: [spaceId],
- });
- setContentForSpace((prev) => prev.filter((s) => s.id !== m.id));
- }}
- />
- ))
- )}
-
-
- 
- {m.title && m.title?.length > 14
- ? m.title?.slice(0, 14) + "..."
- : m.title}
- i.id === m.id) !== undefined
- }
- className={cn(
- "on:opacity-100 ml-auto h-4 w-4 opacity-0",
- )}
- />
-
-
-
- );
-}
-
-const SpaceExitVariant: Variant = {
- opacity: 0,
- scale: 0,
- borderRadius: "50%",
- background: "var(--gray-1)",
- transition: {
- duration: 0.2,
- },
-};
-
-export function MemoryItem(
- props: StoredContent & {
- onDelete?: () => void;
- removeFromSpace?: () => Promise
-
- Your Memories
-
-
-
-
-
-
- e.preventDefault()}>
-
- {
- setAddMemoryState("page");
- }}
- >
-
-
-
- {
- setAddMemoryState("note");
- }}
- >
-
-
-
- {
- setAddMemoryState("space");
- }}
- >
-
-
-
-
-
-
-
- {query.trim().length > 0 ? (
- <>
- {searchResults.map(({ type, space, memory }, i) => (
- <>
- {type === "memory" && (
- {
- setSearchResults((prev) =>
- prev.filter((i) => i.memory?.id !== memory.id),
- );
- }}
- />
- )}
- {type === "space" && (
- {
- setSearchResults((prev) =>
- prev.filter((i) => i.space?.id !== space.id),
- );
- deleteSpace(space.id);
- }}
- />
- )}
-
- ))}
-
- ) : (
- <>
- {spaces.map((space) => (
- deleteSpace(space.id)}
- key={space.id}
- onClick={() => setExpandedSpace(space.id)}
- {...space}
- />
- ))}
- {freeMemories.map((m) => (
-
-
-
-
- Settings
-
- 
{
- (e.target as HTMLImageElement).src =
- "/icons/white_without_bg.png";
- }}
- />
-
-
-
- {session?.user?.name}
- {session?.user?.email} - -
-
-
- {loading ? (
- (null);
-
- const menuItemsTop: Array
-
- {loading ? (
-
-
-
-
- ) : (
- <>
-
-
- Memories
-
-
- );
-}
diff --git a/apps/web/src/components/Sidebar/index.tsx b/apps/web/src/components/Sidebar/index.tsx
deleted file mode 100644
index ae757afe..00000000
--- a/apps/web/src/components/Sidebar/index.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-"use client";
-import { MemoryIcon } from "../../assets/Memories";
-import React, { useEffect, useState } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { signOut, useSession } from "next-auth/react";
-import MessagePoster from "@/app/MessagePoster";
-import Link from "next/link";
-import { SettingsTab } from "./SettingsTab";
-import { Avatar, AvatarImage } from "@radix-ui/react-avatar";
-import { AvatarFallback } from "../ui/avatar";
-
-export type MenuItem = {
- icon: React.ReactNode | React.ReactNode[];
- label: string;
- content?: React.ReactNode;
- labelDisplay?: React.ReactNode;
-};
-
-export default function Sidebar({
- selectChange,
- jwt,
-}: {
- selectChange?: (selectedItem: string | null) => void;
- jwt: string;
-}) {
- const { data: session } = useSession();
-
- const [selectedItem, setSelectedItem] = useState
- Memories
-
- {memoryStat?.join("/")}
-
-
-
-
- 0 ? "5%" : "0%",
- }}
- className="bg-rgray-5 h-full rounded-full"
- />
-
-
-
- Tweets
-
-
-
- Tweets
-
- {tweetStat?.join("/")}
-
-
-
-
-
- )}
- 0 ? "5%" : "0%",
- }}
- className="h-full rounded-full bg-white"
- />
-
-