Support search in the comments

proto/api/v1/memo_service.proto

@@ -301,6 +301,9 @@ message ListMemosRequest {
 
   // Optional. If true, show deleted memos in the response.
   bool show_deleted = 6 [(google.api.field_behavior) = OPTIONAL];
+
+  // Optional. If true, include comment memos in the response.
+  bool show_comments = 7 [(google.api.field_behavior) = OPTIONAL];
 }
 
 message ListMemosResponse {

proto/gen/openapi.yaml

@@ -620,6 +620,11 @@ paths:
                   description: Optional. If true, show deleted memos in the response.
                   schema:
                     type: boolean
+                - name: showComments
+                  in: query
+                  description: Optional. If true, include comment memos in the response.
+                  schema:
+                    type: boolean
             responses:
                 "200":
                     description: OK

scripts/build.sh

@@ -1,4 +1,4 @@
-#!/bin/sh
+#!/bin/bash
 
 # Exit when any command fails
 set -e

server/router/api/v1/memo_service.go

@@ -107,8 +107,7 @@ func (s *APIV1Service) CreateMemo(ctx context.Context, request *v1pb.CreateMemoR
 
 func (s *APIV1Service) ListMemos(ctx context.Context, request *v1pb.ListMemosRequest) (*v1pb.ListMemosResponse, error) {
 	memoFind := &store.FindMemo{
-		// Exclude comments by default.
-		ExcludeComments: true,
+		ExcludeComments: !request.ShowComments,
 	}
 	if request.State == v1pb.State_ARCHIVED {
 		state := store.Archived
@@ -695,7 +694,7 @@ func (s *APIV1Service) RenameMemoTag(ctx context.Context, request *v1pb.RenameMe
 	memoFind := &store.FindMemo{
 		CreatorID:       &user.ID,
 		Filters:         []string{fmt.Sprintf("tag in [\"%s\"]", request.OldTag)},
-		ExcludeComments: true,
+		ExcludeComments: false,
 	}
 	if (request.Parent) != "memos/-" {
 		memoUID, err := ExtractMemoUIDFromName(request.Parent)
@@ -746,7 +745,7 @@ func (s *APIV1Service) DeleteMemoTag(ctx context.Context, request *v1pb.DeleteMe
 		CreatorID:       &user.ID,
 		Filters:         []string{fmt.Sprintf("tag in [\"%s\"]", request.Tag)},
 		ExcludeContent:  true,
-		ExcludeComments: true,
+		ExcludeComments: false,
 	}
 	if request.Parent != "memos/-" {
 		memoUID, err := ExtractMemoUIDFromName(request.Parent)

server/router/api/v1/user_service_stats.go

@@ -22,8 +22,7 @@ func (s *APIV1Service) ListAllUserStats(ctx context.Context, _ *v1pb.ListAllUser
 
 	normalStatus := store.Normal
 	memoFind := &store.FindMemo{
-		// Exclude comments by default.
-		ExcludeComments: true,
+		ExcludeComments: false,
 		ExcludeContent:  true,
 		RowStatus:       &normalStatus,
 	}
@@ -83,9 +82,8 @@ func (s *APIV1Service) GetUserStats(ctx context.Context, request *v1pb.GetUserSt
 
 	normalStatus := store.Normal
 	memoFind := &store.FindMemo{
-		CreatorID: &userID,
-		// Exclude comments by default.
-		ExcludeComments: true,
+		CreatorID:       &userID,
+		ExcludeComments: false,
 		ExcludeContent:  true,
 		RowStatus:       &normalStatus,
 	}

web/src/components/MemoDisplaySettingMenu.tsx

@@ -1,5 +1,6 @@
 import { Settings2Icon } from "lucide-react";
 import { observer } from "mobx-react-lite";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { cn } from "@/lib/utils";
 import { viewStore } from "@/store";
@@ -59,6 +60,18 @@ const MemoDisplaySettingMenu = observer(({ className }: Props) => {
               </SelectContent>
             </Select>
           </div>
+          <div className="w-full flex flex-row justify-between items-center">
+            <span className="text-sm shrink-0 mr-3 text-foreground">{t("common.show-comments")}</span>
+            <Checkbox
+              id="show-comments"
+              checked={viewStore.state.showComments}
+              onCheckedChange={(value) =>
+                viewStore.state.setPartial({
+                  showComments: Boolean(value),
+                })
+              }
+            />
+          </div>
         </div>
       </PopoverContent>
     </Popover>

web/src/components/PagedMemoList/PagedMemoList.tsx

@@ -20,6 +20,7 @@ interface Props {
   listSort?: (list: Memo[]) => Memo[];
   state?: State;
   orderBy?: string;
+  showComments?: boolean;
   filter?: string;
   pageSize?: number;
 }
@@ -49,6 +50,7 @@ const PagedMemoList = observer((props: Props) => {
       const response = await memoStore.fetchMemos({
         state: props.state || State.NORMAL,
         orderBy: props.orderBy || "display_time desc",
+        showComments: props.showComments,
         filter: props.filter,
         pageSize: props.pageSize || DEFAULT_LIST_MEMOS_PAGE_SIZE,
         pageToken,
@@ -99,7 +101,7 @@ const PagedMemoList = observer((props: Props) => {
   // Initial load and reload when props change
   useEffect(() => {
     refreshList();
-  }, [props.state, props.orderBy, props.filter, props.pageSize]);
+  }, [props.state, props.orderBy, props.filter, props.pageSize, props.showComments]);
 
   // Auto-fetch more content when list changes and page isn't full
   useEffect(() => {

web/src/locales/en.json

@@ -52,6 +52,7 @@
     "language": "Language",
     "last-updated-at": "Last updated at",
     "layout": "Layout",
+    "show-comments": "Show comments",
     "learn-more": "Learn more",
     "link": "Link",
     "mark": "Mark",

web/src/pages/Archived.tsx

@@ -39,6 +39,8 @@ const Archived = observer(() => {
       }
       state={State.ARCHIVED}
       orderBy={viewStore.state.orderByTimeAsc ? "display_time asc" : "display_time desc"}
+      // It does not support show comments now
+      // showComments={viewStore.state.showComments}
       filter={memoFitler}
     />
   );

web/src/pages/Explore.tsx

@@ -27,6 +27,7 @@ const Explore = observer(() => {
               )
           }
           orderBy={viewStore.state.orderByTimeAsc ? "display_time asc" : "display_time desc"}
+          showComments={viewStore.state.showComments}
         />
       </div>
     </section>

web/src/pages/Home.tsx

@@ -67,6 +67,7 @@ const Home = observer(() => {
             )
         }
         orderBy={viewStore.state.orderByTimeAsc ? "display_time asc" : "display_time desc"}
+        showComments={viewStore.state.showComments}
         filter={memoFilter}
       />
     </div>

web/src/pages/UserProfile.tsx

@@ -102,6 +102,7 @@ const UserProfile = observer(() => {
                     )
                 }
                 orderBy={viewStore.state.orderByTimeAsc ? "display_time asc" : "display_time desc"}
+                showComments={viewStore.state.showComments}
                 filter={memoFilter}
               />
             </>

web/src/store/view.ts

@@ -5,6 +5,7 @@ const LOCAL_STORAGE_KEY = "memos-view-setting";
 class LocalState {
   orderByTimeAsc: boolean = false;
   layout: "LIST" | "MASONRY" = "LIST";
+  showComments: boolean = false;
 
   constructor() {
     makeAutoObservable(this);
@@ -41,6 +42,9 @@ const viewStore = (() => {
         viewStore.state.setPartial({ layout: cache.layout });
       }
     }
+    if (Object.hasOwn(cache, "showComments")) {
+      viewStore.state.setPartial({ showComments: Boolean(cache.showComments) });
+    }
   } catch {
     // Do nothing
   }