Merge pull request #69 from nepalcodes/SansCaar/issue42

Hook for using APi for translation

nepalingo-web/.env

@@ -0,0 +1 @@
+VITE_NEPALBHASA_API_URL=https://subhash.net.np

nepalingo-web/.env.example

@@ -0,0 +1,2 @@
+# Create a .env file based on this file in your local repo
+VITE_NEPALBHASA_API_URL=<--URL_FOR_THE_NEPAL_BHASA_API-->

nepalingo-web/.gitignore

@@ -11,6 +11,8 @@ node_modules
 dist
 dist-ssr
 *.local
+#ignoring the .env
+# .env
 
 # Editor directories and files
 .vscode/*

nepalingo-web/package.json

@@ -15,7 +15,8 @@
     "@supabase/supabase-js": "^2.44.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.24.1"
+    "react-router-dom": "^6.24.1",
+    "swr": "^2.2.5"
   },
   "devDependencies": {
     "@types/node": "^20.14.9",

nepalingo-web/src/hooks/useDictionary.tsx

@@ -0,0 +1,42 @@
+import useNewari from './useNewari'
+
+const Languages = [
+    'newari',
+    'tajpuriya',
+    'maithili'
+]
+
+export type DictionaryProps = {
+    language: typeof Languages[number],
+    word: string
+}
+
+export type DictionaryResponse = {
+    language: string;
+    word: string;
+    meanings: [{
+        audio?: { file: string, directory: string },
+        image?: string,
+        language: string,
+        meaningOriginal?: string,
+        meaningNp?: string,
+        meaningEn: string,
+    }]
+}
+
+///Use case
+//const {data, isLoading, error} = useDictionary('newari', "Hello")
+
+const useDictionary = ({ language, ...otherProps }: DictionaryProps) => {
+    switch (language) {
+        case 'newari':
+            return useNewari(otherProps)
+        case 'tajpuriya':
+            return
+        default:
+            break;
+    }
+}
+
+
+export default useDictionary

nepalingo-web/src/hooks/useNewari.tsx

@@ -0,0 +1,37 @@
+import useSWR from 'swr'
+import { DictionaryProps, DictionaryResponse } from './useDictionary'
+
+
+const fetcher = (url: string) => fetch(import.meta.env.VITE_NEPALBHASA_API_URL + url, {
+}).then(r => r.json())
+
+const useNewari = (props: Omit<DictionaryProps, 'language'>) => {
+    let { data, error, isLoading } = useSWR(`/dict/en/search/${props.word}`, fetcher)
+
+    let response: DictionaryResponse = {
+        language: 'newari',
+        word: props.word,
+        //Mapping the meanings from the api to create a custom response based on DictionaryResponse
+        meanings:
+            data?.meanings?.map((meaning: {
+                audio?: { file: string, directory: string },
+                image?: string,
+                meaning_np?: string,
+                meaning_nb?: string,
+                meaning_en?: string,
+            }) => (
+                {
+                    audio: meaning?.audio,
+                    image: meaning?.image,
+                    meaningOriginal: meaning?.meaning_nb,
+                    meaningNp: meaning?.meaning_np,
+                    meaningEn: meaning?.meaning_en,
+
+                })
+            )
+    }
+
+    return { response, error, isLoading }
+}
+
+export default useNewari;