update css

Author: hmthanh

app/(private)/hindi/page.md

@@ -37,7 +37,6 @@
     "next-themes": "^0.4.6",
     "nextra": "^4.3.0",
     "papaparse": "^5.5.3",
-    "postcss": "^8.5.6",
     "postcss-lightningcss": "^1.0.1",
     "react": "^19",
     "react-dom": "^19",
@@ -61,25 +60,27 @@
     "yaml": "^2.8.1"
   },
   "devDependencies": {
-    "rimraf": "^6.0.1",
-    "postcss-cli": "^11.0.1",
-    "cssnano": "^7.1.0",
-    "concurrently": "^9.2.0",
-    "glob": "^11.0.3",
-    "chokidar-cli": "^3.0.0",
     "@mdx-js/loader": "^3.1.0",
     "@netlify/plugin-nextjs": "^5.12.0",
     "@shikijs/rehype": "^3.9.2",
+    "chokidar-cli": "^3.0.0",
+    "concurrently": "^9.2.0",
+    "cssnano": "^7.1.0",
     "daisyui": "^5.0.50",
     "eslint": "9.33.0",
     "eslint-config-next": "15.4.6",
+    "glob": "^11.0.3",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-rename": "^0.8.0",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
+    "rimraf": "^6.0.1",
     "shiki": "^3.9.2",
     "tailwindcss": "^4.1.11"
   },
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
   "optionalDependencies": {
     "@tailwindcss/oxide-linux-x64-gnu": "^4.1.11"
   }
-}
+}

app/(private)/morocco/page.md

@@ -1,12 +1,33 @@
+// /** @type {import('postcss-load-config').Config} */
+// const config = {
+//   plugins: {
+//     "@tailwindcss/postcss": {},
+//     // "postcss-rename": {
+//     //   strategy: "minimal",
+//     //   by: "whole",
+//     //   except: ["mt-4", "p-2"], // Protect Tailwind classes
+//     //   outputMapCallback: (map) => console.log("Renamed classes:", map),
+//     // },
+//   },
+// }
+
+// export default config
+
 /** @type {import('postcss-load-config').Config} */
+import { writeFileSync } from "fs" // Import Node.js fs module to write files
+
 const config = {
   plugins: {
     "@tailwindcss/postcss": {},
     // "postcss-rename": {
-    //   strategy: "minimal",
-    //   by: "whole",
+    //   strategy: "minimal", // Rename classes to shortest possible names (e.g., .a, .b)
+    //   by: "part", // Rename part of class names (e.g., .tall-image -> .a)
     //   except: ["mt-4", "p-2"], // Protect Tailwind classes
-    //   outputMapCallback: (map) => console.log("Renamed classes:", map),
+    //   outputMapCallback: (map) => {
+    //     // Write the renaming map to class-map.json
+    //     writeFileSync("class-map.json", JSON.stringify(map, null, 2), "utf8")
+    //     console.log("Class map saved to class-map.json:", map)
+    //   },
     // },
   },
 }