@moustafahelmi/react-native-quran-app 1.4.0

package/src/utils/axiosInstance.ts

@@ -0,0 +1,7 @@
+import axios from 'axios';
+import {QURAN_API} from '../common';
+const axiosInstance = axios.create({
+  baseURL: QURAN_API,
+});
+
+export default axiosInstance;

package/src/utils/fileHandlers.ts

@@ -0,0 +1,96 @@
+import RNFS from 'react-native-fs';
+import {QURAN_CHAPTERS_DIRECTORY, QURAN_JUZS_DIRECTORY} from '../common';
+import {QuranTypesEnums} from '../types';
+
+const downloadFontsFiles = () => {
+  RNFS.downloadFile({
+    fromUrl: 'https://websitetask123.000webhostapp.com/fontsFiles.zip',
+    toFile: `${RNFS.DocumentDirectoryPath}/fonts`,
+    background: true, // Enable downloading in the background (iOS only)
+    discretionary: true, // Allow the OS to control the timing and speed (iOS only)
+    progress: res => {
+      // Handle download progress updates if needed
+      const progress = (res.bytesWritten / res.contentLength) * 100;
+    },
+  })
+    .promise.then(res => {
+      console.log('res', JSON.stringify(res));
+    })
+    .catch(err => {
+      console.log('Download error:', err);
+    });
+};
+
+const isFileExists = (filePath: string) => {
+  return RNFS.exists(filePath)
+    .then(exists => exists)
+    .catch(error => {
+      console.log(error);
+    });
+};
+const saveChapterAsJsonFile = (
+  fileName: string,
+  fileContent: string,
+  type: QuranTypesEnums,
+) => {
+  RNFS.writeFile(
+    `${
+      type === QuranTypesEnums.chapter
+        ? QURAN_CHAPTERS_DIRECTORY
+        : QURAN_JUZS_DIRECTORY
+    }/${fileName}`,
+    fileContent,
+    'utf8',
+  )
+    .then(success => {
+      console.log('FILE WRITTEN!');
+    })
+    .catch(err => {
+      console.log(err.message);
+    });
+};
+const readFromLocalStorageFile = (fileName: string, type: QuranTypesEnums) => {
+  return RNFS.readFile(
+    `${
+      type === QuranTypesEnums.chapter
+        ? QURAN_CHAPTERS_DIRECTORY
+        : QURAN_JUZS_DIRECTORY
+    }/${fileName}`,
+    'utf8',
+  )
+    .then(res => res)
+    .catch(err => {
+      console.log(err.message);
+    });
+};
+const handleQuranChaptersDirectory = async () => {
+  const isDirectoryExixts = await isFileExists(QURAN_CHAPTERS_DIRECTORY);
+  if (!isDirectoryExixts)
+    RNFS.mkdir(QURAN_CHAPTERS_DIRECTORY)
+      .then(() => {
+        console.log('Folder created successfully');
+      })
+      .catch(error => {
+        console.error('Error creating folder:', error);
+      });
+};
+const handleQuranJuzsDirectory = async () => {
+  const isDirectoryExixts = await isFileExists(QURAN_JUZS_DIRECTORY);
+  if (!isDirectoryExixts)
+    RNFS.mkdir(QURAN_JUZS_DIRECTORY)
+      .then(() => {
+        console.log('Folder created successfully');
+      })
+      .catch(error => {
+        console.error('Error creating folder:', error);
+      });
+};
+
+export {
+  downloadFontsFiles,
+  isFileExists,
+  saveChapterAsJsonFile,
+  handleQuranChaptersDirectory,
+  readFromLocalStorageFile,
+  handleQuranJuzsDirectory,
+};

package/src/utils/handleBeforeAndAfterCurrentVerse.ts

@@ -0,0 +1,41 @@
+import {ISurahVerse, IVersesBeforeAndAfterCurrentVerse} from '../types';
+
+interface IProps {
+  originalVerse: ISurahVerse[];
+  selectedVerse: ISurahVerse;
+  setVersesBeforeAndAfterCurrentVerse: (
+    value: IVersesBeforeAndAfterCurrentVerse,
+  ) => void;
+}
+
+const handleVersesBeforeAndAfterCurrentVerse = ({
+  originalVerse,
+  selectedVerse,
+  setVersesBeforeAndAfterCurrentVerse,
+}: IProps) => {
+  const originalVerseLength = originalVerse?.length;
+  const selectedVerseIndex = originalVerse?.findIndex(
+    (item: ISurahVerse) => item?.id === selectedVerse?.id,
+  );
+  const indexOfVerseAfterSelectedVerse =
+    selectedVerseIndex + 1 <= originalVerseLength - 1
+      ? selectedVerseIndex + 1
+      : -1;
+  const indexOfVerseBeforeSelectedVerse =
+    selectedVerseIndex - 1 <= originalVerseLength - 1 &&
+    selectedVerseIndex - 1 >= 0
+      ? selectedVerseIndex - 1
+      : -1;
+  setVersesBeforeAndAfterCurrentVerse({
+    beforeCurrentVerse:
+      indexOfVerseBeforeSelectedVerse != -1
+        ? originalVerse[indexOfVerseBeforeSelectedVerse]
+        : null,
+    afterCurrentVerse:
+      indexOfVerseAfterSelectedVerse != -1
+        ? originalVerse[indexOfVerseAfterSelectedVerse]
+        : null,
+  });
+};
+
+export default handleVersesBeforeAndAfterCurrentVerse;

package/src/utils/index.ts

@@ -0,0 +1,6 @@
+import axiosInstance from './axiosInstance';
+import handleVersesBeforeAndAfterCurrentVerse from './handleBeforeAndAfterCurrentVerse';
+export {axiosInstance, handleVersesBeforeAndAfterCurrentVerse};
+
+export * from './matrics';
+export * from './fileHandlers';

package/src/utils/matrics.ts

@@ -0,0 +1,37 @@
+import {Dimensions, PixelRatio} from 'react-native';
+
+const {width, height} = Dimensions.get('window');
+
+const guidelineBaseWidth = 375;
+const guidelineBaseHeight = 812;
+
+const horizontalScale = (size: number) => (width / guidelineBaseWidth) * size;
+const verticalScale = (size: number) => (height / guidelineBaseHeight) * size;
+const moderateScale = (size: number, factor = 0.5) =>
+  size + (horizontalScale(size) - size) * factor;
+
+const heightPercentageToDP = (heightPercent: number | string) => {
+  // Parse string percentage input and convert it to number.
+  const elemHeight =
+    typeof heightPercent === 'number'
+      ? heightPercent
+      : parseFloat(heightPercent);
+
+  // Use PixelRatio.roundToNearestPixel method in order to round the layout
+  // size (dp) to the nearest one that correspons to an integer number of pixels.
+  return PixelRatio.roundToNearestPixel((height * elemHeight) / 100);
+};
+
+const widthPercentageToDP = (widthPercent: number | string) => {
+  // Parse string percentage input and convert it to number.
+  const elemWidth =
+    typeof widthPercent === 'number' ? widthPercent : parseFloat(widthPercent);
+
+  // Use PixelRatio.roundToNearestPixel method in order to round the layout
+  // size (dp) to the nearest one that correspons to an integer number of pixels.
+  return PixelRatio.roundToNearestPixel((width * elemWidth) / 100);
+};
+const hp = (value: number | string) => heightPercentageToDP(value);
+const wp = (value: number | string) => widthPercentageToDP(value);
+
+export {horizontalScale, verticalScale, moderateScale, hp, wp};

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@react-native/typescript-config/tsconfig.json"
+}