feat(sitemap): sitemap posts and tags is ready

components/commons/cards/CardPost/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <q-card class="q-mb-lg" flat bordered>
-      <NuxtLink :to="`/post/${toSlug(`${data.nospace_title} ${data._id}`)}`">
+      <NuxtLink :to="`/post/${`${data.nospace_title}-${data._id}`}`">
         <q-img height="200px" :alt="data.title" :src="data.image['600']" />
       </NuxtLink>
       <q-card-section>
@@ -57,7 +57,7 @@
   </div>
 </template>
 <script>
-import { toSlug, stripTags, truncate } from "@helpers/stringManager";
+import { stripTags, truncate } from "@helpers/stringManager";
 import dayJS from "@helpers/dateTime";
 
 export default {
@@ -73,7 +73,6 @@ export default {
   methods: {
     stripTags,
     truncate,
-    toSlug,
     dayJS,
   },
 };

components/commons/lists/ListPostsSidebar/index.vue

@@ -3,7 +3,7 @@
     <q-list>
       <q-item v-for="n in data.result" class="no-padding q-mb-lg">
         <q-item-section>
-          <NuxtLink :to="`/post/${toSlug(`${n.nospace_title} ${n._id}`)}`">
+          <NuxtLink :to="`/post/${`${n.nospace_title}-${n._id}`}`">
             <q-item-label class="text-bold">{{ n.title }}</q-item-label>
             <q-item-label caption lines="2"
               >{{ truncate(stripTags(n.content), 150, "...") }}.</q-item-label
@@ -12,7 +12,7 @@
         </q-item-section>
 
         <q-item-section side top>
-          <NuxtLink :to="`/post/${toSlug(`${n.nospace_title} ${n._id}`)}`">
+          <NuxtLink :to="`/post/${`${n.nospace_title}-${n._id}`}`">
             <q-item-label caption>{{
               dayJS(n.updated_on * 1000).fromNow()
             }}</q-item-label>
@@ -29,7 +29,7 @@
 import Spinner from "@components/commons/loaders/GlobalSpiner";
 
 // helpers
-import { toSlug, stripTags, truncate } from "@helpers/stringManager";
+import { stripTags, truncate } from "@helpers/stringManager";
 import dayJS from "@helpers/dateTime";
 
 // define props

helpers/XMLGenerator/index.js

@@ -1,14 +1,13 @@
 const { MCDG_WEB_HOST } = useRuntimeConfig().public;
-
-export const sitemapGenerator = (links = []) => {
-  const sitemaps = "";
-  links.map((n) => {
+export const sitemapGenerator = (data = []) => {
+  let sitemaps = "";
+  data.map((n) => {
     sitemaps += `<url>
-    <loc>${MCDG_WEB_HOST}${n.link}</loc>
+    <loc>${MCDG_WEB_HOST}${n.path}</loc>
     <lastmod>${n.lastmod || "2023-10-01"}</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.8</priority>
 </url>`;
   });
-  return sitemaps;
+  return `<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">${sitemaps}</urlset>`;
 };

helpers/clientApiCaller/index.js

@@ -1,4 +1,4 @@
-import SealMiddleware from "@helpers/sealMiddleware";
+import SealMiddleware from "../../helpers/sealMiddleware";
 import { baseApiCaller } from "../baseApiCaller";
 import { RESPONSE_GENERAL_ERROR } from "~/consts/responses/responses";
 

nuxt.config.js

@@ -73,6 +73,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       APP_KEY: process.env.APP_KEY,
+      MCDG_WEB_HOST: process.env.MCDG_WEB_HOST,
     },
   },
 });

server/api/[...endpoint]/index.js

@@ -1,30 +1,20 @@
-import SealMiddleware from "../../../helpers/sealMiddleware";
+// import SealMiddleware from "../../../helpers/sealMiddleware";
 import { objToQuery } from "../../../helpers/stringManager";
 import { serverApiCaller } from "../../../helpers/serverApiCaller";
 
-const Seal = new SealMiddleware(process.env.APP_KEY, 10000);
+// const Seal = new SealMiddleware(process.env.APP_KEY, 10000);
 
 export default defineEventHandler(async (event) => {
   const headers = getRequestHeaders(event);
-  const { seal } = headers;
-  const { is_valid } = Seal.validate(seal || "-");
-
-  if (process.env.NODE_ENV !== "development" && !is_valid) {
-    // res.setHeader("Content-Type", "application/json");
-    const responseJSON = { status: "403", message: "No access here" };
-    return responseJSON;
-  } else {
-    const headers = getRequestHeaders(event);
 
-    const { seal } = headers;
-    const query = getQuery(event) || {};
-    const endpoint = getRouterParams(event, "endpoint") || {};
-    const reqParams = {
-      baseURL: process.env.MCDG_BE_HOST,
-      endpoint: `/api/${endpoint.endpoint}?${objToQuery(query)}`,
-      headers: { seal },
-    };
-    const Res = await serverApiCaller(reqParams);
-    return Res;
-  }
+  const { seal } = headers;
+  const query = getQuery(event) || {};
+  const endpoint = getRouterParams(event, "endpoint") || {};
+  const reqParams = {
+    baseURL: process.env.MCDG_BE_HOST,
+    endpoint: `/api/${endpoint.endpoint}?${objToQuery(query)}`,
+    headers: { seal },
+  };
+  const Res = await serverApiCaller(reqParams);
+  return Res;
 });

server/api/sitemap/posts/index.js

@@ -1,7 +1,28 @@
-// import { sitemapGenerator } from "../../../helpers/XMLGenerator";
+import { sitemapGenerator } from "../../../../helpers/XMLGenerator";
+import { sealGenerator } from "../../../../helpers/clientApiCaller";
+import { serverApiCaller } from "../../../../helpers/serverApiCaller";
 
 export default defineEventHandler(async (event) => {
-  const params = [{ link: "/232" }, { link: "/232" }, { link: "/122" }];
-  //   return sitemapGenerator(params);
-  return params;
+  const params = [];
+
+  // start req to api
+  const reqParams = {
+    baseURL: process.env.MCDG_BE_HOST,
+    endpoint: `/api/posts?limit=50&draft=false`,
+    headers: { seal: sealGenerator() },
+  };
+  const Res = await serverApiCaller(reqParams);
+
+  if (Res.status === 200) {
+    console.log("results", Res.result);
+    Res.result.map((n) =>
+      params.push({
+        path: `/post/${n.nospace_title}-${n._id}`,
+      })
+    );
+  }
+
+  // ref: https://dev.to/rafaelmagalhaes/creating-rss-feed-with-nuxt-3-5oj
+  event.node.res.setHeader("content-type", "text/xml"); // we need to tell nitro to return this as a xml file
+  event.node.res.end(sitemapGenerator(params)); // send the HTTP response
 });

server/api/sitemap/tags/index.js

@@ -0,0 +1,25 @@
+import { sitemapGenerator } from "../../../../helpers/XMLGenerator";
+
+const tags = [
+  "reactjs",
+  "vuejs",
+  "go",
+  "javascript",
+  "flask",
+  "echo",
+  "python",
+  "nuxtjs",
+  "express",
+];
+
+export default defineEventHandler(async (event) => {
+  const params = [];
+
+  tags.map((n) => {
+    params.push({ path: `/tag/${n}` });
+  });
+
+  // ref: https://dev.to/rafaelmagalhaes/creating-rss-feed-with-nuxt-3-5oj
+  event.node.res.setHeader("content-type", "text/xml"); // we need to tell nitro to return this as a xml file
+  event.node.res.end(sitemapGenerator(params)); // send the HTTP response
+});