Merge pull request #119 from techulus/feat/react-sdk

feat: React SDK

Author: arjunkomath

.gitignore

@@ -44,3 +44,7 @@ yarn-error.log*
 
 # Sentry Auth Token
 .sentryclirc
+
+# packages
+dist/
+node_modules/

apps/docs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@changes-page/docs",
+  "name": "@changespage/docs",
   "version": "1.0.0",
   "private": true,
   "scripts": {

apps/page/components/footer.tsx

@@ -1,4 +1,4 @@
-import { IPageSettings } from "@changes-page/supabase/types/page";
+import { IPageSettings } from "@changespage/supabase/types/page";
 import Image from "next/image";
 import { useEffect } from "react";
 import { PageRoadmap } from "../lib/data";

apps/page/components/page-header.tsx

@@ -1,4 +1,4 @@
-import { IPage, IPageSettings } from "@changes-page/supabase/types/page";
+import { IPage, IPageSettings } from "@changespage/supabase/types/page";
 import { Menu } from "@headlessui/react";
 import { ChevronDownIcon } from "@heroicons/react/outline";
 import classNames from "classnames";

apps/page/components/post.tsx

@@ -1,5 +1,5 @@
-import { PostType } from "@changes-page/supabase/types/page";
-import { PostTypeBadge } from "@changes-page/ui";
+import { PostType } from "@changespage/supabase/types/page";
+import { PostTypeBadge } from "@changespage/ui";
 import classNames from "classnames";
 import dynamic from "next/dynamic";
 import Image from "next/image";
@@ -14,7 +14,7 @@ import { IPostPublicData } from "../lib/data";
 import Reactions from "./reactions";
 
 const PostDateTime = dynamic(
-  () => import("@changes-page/ui").then((mod) => mod.PostDateTime),
+  () => import("@changespage/ui").then((mod) => mod.PostDateTime),
   {
     ssr: false,
   }

apps/page/components/reactions.tsx

@@ -1,4 +1,4 @@
-import { IReactions } from "@changes-page/supabase/types/page";
+import { IReactions } from "@changespage/supabase/types/page";
 import { Transition } from "@headlessui/react";
 import classNames from "classnames";
 import { useCallback, useEffect, useState } from "react";

apps/page/components/seo-tags.tsx

@@ -2,7 +2,7 @@ import {
   IPage,
   IPageSettings,
   PageTypeToLabel,
-} from "@changes-page/supabase/types/page";
+} from "@changespage/supabase/types/page";
 import { NextSeo } from "next-seo";
 import Head from "next/head";
 import { useMemo } from "react";

apps/page/components/subscribe-prompt.tsx

@@ -1,5 +1,5 @@
-import { IPage, IPageSettings } from "@changes-page/supabase/types/page";
-import { Spinner } from "@changes-page/ui";
+import { IPage, IPageSettings } from "@changespage/supabase/types/page";
+import { Spinner } from "@changespage/ui";
 import {
   BellIcon,
   CheckCircleIcon,

apps/page/lib/data.ts

@@ -1,13 +1,13 @@
-import { supabaseAdmin } from "@changes-page/supabase/admin";
-import { Database } from "@changes-page/supabase/types";
+import { supabaseAdmin } from "@changespage/supabase/admin";
+import { Database } from "@changespage/supabase/types";
 import {
   IPage,
   IPageSettings,
   IPost,
   IRoadmapBoard,
   IRoadmapColumn,
   IRoadmapItem,
-} from "@changes-page/supabase/types/page";
+} from "@changespage/supabase/types/page";
 import { sanitizeCss } from "./css";
 
 const PAGINATION_LIMIT = 50;
@@ -441,9 +441,37 @@ async function getRoadmapBySlug(
   return { board, columns, items };
 }
 
+async function fetchPostsWithPagination(
+  pageId: string,
+  { limit, offset }: { limit?: number; offset?: number }
+): Promise<{ posts: IPost[]; postsCount: number }> {
+  const effectiveLimit = Math.min(limit ?? PAGINATION_LIMIT, PAGINATION_LIMIT);
+  const effectiveOffset = offset ?? 0;
+
+  const {
+    data: posts,
+    count: postsCount,
+    error: postsError,
+  } = await supabaseAdmin
+    .from("posts")
+    .select(postSelectParams, { count: "exact" })
+    .eq("page_id", String(pageId))
+    .eq("status", "published")
+    .range(effectiveOffset, effectiveOffset + effectiveLimit - 1)
+    .order("publication_date", { ascending: false });
+
+  if (postsError) {
+    console.error("Fetch post error", postsError);
+    throw new Error("Failed to fetch posts");
+  }
+
+  return { posts: (posts ?? []) as Array<IPost>, postsCount: postsCount ?? 0 };
+}
+
 export {
   fetchPostById,
   fetchPosts,
+  fetchPostsWithPagination,
   fetchRenderData,
   getRoadmapBySlug,
   PAGINATION_LIMIT,

apps/page/lib/notifications.ts

@@ -1,6 +1,6 @@
 import { v4 } from "uuid";
-import { IPageEmailSubscriber } from "@changes-page/supabase/types/page";
-import { supabaseAdmin } from "@changes-page/supabase/admin";
+import { IPageEmailSubscriber } from "@changespage/supabase/types/page";
+import { supabaseAdmin } from "@changespage/supabase/admin";
 
 async function subscribeViaEmail(
   pageId: string,