updated the hindi alphabets to use char code

Author: Ciphrox

src/pages/barahkhadi/[consonant].astro

@@ -2,50 +2,15 @@
 import "@/assets/styles/barahkhadi/consonant.css";
 import BaseLayout from "@/layouts/Base";
 
+import { hindiConsonants as consonants, matras } from "@/utils/common";
+
 export function getStaticPaths() {
-  const consonants = [
-    "क",
-    "ख",
-    "ग",
-    "घ",
-    "ङ",
-    "च",
-    "छ",
-    "ज",
-    "झ",
-    "ञ",
-    "ट",
-    "ठ",
-    "ड",
-    "ढ",
-    "ण",
-    "त",
-    "थ",
-    "द",
-    "ध",
-    "न",
-    "प",
-    "फ",
-    "ब",
-    "भ",
-    "म",
-    "य",
-    "र",
-    "ल",
-    "व",
-    "श",
-    "ष",
-    "स",
-    "ह"
-  ];
   return consonants.map((consonant) => ({ params: { consonant } }));
 }
 
 const { consonant } = Astro.params;
 
-const matras = ["", "ा", "ि", "ी", "ु", "ू", "े", "ै", "ो", "ौ", "ं", "ः", "ृ"];
-
-const combinations = matras.map((matra) => consonant + matra);
+const combinations = [consonant, ...Object.values(matras).map((matra) => consonant + matra)];
 ---
 
 <BaseLayout meta={{ title: `Barahkhadi - ${consonant}` }}>

src/pages/barahkhadi/index.astro

@@ -2,17 +2,18 @@
 import BaseLayout from "@/layouts/Base";
 import "@/assets/styles/barahkhadi/index.css";
 
+import { hindiConsonants } from "@/utils/common";
+import { matras } from "@/utils/common";
+
 const consonants = [
-  ["क", "ख", "ग", "घ", "ङ"],
-  ["च", "छ", "ज", "झ", "ञ"],
-  ["ट", "ठ", "ड", "ढ", "ण"],
-  ["त", "थ", "द", "ध", "न"],
-  ["प", "फ", "ब", "भ", "म"],
-  ["य", "र", "ल", "व"],
-  ["श", "ष", "स", "ह"]
+  hindiConsonants.slice(0, 5), // क, ख, ग, घ, ङ
+  hindiConsonants.slice(5, 10), // च, छ, ज, झ, ञ
+  hindiConsonants.slice(10, 15), // ट, ठ, ड, ढ, ण
+  hindiConsonants.slice(15, 20), // त, थ, द, ध, न
+  hindiConsonants.slice(20, 25), // प, फ, ब, भ, म
+  hindiConsonants.slice(25, 29), // य, र, ल, व
+  hindiConsonants.slice(29, 33) // श, ष, स, ह
 ];
-
-const matras = ["", "ा", "ि", "ी", "ु", "ू", "े", "ै", "ो", "ौ", "ं", "ः"];
 ---
 
 <script>
@@ -53,7 +54,7 @@ const matras = ["", "ा", "ि", "ी", "ु", "ू", "े", "ै", "ो", "ौ
                   <button class="quick-view-btn">🔍</button>
                   <div class="barahkhadi-popover">
                     <div class="variations-grid">
-                      {matras.map((matra) => (
+                      {Object.values(matras).map((matra) => (
                         <div class="variation">{consonant + matra}</div>
                       ))}
                     </div>

src/utils/common.ts

@@ -5,9 +5,7 @@ export const hindiVowels = Array.from({ length: 16 }, (_, i) => ({
   key: 2309 + i,
   value: String.fromCodePoint(2309 + i)
 }));
-const extraHindiVowelKey = [2317, 2321]; // 'ऍ' , 'ऑ'
-
-// String.fromCodePoint(2384); // 'ॐ'
+const extraHindiVowelKey = [2317, 2321];
 export const hindiVowelList = hindiVowels.filter((v) => !extraHindiVowelKey.includes(v.key));
 
 // Consonants
@@ -50,15 +48,16 @@ export const matras = {
   aie: String.fromCharCode(2376),
   au: String.fromCharCode(2379),
   aau: String.fromCharCode(2380),
-  an: String.fromCharCode(2306),
+  an: String.fromCharCode(2385),
   ah: String.fromCharCode(2307),
-  ru: String.fromCharCode(2371)
+  ru: String.fromCharCode(2371), 
 };
 
 export const barahkhadi = (code: number) => {
   console.log({ code });
   const sanyukat = Object.values(matras);
   const list = [String.fromCharCode(code)];
+  console.log(list.concat(sanyukat));
   return list.concat(sanyukat);
 };