[WIKI-654] fix: version history to load from html (#7754)

* fix: versions history to load from html

* chore: added json and stripped to store in version history (#7755)

---------

Co-authored-by: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com>

apps/api/plane/bgtasks/page_version_task.py

@@ -30,6 +30,8 @@ def page_version(page_id, existing_instance, user_id):
                 description_binary=page.description_binary,
                 owned_by_id=user_id,
                 last_saved_at=page.updated_at,
+                description_json=page.description,
+                description_stripped=page.description_stripped,
             )
 
             # If page versions are greater than 20 delete the oldest one

apps/web/core/components/pages/version/editor.tsx

@@ -2,7 +2,8 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports
 import type { TDisplayConfig } from "@plane/editor";
-import { TPageVersion } from "@plane/types";
+import type { JSONContent, TPageVersion } from "@plane/types";
+import { isJSONContentEmpty } from "@plane/utils";
 import { Loader } from "@plane/ui";
 // components
 import { DocumentEditor } from "@/components/editor/document/editor";
@@ -77,7 +78,10 @@ export const PagesVersionEditor: React.FC<TVersionEditorProps> = observer((props
       </div>
     );
 
-  const description = versionDetails?.description_json;
+  const description = isJSONContentEmpty(versionDetails?.description_json as JSONContent)
+    ? versionDetails?.description_html
+    : versionDetails?.description_json;
+
   if (!description) return null;
 
   return (

packages/utils/src/string.ts

@@ -167,8 +167,11 @@ export const isEmptyHtmlString = (htmlString: string, allowedHTMLTags: string[]
  * @param {JSONContent} content
  * @returns {boolean}
  */
-const isJSONContentEmpty = (content: JSONContent): boolean => {
+export const isJSONContentEmpty = (content: JSONContent | undefined): boolean => {
   // If it has text, check if text is meaningful
+  if (!content) {
+    return true;
+  }
   if (content.text !== undefined) {
     return !content.text || content.text.trim() === "";
   }