feat: Publish post and basic user public page

contract/p/gnovox/gnovox.gno

@@ -37,9 +37,27 @@ func UpdateUser(u User, username string) User {
 }
 
 func (u *User) Json() *json.Node {
+	posts := json.ArrayNode("posts", []*json.Node{})
+	u.Posts.Iterate("", "", func(address string, value interface{}) bool {
+		p := value.(*Post)
+		jsonNode := p.Json()
+		posts.AppendArray(jsonNode)
+		return false
+	})
+
 	node := json.ObjectNode("", map[string]*json.Node{
 		"address": json.StringNode("address", u.Address.String()),
 		"username": json.StringNode("username", u.Username),
+		"posts": posts,
+	})
+	return node
+}
+
+func (p *Post) Json() *json.Node {
+	node := json.ObjectNode("", map[string]*json.Node{
+		"slug": json.StringNode("slug", p.Slug),
+		"title": json.StringNode("title", p.Title),
+		"body": json.StringNode("body", p.Body),
 	})
 	return node
 }

contract/r/gnovox/gnovox.gno

@@ -12,51 +12,62 @@ var (
 	users      avl.Tree // address -> *User
 )
 
-func AddUser(username string) error {
+func AddUser(username string) {
 	caller := std.GetOrigCaller()
 
 	if _, found := users.Get(caller.String()); found {
 		// TODO: also check username
-		return ErrUserExist
+		panic(ErrUserExist)
 	}
 
 	u := gnovox.NewUser(caller, username)
 	users.Set(caller.String(), &u)
-	return nil
 }
 
-func UpdateUser(username string) error {
+func UpdateUser(username string) {
 	caller := std.GetOrigCaller()
 
 	// TODO: check that username isn't already taken
 	value, found := users.Get(caller.String());
 	if found == false {
-		return ErrUserNotFound
+		panic(ErrUserNotFound)
 	}
 	currentUser := value.(*gnovox.User)
 	u := gnovox.UpdateUser(*currentUser, username)
 	users.Set(caller.String(), &u)
-	return nil
 }
 
 func GetUserByAddress(address std.Address) string {
-	if value, found := users.Get(address.String()); found {
-		u := value.(*gnovox.User)
-		jsonResponse := u.Json()
+	value, found := users.Get(address.String());
+
+	if found == false {
+		panic(ErrUserNotFound)
+	}
+	u := value.(*gnovox.User)
+	jsonResponse := u.Json()
+
+	b, err := json.Marshal(jsonResponse)
+	checkErr(err)
 
-		b, err := json.Marshal(jsonResponse)
-		checkErr(err)
+	return string(b)
+}
+
+func NewPost(slug, title, body string) {
+	caller := std.GetOrigCaller()
 
-		return string(b)
+	value, found := users.Get(caller.String());
+	if found == false {
+		panic(ErrUserNotFound)
 	}
-	panic(ErrUserNotFound)
-	return ""
+	u := value.(*gnovox.User)
+	err := u.NewPost(caller, slug, title, body, "") // TODO: Ask pubDate to users
+	checkErr(err)
 }
 
 func GetUsers() string {
 	jsonResponse := json.ArrayNode("", []*json.Node{})
 
-	users.ReverseIterate("", "", func(address string, value interface{}) bool {
+	users.Iterate("", "", func(address string, value interface{}) bool {
 		u := value.(*gnovox.User)
 		jsonNode := u.Json()
 		jsonResponse.AppendArray(jsonNode)

front/package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "@gnolang/gno-js-client": "^1.2.3",
     "@hookform/resolvers": "^3.6.0",
+    "@mdxeditor/editor": "^3.6.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-navigation-menu": "^1.2.0",
@@ -34,6 +35,7 @@
     "zustand": "^4.5.2"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.13",
     "@tanstack/router-devtools": "^1.40.0",
     "@tanstack/router-plugin": "^1.39.13",
     "@types/node": "^20.14.8",

front/src/components/WalletButton.tsx

@@ -16,20 +16,15 @@ import {
 import { useProviderStore } from "@/stores/provider.ts";
 import { parseGnoEvaluateJsonResponse } from "@/utils";
 import { Link, useNavigate } from "@tanstack/react-router";
-import { z } from "zod";
 import { LogOut, Settings } from "lucide-react";
-
-const userSchema = z.object({
-	address: z.string(),
-	username: z.string(),
-});
+import { userSchema } from "@/types/user.ts";
 
 const WalletButton: FC = () => {
 	const { provider } = useProviderStore();
 	const navigate = useNavigate();
 
 	const { toast } = useToast();
-	const { setAddress, setUsername, setChainID } = useAccountStore();
+	const { setAddress, setUser, setChainID } = useAccountStore();
 	const [isLoading, setIsLoading] = useState<boolean>(false);
 
 	const [accountInfo, setAccountInfo] = useState<IAccountInfo | null>(null);
@@ -59,7 +54,7 @@ const WalletButton: FC = () => {
 				);
 				const jsonResponse = parseGnoEvaluateJsonResponse(response);
 				const parsedResponse = userSchema.parse(jsonResponse);
-				setUsername(parsedResponse.username);
+				setUser(parsedResponse);
 			} catch (error) {
 				await navigate({ to: "/signup" });
 			}

front/src/routeTree.gen.ts

@@ -8,84 +8,100 @@
 
 // This file is auto-generated by TanStack Router
 
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
 // Import Routes
 
-import { Route as rootRoute } from "./routes/__root";
+import { Route as rootRoute } from './routes/__root'
 
 // Create Virtual Routes
 
-const SignupLazyImport = createFileRoute("/signup")();
-const SettingsLazyImport = createFileRoute("/settings")();
-const IndexLazyImport = createFileRoute("/")();
-const UserUsernameLazyImport = createFileRoute("/user/$username")();
+const WriteLazyImport = createFileRoute('/write')()
+const SignupLazyImport = createFileRoute('/signup')()
+const SettingsLazyImport = createFileRoute('/settings')()
+const IndexLazyImport = createFileRoute('/')()
+const UserUsernameLazyImport = createFileRoute('/user/$username')()
 
 // Create/Update Routes
 
+const WriteLazyRoute = WriteLazyImport.update({
+  path: '/write',
+  getParentRoute: () => rootRoute,
+} as any).lazy(() => import('./routes/write.lazy').then((d) => d.Route))
+
 const SignupLazyRoute = SignupLazyImport.update({
-	path: "/signup",
-	getParentRoute: () => rootRoute,
-} as any).lazy(() => import("./routes/signup.lazy").then((d) => d.Route));
+  path: '/signup',
+  getParentRoute: () => rootRoute,
+} as any).lazy(() => import('./routes/signup.lazy').then((d) => d.Route))
 
 const SettingsLazyRoute = SettingsLazyImport.update({
-	path: "/settings",
-	getParentRoute: () => rootRoute,
-} as any).lazy(() => import("./routes/settings.lazy").then((d) => d.Route));
+  path: '/settings',
+  getParentRoute: () => rootRoute,
+} as any).lazy(() => import('./routes/settings.lazy').then((d) => d.Route))
 
 const IndexLazyRoute = IndexLazyImport.update({
-	path: "/",
-	getParentRoute: () => rootRoute,
-} as any).lazy(() => import("./routes/index.lazy").then((d) => d.Route));
+  path: '/',
+  getParentRoute: () => rootRoute,
+} as any).lazy(() => import('./routes/index.lazy').then((d) => d.Route))
 
 const UserUsernameLazyRoute = UserUsernameLazyImport.update({
-	path: "/user/$username",
-	getParentRoute: () => rootRoute,
-} as any).lazy(() => import("./routes/user/$username.lazy").then((d) => d.Route));
+  path: '/user/$username',
+  getParentRoute: () => rootRoute,
+} as any).lazy(() =>
+  import('./routes/user/$username.lazy').then((d) => d.Route),
+)
 
 // Populate the FileRoutesByPath interface
 
-declare module "@tanstack/react-router" {
-	interface FileRoutesByPath {
-		"/": {
-			id: "/";
-			path: "/";
-			fullPath: "/";
-			preLoaderRoute: typeof IndexLazyImport;
-			parentRoute: typeof rootRoute;
-		};
-		"/settings": {
-			id: "/settings";
-			path: "/settings";
-			fullPath: "/settings";
-			preLoaderRoute: typeof SettingsLazyImport;
-			parentRoute: typeof rootRoute;
-		};
-		"/signup": {
-			id: "/signup";
-			path: "/signup";
-			fullPath: "/signup";
-			preLoaderRoute: typeof SignupLazyImport;
-			parentRoute: typeof rootRoute;
-		};
-		"/user/$username": {
-			id: "/user/$username";
-			path: "/user/$username";
-			fullPath: "/user/$username";
-			preLoaderRoute: typeof UserUsernameLazyImport;
-			parentRoute: typeof rootRoute;
-		};
-	}
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexLazyImport
+      parentRoute: typeof rootRoute
+    }
+    '/settings': {
+      id: '/settings'
+      path: '/settings'
+      fullPath: '/settings'
+      preLoaderRoute: typeof SettingsLazyImport
+      parentRoute: typeof rootRoute
+    }
+    '/signup': {
+      id: '/signup'
+      path: '/signup'
+      fullPath: '/signup'
+      preLoaderRoute: typeof SignupLazyImport
+      parentRoute: typeof rootRoute
+    }
+    '/write': {
+      id: '/write'
+      path: '/write'
+      fullPath: '/write'
+      preLoaderRoute: typeof WriteLazyImport
+      parentRoute: typeof rootRoute
+    }
+    '/user/$username': {
+      id: '/user/$username'
+      path: '/user/$username'
+      fullPath: '/user/$username'
+      preLoaderRoute: typeof UserUsernameLazyImport
+      parentRoute: typeof rootRoute
+    }
+  }
 }
 
 // Create and export the route tree
 
 export const routeTree = rootRoute.addChildren({
-	IndexLazyRoute,
-	SettingsLazyRoute,
-	SignupLazyRoute,
-	UserUsernameLazyRoute,
-});
+  IndexLazyRoute,
+  SettingsLazyRoute,
+  SignupLazyRoute,
+  WriteLazyRoute,
+  UserUsernameLazyRoute,
+})
 
 /* prettier-ignore-end */
 
