SSR

app/(cms)/[...slug]/page.js

@@ -1,54 +1,31 @@
-"use client";
+import chalk from "chalk";
+import { parse } from "node-html-parser";
 
-import { useEffect, useState } from "react";
-import { configs } from "@/app/files";
-import { usePathname } from "next/navigation";
+import { getGoogleDrivePage } from "@/app/services/google.api";
 
-// import chalk from "chalk";
-// import { parse } from "node-html-parser";
+const { bgGreenBright } = chalk;
 
-// import { getGoogleDrivePage } from "@/app/services/google.api";
+function removeStyles(htmlContent) {
+  const root = parse(htmlContent);
 
-// const { bgGreenBright } = chalk;
-
-// function removeStyles(htmlContent) {
-//   const root = parse(htmlContent);
-
-//   const allElements = root.querySelectorAll("*");
-//   allElements.forEach((element) => {
-//     element.removeAttribute("style");
-//   });
-//   return root.toString();
-// }
-
-export default function Page(props) {
-  const pathname = usePathname();
-  const [htmlContent, setHtmlContent] = useState("");
-
-  useEffect(() => {
-    const gettest = async () => {
-      const response = await fetch("/test/a", {
-        headers: {
-          "Content-Type": "application/json",
-        },
-      });
-
-      const data = await response?.json();
+  const allElements = root.querySelectorAll("*");
+  allElements.forEach((element) => {
+    element.removeAttribute("style");
+  });
+  return root.toString();
+}
 
-      const importedModule = await import(
-        `@/app/files/pages/${pathname.split("/").join("")}`
-      );
+export default async function Page(props) {
+  console.log(bgGreenBright("PATH"), props);
 
-      setHtmlContent(importedModule.content);
-    };
+  const htmlContent = await getGoogleDrivePage(props.params.slug.join("/"));
 
-    gettest();
-  }, [pathname]);
+  // console.log("foldersList", foldersList);
+  const root = 1 ? removeStyles(htmlContent) : htmlContent;
 
   return (
     <main>
-      {/* {content} */}
-      <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
+      <div dangerouslySetInnerHTML={{ __html: root.toString() }} />
     </main>
   );
 }

app/services/google.api.js

@@ -73,24 +73,7 @@ async function exportGoogleDocAsText(fileId) {
   }
 }
 
-export async function watchChanges() {
-  const auth = await getAuthenticatedClient();
-  const drive = google.drive({ version: "v3", auth });
-
-  const response = await drive.files.watch({
-    fileId: process.env.A_ID,
-    requestBody: {
-      kind: "api#channel",
-      id: "bce8-88-198-51-246_unique-id-bce8-88-198-51-246",
-      type: "web_hook",
-      address: "https://bce8-88-198-51-246.ngrok-free.app/test/a",
-    },
-  });
-
-  console.log(bgBlue("GOOGLE"), response.data);
-}
-
-async function getGoogleDrivePage(pathPage) {
+export async function getGoogleDrivePage(pathPage) {
   const test = await getGoogleDriveFolders();
   // console.log(bgGreen("getGoogleDriveFolders"), test);
   const files = await getGoogleDriveFolderFiles(test.id);
@@ -108,10 +91,3 @@ async function getGoogleDrivePage(pathPage) {
     ? await exportGoogleDocAsText(currentPage.id)
     : "No content";
 }
-
-export {
-  getGoogleDrivePage,
-  getGoogleDriveFolderFiles,
-  getGoogleDriveFolders,
-  exportGoogleDocAsText,
-};

app/test/(cms)/a/page.js

@@ -0,0 +1,5 @@
+const Page = () => {
+  return <div>page</div>;
+};
+
+export default Page;