init. base changelog

Author: easystartup-io

backend/src/main/java/io/easystartup/suggestfeature/beans/Changelog.java

@@ -21,7 +21,7 @@
 @Document
 @JsonIgnoreProperties(ignoreUnknown = true)
 @CompoundIndexes({
-        @CompoundIndex(name = "organizationId_1_createdAt_1", def = "{'organizationId': 1, 'createdAt': 1}"),
+        @CompoundIndex(name = "organizationId_1_changelogDate_1", def = "{'organizationId': 1, 'changelogDate': 1}"),
         // Needed for search functionality Todo: Remove this index and implement search functionality using es/manticore
         @CompoundIndex(name = "organizationId_1_title_1", def = "{'organizationId': 1, 'title': 'text'}"),
         // For regex based search on title
@@ -35,16 +35,20 @@ public class Changelog {
     public static final String FIELD_CREATED_AT = "createdAt";
     public static final String FIELD_CHANGELOG_DATE = "changelogDate";
     public static final String FIELD_SLUG = "slug";
+    public static final String FIELD_DRAFT = "draft";
 
     @Id
     private String id;
     @NotBlank
     @Size(max = 500)
     private String title;
+
     @NotBlank
     @Size(max = 100_000)
     private String content;
 
+    private String html;
+
     private String coverImage;
     @Indexed
     private String organizationId;
@@ -79,19 +83,19 @@ public void setId(String id) {
         this.id = id;
     }
 
-    public @NotBlank @Size(max = 500) String getTitle() {
+    public String getTitle() {
         return title;
     }
 
-    public void setTitle(@NotBlank @Size(max = 500) String title) {
+    public void setTitle(String title) {
         this.title = title;
     }
 
-    public @NotBlank @Size(max = 100_000) String getContent() {
+    public String getContent() {
         return content;
     }
 
-    public void setContent(@NotBlank @Size(max = 100_000) String content) {
+    public void setContent(String content) {
         this.content = content;
     }
 
@@ -182,4 +186,12 @@ public String getCoverImage() {
     public void setCoverImage(String coverImage) {
         this.coverImage = coverImage;
     }
+
+    public String getHtml() {
+        return html;
+    }
+
+    public void setHtml(String html) {
+        this.html = html;
+    }
 }

backend/src/main/java/io/easystartup/suggestfeature/dto/ChangelogUpdateDTO.java

@@ -17,6 +17,7 @@ public class ChangelogUpdateDTO {
     private List<String> postIds;
     private String title;
     private String content;
+    private String html;
     private List<String> tags;
     private Long changelogDate;
     private boolean draft;
@@ -88,4 +89,12 @@ public String getCoverImage() {
     public void setCoverImage(String coverImage) {
         this.coverImage = coverImage;
     }
+
+    public String getHtml() {
+        return html;
+    }
+
+    public void setHtml(String html) {
+        this.html = html;
+    }
 }

backend/src/main/java/io/easystartup/suggestfeature/rest/admin/ChangelogRestApi.java

@@ -133,6 +133,7 @@ public Response updateChangelogDetails(ChangelogUpdateDTO req) {
             existingChangelog.setContent(req.getContent());
         }
         existingChangelog.setPostIds(req.getPostIds());
+        existingChangelog.setHtml(req.getHtml());
         existingChangelog.setModifiedAt(System.currentTimeMillis());
         existingChangelog.setDraft(req.isDraft());
         existingChangelog.setTags(req.getTags());

backend/src/main/java/io/easystartup/suggestfeature/rest/portal/unauth/PublicPortalChangelogRestApi.java

@@ -55,6 +55,7 @@ public Response getChangelog(@Context HttpServletRequest request) {
             return Response.ok().entity(Collections.emptyList()).build();
         }
         Criteria criteriaDefinition = Criteria.where(Changelog.FIELD_ORGANIZATION_ID).is(org.getId());
+        criteriaDefinition.and(Changelog.FIELD_DRAFT).ne(true);
         Query query = new Query(criteriaDefinition);
         query.with(Sort.by(Sort.Direction.DESC, Changelog.FIELD_CHANGELOG_DATE));
         List<Changelog> changelogs = mongoConnection.getDefaultMongoTemplate().find(query, Changelog.class);

frontend-portal/src/app/changelog/ChangelogList.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { format } from 'date-fns';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { headers } from 'next/headers';
+
+interface ChangelogItem {
+  title: string;
+  html: string;
+  coverImage: string;
+  changelogDate: number;
+  tags: string[];
+}
+
+async function getChangelogItems(): Promise<ChangelogItem[]> {
+  const headersList = headers()
+  const host = headersList.get('host') || 'localhost:3000'
+  const protocol = 'https';
+  const path = 'api/portal/unauth/changelog/get-changelog-posts';
+
+  const res = await fetch(`${protocol}://${host}/${path}`, { next: { revalidate: 10 } });
+
+  if (!res.ok) {
+    throw new Error('Failed to fetch changelog items');
+  }
+
+  return res.json();
+}
+
+export default async function ChangelogList() {
+  const changelogItems = await getChangelogItems();
+
+  return (
+    <div className="space-y-8">
+      {changelogItems.map((item, index) => (
+        <Card key={index} className="overflow-hidden">
+          <CardHeader className="pb-0">
+            <div className="flex justify-between items-center">
+              <CardTitle className="text-xl font-semibold">{item.title}</CardTitle>
+              <div className="text-sm text-gray-500">
+                {format(new Date(item.changelogDate), 'MMMM d, yyyy')}
+              </div>
+            </div>
+            <div className="flex gap-2 mt-2">
+              {item.tags.map((tag, tagIndex) => (
+                <Badge key={tagIndex} variant="secondary">{tag}</Badge>
+              ))}
+            </div>
+          </CardHeader>
+          <CardContent>
+            {item.coverImage && (
+              <div className="mb-4">
+                <img
+                  src={item.coverImage}
+                  alt={item.title}
+                  className="rounded-lg object-cover w-full h-auto max-h-[400px]"
+                />
+              </div>
+            )}
+            <div dangerouslySetInnerHTML={{ __html: item.html }} className="prose max-w-none" />
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  );
+}

frontend-portal/src/app/changelog/loading.tsx

@@ -0,0 +1,3 @@
+export default function Loading() {
+  return <div>Loading changelog...</div>;
+}

frontend-portal/src/app/changelog/page.tsx

@@ -0,0 +1,16 @@
+import { Suspense } from 'react';
+import ChangelogList from './ChangelogList';
+import Loading from './loading';
+
+export const dynamic = 'force-dynamic';
+
+export default function ChangelogPage() {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-3xl font-bold mb-8">Changelog</h1>
+      <Suspense fallback={<Loading />}>
+        <ChangelogList />
+      </Suspense>
+    </div>
+  );
+}

frontend/next.config.mjs

@@ -3,13 +3,10 @@ const nextConfig = {
   output: "standalone",
   webpack: (config, { isServer }) => {
     if (!isServer) {
-      config.resolve.fallback = {
-        fs: false,
-        net: false,
-        tls: false,
-      };
+      // Ensure that all imports of 'yjs' resolve to the same instance
+      config.resolve.alias['yjs'] = path.resolve(__dirname, 'node_modules/yjs')
     }
-    return config;
+    return config
   },
 
   typescript: {