add person info to NP block display

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",

src/components/blocks/Block.tsx

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import {
     getEnglishFromRendered,
 } from "../../lib/phrase-building/np-tools";
+import { getEnglishPersonInfo } from "../../library";
 
 function Block({ opts, block }: {
     opts: T.TextOptions,
@@ -219,7 +220,13 @@ export function NPBlock({ opts, children, inside, english }: {
             <Adjectives opts={opts}>{np.selection.adjectives}</Adjectives>
             <div> {np.selection.ps[0].f}</div>
         </div>
-        <div className={inside ? "small" : ""}>NP</div>
+        <div className={inside ? "small" : ""}>
+            NP
+            {!inside ? <>
+                {` `}
+                <span className="text-muted small">({getEnglishPersonInfo(np.selection.person, "short")})</span>
+            </> : <></>}
+        </div>
         <EnglishBelow>{english}</EnglishBelow>
     </div>
 }

src/lib/misc-helpers.ts

@@ -147,15 +147,20 @@ export function personIsPlural(person: T.Person): boolean {
     return person > 5;
 }
 
-export function getEnglishPersonInfo(person: T.Person): string {
+export function getEnglishPersonInfo(person: T.Person, version?: "short" | "long"): string {
-    const p = [0,1,6,7].includes(person)
+    const p = ([0,1,6,7].includes(person)
-        ? "1st pers"
+        ? "1st"
         : [2,3,8,9].includes(person)
-        ? "2nd pers"
+        ? "2nd"
-        : "3rd pers";
+        : "3rd") + (version !== "short" ? " pers." : "");
-    const a = personIsPlural(person) ? "plur" : "sing";
+    const number = personIsPlural(person) ? "plur" : "sing";
-    const g = personGender(person);
+    const n = version === "short"
-    return `${p}. ${a}. ${g}.`;
+        ? (number === "plur" ? "pl" : "sn") : number;
+    const gender = personGender(person);
+    const g = version === "short"
+        ? (gender === "masc" ? "m" : "f")
+        : gender;
+    return `${p} ${n}. ${g}.`;
 }
 
 export function randomNumber(minInclusive: number, maxExclusive: number): number {