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

@@ -1,7 +1,10 @@
 // Generating arrays for Hindi vowels (स्वर) and consonants (व्यंजन)
 
 // Vowels
-const hindiVowels = Array.from({ length: 16 }, (_, i) => ({ key: 2309 + i, value: String.fromCodePoint(2309 + i) }));
+export const hindiVowels = Array.from({ length: 16 }, (_, i) => ({
+  key: 2309 + i,
+  value: String.fromCodePoint(2309 + i)
+}));
 const extraHindiVowelKey = [2317, 2321];
 export const hindiVowelList = hindiVowels.filter((v) => !extraHindiVowelKey.includes(v.key));
 
@@ -20,25 +23,25 @@ export const hindiConsonants = Array.from({ length: 37 }, (_, i) => String.fromC
   additionalConsonants
 );
 
-const matra = {
-  aa: 2366,
-  e: 2367,
-  ee: 2368,
-  u: 2369,
-  uu: 2370,
-  ae: 2375,
-  aie: 2376,
-  au: 2379,
-  aau: 2380,
-  an: 2385,
-  ah: 2307
+export const matras = {
+  aa: String.fromCharCode(2366),
+  e: String.fromCharCode(2367),
+  ee: String.fromCharCode(2368),
+  u: String.fromCharCode(2369),
+  uu: String.fromCharCode(2370),
+  ae: String.fromCharCode(2375),
+  aie: String.fromCharCode(2376),
+  au: String.fromCharCode(2379),
+  aau: String.fromCharCode(2380),
+  an: String.fromCharCode(2385),
+  ah: String.fromCharCode(2307),
+  ru: String.fromCharCode(2371), 
 };
 
 export const barahkhadi = (code: number) => {
   console.log({ code });
-  const vowels = Object.values(matra);
+  const sanyukat = Object.values(matras);
   const list = [String.fromCharCode(code)];
-  const sanyukat = vowels.map((m) => String.fromCharCode(code, m));
   console.log(list.concat(sanyukat));
   return list.concat(sanyukat);
 };