quran-center
Quran Meta
Welcome to Quran Meta Project
This project is to help with Quran related meta queries.
Answering Questions like:
- How many ayahs in given surah (
getAyahCountinSurah) - Is given ayah
- a sajdah ayah (
getAyahMeta)? - beginnning of a page (
isAyahPageFirst)? - beginnning of a juz (
isAyahJuzFirst)?
- a sajdah ayah (
- Find
- next or previous ayah (
nextAyah/prevAyah) - juz
findJuzandfindJuzByAyahId - maqra/rub-el-hizb
findRubAlHizb,getRubAlHizbMetaByAyahId - page
findPageby surah/ayah - AyahId of a given surah/ayah (
findAyahIdBySurah) - find range around ayah (
findRangeAroundAyah)
- next or previous ayah (
- Get meta data for
- ayah (
getAyahMeta) - surah (
getSurahInfo,getSurahInfo) - page (
getPageMeta) - juz (
findJuzMetaBySurah) - maqra/rub-el-hizb (
getRubAlHizbMeta,getRubAlHizbMetaByAyahId)
- ayah (
- Validates ayah/surah id (
checkValidAyahId,checkValidSurah,checkValidSurahAyah) - Typescript type guards (
isValidAyahId,isValidAyahNo,isValidSurah,isValidSurahAyah,isValidJuz,isValidHizb,isValidRubAlHizb,isValidPage) - converts
[surah, ayah]toayahIdand vice-verse (findSurahByAyahIdandfindAyahIdBySurah) - Checks and turns strings of type "x:y" or "x:y1-y2" to surah/ayah range (
ayaStringSplitter). - Checks and parses strings of type "x" to Surah (
surahStringParser).
APi Reference Documentation
See here for API documentation
Playground
See in action and try it without installing anything:
- interactive playground for Quran-Meta
Installation
In a browser:
<script src="quran-meta.js"></script>Also modern browsers allow
<script type="module">
import quranMeta from "quran-meta.esm.js"
</script>The library is available from various CDNs
Using npm:
$ npm i --save quran-metaUsage
In Node.js see example here:
var quranMeta = require("quran-meta")
console.log(" Assalam Aleykum! ") // => 'Assalam Aleykum!'
console.log(`There are ${quranMeta.meta.numSurahs} suras in the Holy Quran`) // => 'There are 114 suras in the Holy Quran'
In the browser/ES:
import { meta } from "quran-meta"
console.log("Assalam Aleykum!")
console.log(`There are ${meta.numSurahs} suras in the Holy Quran`) // => 'There are 114 suras in the Holy Quran'In TypeScript:
import { meta, getAyahCountinSurah, AyahNo, Surah } from "quran-meta"
console.log(`There are ${meta.numSurahs} suras in the Holy Quran`)
for (let surah: Surah = 1; surah <= meta.numSurahs; surah++) {
const ayaCount = getAyahCountinSurah(surah)
console.log(surah, ': ',ayaCount)
}Terminology
- Surah: A chapter of the Quran. There are 114 chapters in Quran, each of different length.
- Ayah: A verse number in the particular surah (chapter) of Quran. it is relative to the surah.
AyahId: Unique identifier for a verse in the Quran. It is a number that is the concatenation of the of sum ayahs of previous chapters of Quran and the verse number of particular Ayah. There are 6236 ayahs in Quran. AyahId is absolute, positive and is not relative to any surah.
Juz: A section of the Quran. There are 30 Juz (ajza) in Quran of roughly equal length. Most Juz' are named after the first word of the first verse of the Juz'. Read more here
- Hizb: Each Juz' is divided into two Hizb (lit. "two groups", plural: Aḥzāb). Therefore, there are 60 Hizbs (ahzab) in the Quran.
- Rub-el-Hizb/Maqra: Each Hizb is subdivided into four quarters called Maqra (lit. "reading"), making eight quarters per Juz. In Arabic,
rubmeans 'one-fourth' or 'quarter', whileḥizb(plural aḥzāb) translates to 'a group'. There are 240 Maqras in the Quran. In most mushafs it is noted by symbol in the shape of an octagram, represented as two overlapping squares ۞. Read more here - Manzil: For the convenience of those who read the Quran in a week the text may be divided into seven portions. Each portion is called a Manzil. There are 7 Manzil in Quran. Read more here
- Page: A section of the Quran that contains 15 lines (Madina mushaf)(depends on the mushaf).
- Saajdah: Special ayahs that require reader to prostrate. There are 15 of them in Quran.
- Ruku: (paragraph) is a group of related verses in a Surah. The end of a Ruku’ is marked by the Arabic letter ﻉ** in superscript. There are 558 Rukus in the Quran. These are logical sections according to similar theme/objective or meaning. The bigger Surahs have been split into a number of Rukus, so that we would recognize when to do Ruku' (bowing) in Salat without interrupting a proceeding subject of the Quran. Additionally, on the margins of the Quran, usually three figures are written with **ﻉ. The top figure shows the number of Rukus completed in that Surah. The middle figure shows the number of Ayats in the Ruku just completed. The bottom figure shows the number of Rukus completed in that Juz.
Examples
You can find some examples here and souce code for them here
Projects using Quran-meta
- Koran-Center - Powerful and feature rich web application for reading and studying the Holy Quran.
Demo
Quran Meta Visualiser ESM Alpine3 - demo app showcasing number of methods from Quran-meta to build interactive visualisations of Quran structure using Alpine.js 3 & Chart.js 4 in ESM format.
Quran Meta Visualiser ES module version - Alpine.js 2& ChartJs.2 version of the previous demo
Quran Meta Visualiser CJS - CommonJS version of the previous demo
Data correctness and validity testing
Quran-Meta is 100% unit test covered and moreover data is cross checked with other apis to guarantee absolute correctness.
One can run pnpx jiti examples/data-check to run suite of validation tests against the following data sources
qcloud-meta.json- AlQuran Cloud Api metadatatanzil-data.js- Tanzil.net metadataquran-api.json- Quran Api metadatahafsData_v2-0.json- Data coming with UthmanicHafs font from KFQChafs_smart_v8.json- Data coming with Smart device UthmanicHafs font from KFQC
Any suggestion to further improve this are welcome.
Distributions and Downloads
Here you can find the following
|||
|--|--|
|Source code in typescript | TS |
| Javascript code autotranspiled from TS as ES Next | ESNext |
|Javascript code autotranspiled from TS as CJS|ES5+CommonJS|
|||
Distributions of library as| |
|UMD/ UMD minified builds can be used directly in the browser via a <script> (see here about UMD format) | ES5+UMD |
| CommonJS for use with older bundlers like browserify or webpack | ES5+CommonJS |
| ESM for use with modern bundlers like webpack 2 or Rollup and for direct imports in modern browsers via <script type="module">| ES5+ESM |
References:
License
This software is distributed under MIT license.