@@ -98,6 +114,7 @@ export const routeTree = rootRoute.addChildren({
         "/",
         "/settings",
         "/signup",
+        "/write",
         "/user/$username"
       ]
     },
@@ -110,6 +127,9 @@ export const routeTree = rootRoute.addChildren({
     "/signup": {
       "filePath": "signup.lazy.tsx"
     },
+    "/write": {
+      "filePath": "write.lazy.tsx"
+    },
     "/user/$username": {
       "filePath": "user/$username.lazy.tsx"
     }

front/src/routes/__root.tsx

@@ -17,10 +17,12 @@ const RootLayout = () => {
 					</Link>
 				</div>
 				<div className="flex items-center gap-4">
-					<Button variant="ghost" className="gap-2" disabled={address === null}>
-						<SquarePen />
-						Write
-					</Button>
+					<Link to="/write">
+						<Button variant="ghost" className="gap-2" disabled={address === null}>
+							<SquarePen />
+							Write
+						</Button>
+					</Link>
 
 					<WalletButton />
 				</div>

front/src/routes/settings.lazy.tsx

@@ -18,16 +18,18 @@ const profileFormSchema = z.object({
 type ProfileFormSchema = z.infer<typeof profileFormSchema>;
 
 const Settings = () => {
-	const { address, username, setUsername } = useAccountStore();
+	const { address, user, setUser } = useAccountStore();
 
 	const form = useForm<ProfileFormSchema>({
 		resolver: zodResolver(profileFormSchema),
 		defaultValues: {
-			username: username ?? undefined,
+			username: user?.username ?? undefined,
 		},
 	});
 
 	const onSubmit = async (values: ProfileFormSchema) => {
+		if (user === null) return;
+
 		await AdenaService.sendTransaction(
 			[
 				{
@@ -43,7 +45,7 @@ const Settings = () => {
 			],
 			5000000,
 		);
-		setUsername(values.username);
+		setUser({ ...user, username: values.username });
 	};
 
 	return (
@@ -57,7 +59,7 @@ const Settings = () => {
 						<span className="font-semibold text-primary">General</span>
 					</nav>
 					<div className="grid gap-6">
-						<Card x-chunk="dashboard-04-chunk-1">
+						<Card>
 							<CardHeader>
 								<CardTitle>Profile</CardTitle>
 								<CardDescription>Update your information</CardDescription>