6 |
8 | );
9 | }
10 |
--------------------------------------------------------------------------------
/src/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/lib/utils";
2 |
3 | function Skeleton({ className, ...props }: React.HTMLAttributes
6 |
8 | );
9 | };
10 |
--------------------------------------------------------------------------------
/src/lib/global-window.ts:
--------------------------------------------------------------------------------
1 | import { maybe, never } from "@lens-protocol/shared-kernel";
2 |
3 | const safeGlobal = (maybe(() => globalThis) ??
4 | maybe(() => window) ??
5 | maybe(() => self) ??
6 | maybe(() => global) ??
7 | never("Cannot resolve a global object.")) as typeof globalThis & Window;
8 |
9 | export const window = maybe(() => safeGlobal.window) ?? null;
10 |
--------------------------------------------------------------------------------
/src/lib/utils/find-blog-by-id.ts:
--------------------------------------------------------------------------------
1 | import { isEvmAddress } from "@/lib/utils/is-evm-address";
2 |
3 | export async function findBlogByIdentifier(db: any, identifier: string) {
4 | if (isEvmAddress(identifier)) {
5 | return await db.from("blogs").select("*").eq("address", identifier).single();
6 | }
7 | return await db.from("blogs").select("*").eq("handle", identifier).single();
8 | }
9 |
--------------------------------------------------------------------------------
/src/components/ui/fixed-toolbar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { withCn } from "@udecode/cn";
4 |
5 | import { Toolbar } from "./toolbar";
6 |
7 | export const FixedToolbar = withCn(
8 | Toolbar,
9 | "supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 p-1 backdrop-blur",
10 | );
11 |
--------------------------------------------------------------------------------
/src/app/admin/lookup/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useRouter } from "next/navigation";
4 | import { useEffect } from "react";
5 |
6 | export default function LookupPage() {
7 | const router = useRouter();
8 |
9 | useEffect(() => {
10 | router.replace("/admin/feedback");
11 | }, [router]);
12 |
13 | return Redirecting...
;
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/user/user-handle.tsx:
--------------------------------------------------------------------------------
1 | import { Account } from "@lens-protocol/client";
2 |
3 | export const UserUsername = ({ account, className }: { account?: Account | null; className?: string }) => {
4 | const username = account?.username?.localName;
5 | if (!username) {
6 | return null;
7 | }
8 |
9 | return @{username}
;
10 | };
11 |
--------------------------------------------------------------------------------
/src/components/seo/structured-data.tsx:
--------------------------------------------------------------------------------
1 | import Script from "next/script";
2 |
3 | interface StructuredDataProps {
4 | data: any;
5 | }
6 |
7 | export function StructuredData({ data }: StructuredDataProps) {
8 | return (
9 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/ui/list-item.tsx:
--------------------------------------------------------------------------------
1 | import { cn, withRef } from "@udecode/cn";
2 | import { PlateElement } from "@udecode/plate/react";
3 |
4 | export const ListItemElement = withRef{children}
10 |
8 |
14 | {children}
9 |
15 |
17 | );
18 | };
19 |
--------------------------------------------------------------------------------
/src/lib/auth/is-guest-user.ts:
--------------------------------------------------------------------------------
1 | import { getCookie } from "cookies-next";
2 | import { getTokenClaims } from "./get-token-claims";
3 |
4 | /**
5 | * Checks if the current user is a guest based on their token
6 | * @returns True if user is a guest, false otherwise
7 | */
8 | export function isGuestUser(): boolean {
9 | const appToken = getCookie("appToken");
10 | if (!appToken) return false;
11 |
12 | const claims = getTokenClaims(appToken);
13 | return claims?.metadata?.isAnonymous === true;
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/ui/static/code-syntax-leaf-static.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@udecode/cn";
2 | import type { SlateLeafProps } from "@udecode/plate";
3 | import { SlateLeaf } from "@udecode/plate";
4 |
5 | export function CodeSyntaxLeafStatic({ children, className, ...props }: SlateLeafProps) {
6 | const syntaxClassName = `prism-token token ${props.leaf.tokenType}`;
7 |
8 | return (
9 | {children}
9 |
13 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/components/misc/error-page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Button } from "../ui/button";
4 |
5 | const ErrorPage = ({ error }: { error: string }) => {
6 | return (
7 | Something went wrong! ヾ(｡ꏿ﹏ꏿ)ﾉﾞ
14 | 15 |
8 |
14 | );
15 | };
16 |
17 | export default ErrorPage;
18 |
--------------------------------------------------------------------------------
/src/components/ui/ai-leaf.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn, withRef } from "@udecode/cn";
4 | import { PlateLeaf } from "@udecode/plate/react";
5 |
6 | export const AILeaf = withRef(╥﹏╥)
9 | Oops! Something went wrong
10 |{error}
11 | 12 | 13 |
15 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/hooks/use-is-touch-device.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect, useState } from "react";
4 |
5 | export function useIsTouchDevice() {
6 | const [isTouchDevice, setIsTouchDevice] = useState(false);
7 |
8 | useEffect(() => {
9 | function onResize() {
10 | setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0);
11 | }
12 |
13 | window.addEventListener("resize", onResize);
14 | onResize();
15 |
16 | return () => {
17 | window.removeEventListener("resize", onResize);
18 | };
19 | }, []);
20 |
21 | return isTouchDevice;
22 | }
23 |
--------------------------------------------------------------------------------
/src/lib/publish/get-feed-address.ts:
--------------------------------------------------------------------------------
1 | import { SessionClient } from "@lens-protocol/client";
2 |
3 | import { fetchGroup } from "@lens-protocol/client/actions";
4 | import { toast } from "sonner";
5 |
6 | export async function getFeedAddress(lens: SessionClient, selectedBlog: string | undefined) {
7 | if (!selectedBlog) {
8 | return undefined;
9 | }
10 |
11 | const blog = await fetchGroup(lens, {
12 | group: selectedBlog,
13 | });
14 |
15 | if (blog.isErr()) {
16 | toast.error("Failed to fetch blog data");
17 | return undefined;
18 | }
19 |
20 | return blog.value?.feed?.address ?? undefined;
21 | }
22 |
--------------------------------------------------------------------------------
/src/components/ui/link-toolbar-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { withRef } from "@udecode/cn";
4 | import { useLinkToolbarButton, useLinkToolbarButtonState } from "@udecode/plate-link/react";
5 | import { Link } from "lucide-react";
6 |
7 | import { ToolbarButton } from "./toolbar";
8 |
9 | export const LinkToolbarButton = withRefChat
16 |
13 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/src/components/user/user-lazy-username.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Link from "next/link";
4 | import { UserCard } from "./user-card";
5 |
6 | export const UserLazyUsername = ({ username }: { username: string }) => {
7 | const localName = username.toLowerCase();
8 | return (
9 | {name}
;
15 | };
16 |
17 | export const UserNameSkeleton = () => {
18 | return ;
19 | };
20 |
--------------------------------------------------------------------------------
/src/components/ui/static/column-element-static.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@udecode/cn";
2 | import type { SlateElementProps } from "@udecode/plate";
3 | import { SlateElement } from "@udecode/plate";
4 | import type { TColumnElement } from "@udecode/plate-layout";
5 |
6 | export function ColumnElementStatic({ children, className, ...props }: SlateElementProps) {
7 | const { width } = props.element as TColumnElement;
8 |
9 | return (
10 |
9 | {following}
10 | following
11 |
12 | {followers}
13 | followers
14 |
15 | );
16 | };
17 |
--------------------------------------------------------------------------------
/src/lib/utils/resolve-url.ts:
--------------------------------------------------------------------------------
1 | import { storageClient } from "@/lib/lens/storage-client";
2 |
3 | /**
4 | * Resolves an image URL from a given URI.
5 | *
6 | * This function checks if the URI starts with "ipfs://" or "lens://" and converts it to a full URL.
7 | *
8 | * @param uri - The URI to resolve.
9 | * @returns The resolved image URL.
10 | */
11 | export const resolveUrl = (uri: string | undefined): string => {
12 | if (!uri) return "";
13 | if (uri.startsWith("ipfs://")) {
14 | return `https://fountain.4everland.link/ipfs/${uri.slice(7)}`;
15 | }
16 | if (uri.startsWith("lens://")) {
17 | return storageClient.resolve(uri);
18 | }
19 | return uri;
20 | };
21 |
--------------------------------------------------------------------------------
/supabase/migrations/20250607205729_fix_chat_rls_policies.sql:
--------------------------------------------------------------------------------
1 | -- Drop existing policies
2 | drop policy if exists "Users can insert own messages" on "public"."chat_messages";
3 | drop policy if exists "Users can update own messages" on "public"."chat_messages";
4 | drop policy if exists "Admins can delete messages" on "public"."chat_messages";
5 |
6 | -- Create new simplified policies (auth will be handled at app level)
7 | create policy "Users can insert messages"
8 | on "public"."chat_messages"
9 | for insert
10 | with check (true);
11 |
12 | create policy "Users can update messages"
13 | on "public"."chat_messages"
14 | for update
15 | using (deleted_at is null)
16 | with check (true);
--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "aliases": {
4 | "components": "@/components",
5 | "hooks": "@/hooks",
6 | "lib": "@/lib",
7 | "ui": "@/components/ui",
8 | "utils": "@/lib/utils"
9 | },
10 | "rsc": true,
11 | "style": "default",
12 | "tailwind": {
13 | "baseColor": "slate",
14 | "config": "tailwind.config.ts",
15 | "css": "src/styles/globals.css",
16 | "cssVariables": true,
17 | "prefix": ""
18 | },
19 | "tsx": true,
20 | "registries": {
21 | "plate": {
22 | "aliases": {
23 | "ui": "@/components/ui"
24 | },
25 | "url": "https://platejs.org/r"
26 | }
27 | }
28 | }
--------------------------------------------------------------------------------
/src/components/admin/admin-auth-check.tsx:
--------------------------------------------------------------------------------
1 | import { redirect } from "next/navigation";
2 | import { getAppToken } from "@/lib/auth/get-app-token";
3 | import { getTokenClaims } from "@/lib/auth/get-token-claims";
4 | import { isAdmin } from "@/lib/auth/is-admin";
5 |
6 | interface AdminAuthCheckProps {
7 | children: React.ReactNode;
8 | }
9 |
10 | export default async function AdminAuthCheck({ children }: AdminAuthCheckProps) {
11 | const appToken = getAppToken();
12 | const claims = getTokenClaims(appToken);
13 | const userIsAdmin = await isAdmin(claims?.sub);
14 |
15 | if (!claims || !userIsAdmin) {
16 | redirect("/");
17 | }
18 |
19 | return <>{children};
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/navigation/search-layout.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useFeedContext } from "@/contexts/feed-context";
4 | import { cn } from "@/lib/utils";
5 |
6 | interface SearchLayoutProps {
7 | children: React.ReactNode;
8 | }
9 |
10 | export function SearchLayout({ children }: SearchLayoutProps) {
11 | const { viewMode } = useFeedContext();
12 |
13 | return (
14 |
15 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ui/indent-todo-toolbar-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { withRef } from "@udecode/cn";
4 | import { useIndentTodoToolBarButton, useIndentTodoToolBarButtonState } from "@udecode/plate-indent-list/react";
5 | import { Square } from "lucide-react";
6 |
7 | import { ToolbarButton } from "./toolbar";
8 |
9 | export const IndentTodoToolbarButton = withRef
16 |
18 | {children}
17 |
14 |
15 |
16 | {children}
17 | 15 |
8 |
16 | );
17 | };
18 |
19 | export default PostDeletedView;
20 |
--------------------------------------------------------------------------------
/src/components/theme/theme-toggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { MoonIcon, SunIcon } from "lucide-react";
4 | import { useTheme } from "next-themes";
5 | import { Button } from "../ui/button";
6 |
7 | export const ThemeToggle = () => {
8 | const { resolvedTheme: theme, setTheme } = useTheme();
9 |
10 | return (
11 |
19 | );
20 | };
21 |
--------------------------------------------------------------------------------
/src/components/navigation/gradient-blur.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useStorage } from "@/hooks/use-storage";
4 |
5 | export const GradientBlur = () => {
6 | const { isBlurEnabled } = useStorage();
7 |
8 | if (!isBlurEnabled) {
9 | return null;
10 | }
11 |
12 | return (
13 | <>
14 |
15 |
16 |
17 |
18 |
19 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/src/components/ui/media-toolbar-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { withRef } from "@udecode/cn";
4 | import { type ImagePlugin, type MediaEmbedPlugin, useMediaToolbarButton } from "@udecode/plate-media/react";
5 | import { ImageIcon } from "lucide-react";
6 |
7 | import { ToolbarButton } from "./toolbar";
8 |
9 | export const MediaToolbarButton = withRef<
10 | typeof ToolbarButton,
11 | {
12 | nodeType?: typeof ImagePlugin.key | typeof MediaEmbedPlugin.key;
13 | }
14 | >(({ nodeType, ...rest }, ref) => {
15 | const { props } = useMediaToolbarButton({ nodeType });
16 |
17 | return (
18 |
9 |
11 | This post was deleted
12 |13 | Sorry, the content you're looking for is no longer available. 14 |
15 |
9 |
11 | );
12 | };
13 |
14 | export const TodoLiStatic = ({ children, element }: SlateRenderElementProps) => {
15 | return {children};
16 | };
17 |
--------------------------------------------------------------------------------
/src/hooks/use-get-window-height.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | const getWindowHeight = () => {
4 | const { innerHeight: height } = window;
5 |
6 | return height;
7 | };
8 |
9 | /** Retrieves the height of the window. */
10 | export const useGetWindowHeight = () => {
11 | const [windowDimensions, setWindowDimensions] = useState
20 |
24 | );
25 | }
26 |
27 |
--------------------------------------------------------------------------------
/src/components/ui/emoji-toolbar-dropdown.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as Popover from "@radix-ui/react-popover";
4 | import { type ReactNode } from "react";
5 |
6 | type EmojiToolbarDropdownProps = {
7 | children: ReactNode;
8 | control: ReactNode;
9 | isOpen: boolean;
10 | setIsOpen: (open: boolean) => void;
11 | };
12 |
13 | export function EmojiToolbarDropdown({ children, control, isOpen, setIsOpen }: EmojiToolbarDropdownProps) {
14 | return (
15 |
21 |
23 |
13 |
19 | Admin Portal
14 |
15 |
18 | {children}
17 |
14 | {title && {title} }
15 | {description && {description} }
16 |
17 | {action}
18 |
13 |
16 |
17 |
10 |
11 |
12 | );
13 | }
14 |
15 | return (
16 |
17 | 
22 |
23 | );
24 | };
25 |
--------------------------------------------------------------------------------
/src/components/user/user-site.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Account } from "@lens-protocol/client";
4 | import { Link } from "lucide-react";
5 |
6 | export const UserSite = ({ profile, className = "" }: { profile?: Account; className?: string }) => {
7 | const website = profile?.metadata?.attributes?.find((attr: any) => attr.key === "website")?.value;
8 |
9 | if (!website) return null;
10 |
11 | return (
12 |
13 |
14 |
20 | {website.replace(/^https?:\/\//, "")}
21 |
22 |
23 | );
24 | };
25 |
--------------------------------------------------------------------------------
/src/components/ui/column-element.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn, withRef } from "@udecode/cn";
4 | import { PlateElement, useElement, useReadOnly, withHOC } from "@udecode/plate/react";
5 | import type { TColumnElement } from "@udecode/plate-layout";
6 | import { ResizableProvider } from "@udecode/plate-resizable";
7 |
8 | export const ColumnElement = withHOC(
9 | ResizableProvider,
10 | withRef
14 | {children}
15 |
16 |
10 |
14 |
18 |
6 | {/* Placeholder for author section */}
7 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/editor/transforms/insert-iframe.ts:
--------------------------------------------------------------------------------
1 | import { InsertNodesOptions, SlateEditor } from "@udecode/plate";
2 | import { BaseIframePlugin, TIframeElement } from "../plugins/iframe-plugin";
3 |
4 | export const insertIframe = (
5 | editor: SlateEditor,
6 | { url = "", html }: Partial
8 |
9 |
10 |
11 | {/* Placeholder for title */}
12 |
13 |
14 | {/* Posts */}
15 |
16 |
20 |
13 | {React.Children.map(children, (child) => {
14 | if (!child) return child;
15 |
16 | return React.cloneElement(child as React.ReactElement, childProps);
17 | })}
18 |
19 |
26 |
27 | );
28 | });
29 |
--------------------------------------------------------------------------------
/src/components/ui/list-toolbar-button.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { withRef } from "@udecode/cn";
4 | import { BulletedListPlugin, useListToolbarButton, useListToolbarButtonState } from "@udecode/plate-list/react";
5 | import { List, ListOrdered } from "lucide-react";
6 |
7 | import { ToolbarButton } from "./toolbar";
8 |
9 | export const ListToolbarButton = withRef<
10 | typeof ToolbarButton,
11 | {
12 | nodeType?: string;
13 | }
14 | >(({ nodeType = BulletedListPlugin.key, ...rest }, ref) => {
15 | const state = useListToolbarButtonState({ nodeType });
16 | const { props } = useListToolbarButton(state);
17 |
18 | return (
19 |
14 |
15 | {children}
16 |
17 |
18 |
16 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/src/components/ui/indent-todo-marker.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@udecode/cn";
4 | import type { SlateRenderElementProps } from "@udecode/plate";
5 | import { useIndentTodoListElement, useIndentTodoListElementState } from "@udecode/plate-indent-list/react";
6 |
7 | import { Checkbox } from "./checkbox";
8 |
9 | export const TodoMarker = ({ element }: OmitSettings
17 |
18 |
21 | {children}
20 |
15 |
17 | );
18 | };
19 |
20 | export const TodoLi = (props: SlateRenderElementProps) => {
21 | const { children, element } = props;
22 |
23 | return {children};
24 | };
25 |
--------------------------------------------------------------------------------
/src/hooks/use-publish-draft.ts:
--------------------------------------------------------------------------------
1 | import { useCallback } from "react";
2 | import type { Draft } from "@/components/draft/draft";
3 | import { useDocumentStorage } from "@/hooks/use-document-storage";
4 |
5 | export const usePublishDraft = (documentId?: string) => {
6 | const { getDocument, saveDocument } = useDocumentStorage();
7 |
8 | const getDraft = useCallback(() => {
9 | if (!documentId) return null;
10 | return getDocument(documentId);
11 | }, [documentId]);
12 |
13 | const updateDraft = useCallback(
14 | (updates: Partial
22 |
29 |
30 | {children}
31 | 29 |
12 |
35 | );
36 | };
37 |
--------------------------------------------------------------------------------
/src/components/user/user-navigation.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { SlideNav } from "../ui/slide-tabs";
4 |
5 | export const UserNavigation = ({ username, isUserProfile }: { username: string; isUserProfile: boolean }) => {
6 | return (
7 |
11 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/src/lib/publish/create-post-record.ts:
--------------------------------------------------------------------------------
1 | import { PostId } from "@lens-protocol/client";
2 |
3 | interface ManagePostRecordArgs {
4 | lensSlug: string;
5 | draftSlug: string | undefined;
6 | username: string;
7 | postId: PostId;
8 | }
9 |
10 | export async function createPostRecord({ lensSlug, draftSlug, username, postId }: ManagePostRecordArgs): Promise
12 | setSearch(event.target.value)}
16 | placeholder={i18n.search}
17 | aria-label="Search"
18 | autoComplete="off"
19 | type="text"
20 | />
21 | {children}
22 |
23 |
28 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/app/api/contests/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 | import { createServiceClient } from "@/lib/db/service";
3 |
4 | export async function GET(req: NextRequest) {
5 | try {
6 | const url = new URL(req.url);
7 | const includeEnded = url.searchParams.get("includeEnded") === "true";
8 |
9 | const supabase = await createServiceClient();
10 |
11 | let query = supabase.from("contests").select("id, slug, name, theme, status, prize_pool");
12 |
13 | if (!includeEnded) {
14 | query = query.in("status", ["active", "upcoming"]);
15 | }
16 |
17 | const { data, error } = await query.order("start_date", { ascending: true });
18 |
19 | if (error) {
20 | console.error("Error fetching contests:", error);
21 | return NextResponse.json({ error: "Failed to fetch contests" }, { status: 500 });
22 | }
23 |
24 | return NextResponse.json(data || []);
25 | } catch (error) {
26 | console.error("Unexpected error:", error);
27 | return NextResponse.json({ error: "An unexpected error occurred" }, { status: 500 });
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/admin/lookup/layout.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { BookOpen, FileText, User2 } from "lucide-react";
4 | import { usePathname } from "next/navigation";
5 | import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
6 |
7 | const tabs = [
8 | { id: "users", label: "Users", icon: User2 },
9 | { id: "drafts", label: "Drafts", icon: FileText },
10 | { id: "blogs", label: "Blogs", icon: BookOpen },
11 | ];
12 |
13 | export default function LookupLayout({ children }: { children: React.ReactNode }) {
14 | const pathname = usePathname();
15 | const currentTab = pathname.split("/").pop() || "users";
16 | const title = tabs.find((tab) => tab.id === currentTab)?.label || "Lookup";
17 |
18 | return (
19 | {truncateUri(address)}
29 |
32 |
20 |
21 |
22 | {title} Lookup
23 | Search and manage {title.toLowerCase()}
24 |
25 | {children}
26 |
27 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/draft/draft.ts:
--------------------------------------------------------------------------------
1 | import { z } from "zod";
2 | import type { Database } from "@/lib/db/database";
3 | import { detailsFormSchema } from "../publish/publish-details-tab";
4 | import { distributionFormSchema } from "../publish/publish-distribution-tab";
5 | import { collectingFormSchema } from "../publish/publish-monetization-tab";
6 |
7 | export type DraftDetailsFormValues = z.infer
31 |
33 | ) : (
34 | truncatedText + ellipsis
35 | )}
36 |
37 | );
38 | };
39 |
--------------------------------------------------------------------------------
/src/app/settings/b/[blog]/page.tsx:
--------------------------------------------------------------------------------
1 | import { notFound } from "next/navigation";
2 | import { BlogSettings } from "@/components/settings/settings-blog";
3 | import { getAppToken } from "@/lib/auth/get-app-token";
4 | import { getTokenClaims } from "@/lib/auth/get-token-claims";
5 | import { createClient } from "@/lib/db/server";
6 | import { BlogData } from "@/lib/settings/get-blog-data";
7 |
8 | interface PageProps {
9 | params: {
10 | blog: string;
11 | };
12 | }
13 |
14 | export default async function BlogPage({ params }: PageProps) {
15 | const appToken = getAppToken();
16 | const claims = getTokenClaims(appToken);
17 |
18 | if (!claims) {
19 | return notFound();
20 | }
21 |
22 | const db = await createClient();
23 | const { data: blog } = await db.from("blogs").select().eq("address", params.blog).single();
24 |
25 | if (!blog) {
26 | return notFound();
27 | }
28 |
29 | const isUserBlog = blog.address === claims.metadata.address;
30 |
31 | return (
32 |
15 |
26 |
22 | {(props.element.icon as any) || "💡"}
23 |
24 | {children}
25 |
33 | {readTime} minute read
34 |
35 | );
36 | };
37 |
--------------------------------------------------------------------------------
/src/components/ui/todo-list-element.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn, withRef } from "@udecode/cn";
4 | import { PlateElement } from "@udecode/plate/react";
5 | import { useTodoListElement, useTodoListElementState } from "@udecode/plate-list/react";
6 | import { Checkbox } from "./checkbox";
7 |
8 | export const TodoListElement = withRef
16 |
18 |
23 | {children}
24 |
25 |
20 |
21 |
24 | {caption?.[0] && {NodeApi.string(caption[0])} }
25 |
26 |
27 | {children}
28 |
29 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/src/components/ui/block-selection.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { cn } from "@udecode/cn";
4 | import { useBlockSelected } from "@udecode/plate-selection/react";
5 | import { cva, type VariantProps } from "class-variance-authority";
6 |
7 | export const blockSelectionVariants = cva(
8 | cn(
9 | 'before:pointer-events-none before:absolute before:inset-0 before:z-[1] before:size-full before:rounded-[4px] before:content-[""]',
10 | "before:bg-primary/15",
11 | "before:transition-opacity before:duration-100",
12 | ),
13 | {
14 | defaultVariants: {
15 | active: false,
16 | },
17 | variants: {
18 | active: {
19 | false: "before:opacity-0",
20 | true: "before:opacity-100",
21 | },
22 | },
23 | },
24 | );
25 |
26 | export function BlockSelection({
27 | className,
28 | ...props
29 | }: React.HTMLAttributes
10 |
28 |
11 |
19 |
20 |
12 |
18 |
13 |
16 |
21 |
27 |
14 | Newsletter Settings
15 | Manage newsletter settings for your blogs
16 |
17 |
20 | {blogs.length === 0 ? (
21 |
26 | No blogs found. Create a blog first to set up newsletters.
22 | ) : ( 23 | blogs.map((blog: BlogDataWithSubscriberCount) =>
12 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import { cva, type VariantProps } from "class-variance-authority";
2 | import type * as React from "react";
3 |
4 | import { cn } from "@/lib/utils";
5 |
6 | const badgeVariants = cva(
7 | "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
8 | {
9 | variants: {
10 | variant: {
11 | default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
12 | secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
13 | destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
14 | outline: "text-foreground",
15 | outlineSecondary: "text-primary/65 border-primary/40",
16 | },
17 | },
18 | defaultVariants: {
19 | variant: "default",
20 | },
21 | },
22 | );
23 |
24 | export interface BadgeProps extends React.HTMLAttributes
13 |
15 | {searchValue && (
16 |
29 | )}
30 |
21 |
28 |
22 | 
23 | {caption?.[0] && (
24 | {NodeApi.string(caption[0])}
25 | )}
26 |
27 |
17 |
27 | {children}
28 |
29 |
30 | );
31 | }
32 |
33 | return (
34 |
22 |
26 |
27 | {/* {name}
25 |
11 |
34 | );
35 | }
36 |
--------------------------------------------------------------------------------
/src/components/ui/static/equation-element-static.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@udecode/cn";
2 | import { SlateElement, type SlateElementProps } from "@udecode/plate";
3 | import type { TEquationElement } from "@udecode/plate-math";
4 | import { getEquationHtml } from "@udecode/plate-math";
5 |
6 | export function EquationElementStatic({ children, className, ...props }: SlateElementProps) {
7 | const element = props.element as TEquationElement;
8 |
9 | const html = getEquationHtml({
10 | element,
11 | options: {
12 | displayMode: true,
13 | errorColor: "#cc0000",
14 | fleqn: false,
15 | leqno: false,
16 | macros: { "\\f": "#1f(#2)" },
17 | output: "htmlAndMathml",
18 | strict: "warn",
19 | throwOnError: false,
20 | trust: false,
21 | },
22 | });
23 |
24 | return (
25 |
12 |
22 |
32 |
33 |
32 |
34 | dangerouslySetInnerHTML={{
35 | __html: html,
36 | }}
37 | />
38 |
39 | {children}
40 |