Feat/markdown-editor

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.workspaceSymbols.excludeLibrarySymbols": true,
   "typescript.tsdk": "node_modules/typescript/lib",
   "editor.defaultFormatter": "biomejs.biome",
   "[typescript]": {

package.json

@@ -32,6 +32,7 @@
     "@t3-oss/env-nextjs": "^0.6.1",
     "@tanstack/react-query": "^5.0.0",
     "bright": "^0.8.4",
+    "client-only": "^0.0.1",
     "cmdk": "^0.2.0",
     "dayjs": "^1.11.9",
     "drizzle-orm": "^0.28.6",
@@ -40,8 +41,9 @@
     "eslint-config-next": "14.0.0",
     "geist": "^1.0.0",
     "isbot": "^3.6.13",
+    "js-md5": "^0.8.3",
     "nanoid": "^4.0.2",
-    "next": "14.0.4",
+    "next": "14.0.5-canary.16",
     "nextjs-toploader": "^1.6.4",
     "nprogress": "^0.2.0",
     "pg": "^8.11.3",
@@ -53,6 +55,7 @@
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^5.1.0",
     "remark": "^15.0.1",
+    "remark-breaks": "^4.0.0",
     "remark-gemoji": "^8.0.0",
     "remark-gfm": "^4.0.0",
     "remark-github": "^12.0.0",

src/actions/auth.action.ts

@@ -105,18 +105,20 @@ export const getSession = cache(async function getSession(): Promise<Session> {
   return session;
 });
 
-export const redirectIfNotAuthed = cache(async function getUserOrRedirect(
+export const getUserOrRedirect = cache(async function getUserOrRedirect(
   redirectToPath?: string
 ) {
-  const session = await getSession();
+  const user = await getAuthedUser();
 
-  if (!session.user) {
+  if (!user) {
     const searchParams = new URLSearchParams();
     if (redirectToPath) {
       searchParams.set("nextUrl", redirectToPath);
     }
     redirect("/login?" + searchParams.toString());
   }
+
+  return user;
 });
 
 export const getAuthedUser = cache(async function getUser() {

src/actions/github.action.ts

@@ -133,9 +133,7 @@ export const getGithubRepoData = cache(async () => {
 
       while (hasNextPage) {
         const {
-          repository: {
-            stargazers: { pageInfo, edges }
-          }
+          repository: { stargazers: { pageInfo, edges } }
         } = await fetchFromGithubAPI<StargazersResponse>(stargazersQuery, {
           cursor: nextCursor,
           repoName: GITHUB_REPOSITORY_NAME,

src/actions/markdown.action.tsx

@@ -0,0 +1,13 @@
+"use server";
+
+import { Markdown } from "~/components/markdown/markdown";
+import { renderRSCtoString } from "~/components/custom-rsc-renderer/render-rsc-to-string";
+
+export async function getMarkdownPreview(
+  content: string,
+  repositoryPath: `${string}/${string}`
+) {
+  return await renderRSCtoString(
+    <Markdown content={content} repository={repositoryPath} />
+  );
+}