Blog: All about jotai

package.json

@@ -2,7 +2,7 @@
   "name": "puruvjdev3",
   "version": "0.0.1",
   "scripts": {
-    "start": "svelte-kit dev",
+    "start": "svelte-kit dev --port 1211",
     "prebuild": "cd scripts && esmo prebuild.ts",
     "build": "svelte-kit build",
     "postbuild": "cd scripts && node postbuild.js & npm run notify:sitemap",

scripts/blog-md-html.ts

@@ -48,10 +48,10 @@ export async function blogMDHtml({
       document = seriesLinksPlugin(document, seriesPostsList, series, id);
     }
 
-    document = twemojiPlugin(document);
-
     const toc = generateTOC(document);
 
+    document = twemojiPlugin(document);
+
     // Finally
     html = document.body.innerHTML;
 

scripts/blog-plugins/generate-toc.ts

@@ -1,4 +1,5 @@
 import { htmlToText } from 'html-to-text';
+import twemoji from 'twemoji';
 
 type TOC = {
   indent: number;
@@ -19,10 +20,20 @@ export function generateTOC(document: Document) {
   for (let heading of headingEls) {
     const indent = heading.tagName === 'H1' ? 0 : heading.tagName === 'H2' ? 1 : 2;
     const id = heading.id;
-    const title = htmlToText(heading.innerHTML);
+    const title = htmlToText(heading.innerHTML).replace('#', '');
     const length = title.length;
 
-    TOCdata.push({ indent, id, title, length });
+    console.log({ title });
+
+    TOCdata.push({
+      indent,
+      id,
+      title: twemoji.parse(title, {
+        ext: '.svg',
+        folder: 'svg',
+      }),
+      length,
+    });
   }
 
   return TOCdata;

scripts/optimize-images.ts

@@ -3,7 +3,7 @@ import fetch from 'node-fetch';
 import { cloudinary } from './cloudinary.js';
 import { ASSETS_ROOT_PATH, RELATIVE_ASSETS_PATH } from './constants';
 import { optimizeGif } from './gif-module';
-import { imageMarkup, gifMarkup } from './markup';
+import { imageMarkup, gifMarkup } from './img-markup';
 import { ExportedImagesMetaData } from './types';
 
 /**