From 352d30e80c056bc6d45c9eb7ca87d9943dfa8471 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Wed, 13 Apr 2022 16:07:35 +0500
Subject: [PATCH] smooth first stage

---
 package.json                                  |   2 +-
 src/components/Keyframes.tsx                  |  35 ++++
 src/components/vp-explorer/VPExplorerQuiz.tsx | 164 ++++++++++++------
 src/components/vp-explorer/energy-drink.jpeg  | Bin 0 -> 7003 bytes
 4 files changed, 145 insertions(+), 56 deletions(-)
 create mode 100644 src/components/Keyframes.tsx
 create mode 100644 src/components/vp-explorer/energy-drink.jpeg

diff --git a/package.json b/package.json
index f131107..b119649 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "1.9.9",
+  "version": "2.0.0",
   "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",
diff --git a/src/components/Keyframes.tsx b/src/components/Keyframes.tsx
new file mode 100644
index 0000000..82dca98
--- /dev/null
+++ b/src/components/Keyframes.tsx
@@ -0,0 +1,35 @@
+import { CSSProperties } from "react";
+
+interface IProps {
+  name: string;
+  [key: string]: CSSProperties | string;
+}
+
+const Keyframes = (props: IProps) => {
+  const toCss = (cssObject: CSSProperties | string) =>
+    typeof cssObject === "string"
+      ? cssObject
+      : Object.keys(cssObject).reduce((accumulator, key) => {
+          const cssKey = key.replace(/[A-Z]/g, v => `-${v.toLowerCase()}`);
+          const cssValue = (cssObject as any)[key].toString().replace("'", "");
+          return `${accumulator}${cssKey}:${cssValue};`;
+        }, "");
+
+  return (
+    <style>
+      {`@keyframes ${props.name} {
+        ${Object.keys(props)
+          .map(key => {
+            return ["from", "to"].includes(key)
+              ? `${key} { ${toCss(props[key])} }`
+              : /^_[0-9]+$/.test(key)
+              ? `${key.replace("_", "")}% { ${toCss(props[key])} }`
+              : "";
+          })
+          .join(" ")}
+      }`}
+    </style>
+  );
+};
+
+export default Keyframes;
\ No newline at end of file
diff --git a/src/components/vp-explorer/VPExplorerQuiz.tsx b/src/components/vp-explorer/VPExplorerQuiz.tsx
index f4429ed..c965619 100644
--- a/src/components/vp-explorer/VPExplorerQuiz.tsx
+++ b/src/components/vp-explorer/VPExplorerQuiz.tsx
@@ -10,6 +10,8 @@ import { getRandomTense } from "./TensePicker";
 import { switchSubjObj } from "../../lib/phrase-building/vp-tools";
 import playAudio from "../../lib/play-audio";
 import TensePicker from "./TensePicker";
+import Keyframes from "../Keyframes";
+import energyDrink from "./energy-drink.jpeg";
 
 const correctEmoji = ["✅", '🤓', "✅", '😊', "🌹", "✅", "✅", "🕺", "💃", '🥳', "👏", "✅", "💯", "😎", "✅", "👍"];
 
@@ -25,8 +27,12 @@ const answerFeedback: CSSProperties = {
 }
 
 const checkDuration = 400;
+const stageLength = 7;
 
 type QuizState = {
+    stage: "multiple choice",
+    qNumber: number,
+    vps: T.VPSelectionComplete,
     answer: {
         ps: T.SingleOrLengthOpts<T.PsString[]>;
         e?: string[] | undefined;
@@ -40,16 +46,10 @@ function VPExplorerQuiz(props: {
     opts: T.TextOptions,
     vps: T.VPSelection,
 }) {
-    const startingQs = makeQuizState(props.vps);
-    const [vps, setVps] = useState<T.VPSelectionComplete>(startingQs.VPS)
-    const [quizState, setQuizState] = useState<QuizState>(startingQs.qs);
+    const startingQs = tickQuizState(props.vps);
+    const [quizState, setQuizState] = useState<QuizState>(startingQs);
     const [showCheck, setShowCheck] = useState<boolean>(false);
     const [currentCorrectEmoji, setCurrentCorrectEmoji] = useState<string>(randFromArray(correctEmoji));
-    function handleResetQuiz() {
-        const { VPS, qs } = makeQuizState(vps);
-        setVps(VPS);
-        setQuizState(qs);
-    }
     function checkQuizAnswer(a: T.PsString) {
         if (!quizState) return;
         if (isInAnswer(a, quizState.answer)) {
@@ -57,7 +57,7 @@ function VPExplorerQuiz(props: {
             if (toPlay) playAudio(`correct-${randFromArray([1,2,3])}`);
             setShowCheck(true);
             setTimeout(() => {
-                handleResetQuiz();
+                setQuizState(tickQuizState);
             }, checkDuration / 2);
             setTimeout(() => {
                 setShowCheck(false);
@@ -75,11 +75,15 @@ function VPExplorerQuiz(props: {
             });
         }
     }
-    const rendered = renderVP(vps);
+    const rendered = renderVP(quizState.vps);
     const { subject, object } = rendered;
     const { e } = compileVP(rendered, { removeKing: false, shrinkServant: false });
-    return <div>
-        <div className="d-flex flex-row justify-content-around flex-wrap" style={{ marginLeft: "-0.5rem", marginRight: "-0.5rem" }}>
+    function handleRestart() {
+        setQuizState(tickQuizState(quizState.vps));
+    }
+    return <div className="mt-4">
+        <ProgressBar quizState={quizState} />
+        <div className="d-flex flex-row justify-content-around flex-wrap">
             <div className="my-2">
                 <div className="h5 text-center">Subject</div>
                 <QuizNPDisplay>{subject}</QuizNPDisplay>
@@ -90,44 +94,86 @@ function VPExplorerQuiz(props: {
             </div>}
             <div className="my-2">
                 <TensePicker
-                    vps={vps}
+                    vps={quizState.vps}
                     onChange={() => null}
                     mode={"quiz"}
                 />
             </div>
         </div>
-        {e && <div className="text-center text-muted text-small">
+        {e && <div className="text-center text-muted">
             {e.map(eLine => <div key={eLine}>{eLine}</div>)}
         </div>}
         <div className="text-center">
             <div style={showCheck ? answerFeedback : { ...answerFeedback, opacity: 0 }}>
                 {currentCorrectEmoji}
             </div>
-            {quizState.result === "waiting" ? <>
-                <div className="text-muted my-3">Choose a correct answer:</div>
-                {quizState.options.map(o => <div className="pb-3" key={o.f}>
-                    <div className="btn btn-answer btn-outline-secondary" onClick={() => {
-                        checkQuizAnswer(o);
-                    }}>
-                        <InlinePs opts={props.opts}>{o}</InlinePs>
+            {quizState.qNumber === stageLength ?
+                <div className="mt-4" style={{ animation: "fade-in 0.5s" }}>
+                    <h4>👏 Congratulations</h4>
+                    <p className="lead">You finished the first level!</p>
+                    <p>The <strong>other levels are still in development</strong>... In the meantime have an energy drink.</p>
+                    <div className="mb-4">
+                        <img src={energyDrink} alt="energy-dring" className="img-fluid" />
                     </div>
-                </div>)}
-            </> : <div>
-                <div className="h5 mt-4">❌ Wrong 😭</div>
-                <div className="my-4">The correct answer was:</div>
-                <InlinePs opts={props.opts}>
-                    {quizState.options.find(x => isInAnswer(x, quizState.answer)) as T.PsString}
-                </InlinePs>
-                <div className="my-4">
-                    <button type="button" className="btn btn-primary" onClick={handleResetQuiz}>
-                        Try Again
+                    <button type="button" className="btn btn-primary" onClick={handleRestart}>
+                        Restart
                     </button>
                 </div>
-            </div>}
+                : (quizState.result === "waiting"
+                    ? <>
+                        <div className="text-muted my-3">Choose a correct answer:</div>
+                        {quizState.options.map(o => <div className="pb-3" key={o.f} style={{ animation: "fade-in 0.5s" }}>
+                            <button className="btn btn-answer btn-outline-secondary" onClick={() => {
+                                checkQuizAnswer(o);
+                            }}>
+                                <InlinePs opts={props.opts}>{o}</InlinePs>
+                            </button>
+                        </div>)}
+                    </>
+                    : <div style={{ animation: "fade-in 0.5s" }}>
+                        <div className="h4 mt-4">❌ Wrong 😭</div>
+                        <div className="my-4 lead">The correct answer was:</div>
+                        <InlinePs opts={props.opts}>
+                            {quizState.options.find(x => isInAnswer(x, quizState.answer)) as T.PsString}
+                        </InlinePs>
+                        <div className="my-4">
+                            <button type="button" className="btn btn-primary" onClick={handleRestart}>
+                                Try Again
+                            </button>
+                        </div>
+                    </div>)
+            }
+            <Keyframes name="fade-in" from={{ opacity: 0 }} to={{ opacity: 1 }} />
         </div>
     </div>;
 }
 
+function ProgressBar({ quizState }: { quizState: QuizState }) {
+    function getProgressWidth(): string {
+        const num = getPercentageDone({ current: quizState.qNumber, total: stageLength });
+        return `${num}%`;
+    }
+    return <div className="mb-3">
+        <div className="progress mb-1" style={{ height: "3px" }}>
+            <div
+                className={`progress-bar bg-${quizState.result === "fail" ? "danger" : "primary"}`}
+                role="progressbar"
+                style={{ width: getProgressWidth() }}
+            />
+
+        </div>
+        <div>
+            Level 1: Multiple Choice
+        </div>
+    </div>;
+}
+
+function getPercentageDone(progress: { current: number, total: number }): number {
+    return Math.round(
+        (progress.current / (progress.total + 1)) * 100
+    );
+}
+
 function QuizNPDisplay({ children }: { children: T.Rendered<T.NPSelection> | T.Person.ThirdPlurMale }) {
     return <div className="mb-3">
         {(typeof children === "number")
@@ -136,14 +182,21 @@ function QuizNPDisplay({ children }: { children: T.Rendered<T.NPSelection> | T.P
     </div>;
 }
 
-
-function makeQuizState(oldVps: T.VPSelection): { VPS: T.VPSelectionComplete, qs: QuizState } {
+/**
+ * creates a fresh QuizState when a VPSelection is passed
+ * advances a QuizState when a QuizState is passed
+ * 
+ * @param startingWith 
+ * @returns 
+ */
+function tickQuizState(startingWith: T.VPSelection | QuizState): QuizState {
     function makeRes(x: T.VPSelectionComplete) {
         return compileVP(renderVP(x), { removeKing: false, shrinkServant: false });
     }
+    const oldVps = "stage" in startingWith ? startingWith.vps : startingWith;
     // for now, always inforce positive
-    const vps = getRandomVPSelection("both")({ ...oldVps, verb: { ...oldVps.verb, negative: false }});
-    const wrongStates: T.VPSelectionComplete[] = [];
+    const newVps = getRandomVPSelection("both")({ ...oldVps, verb: { ...oldVps.verb, negative: false }});
+    const wrongVpsS: T.VPSelectionComplete[] = [];
     // don't do the SO switches every time
     const wholeTimeSOSwitch = randFromArray([true, false]);
     [1, 2, 3].forEach(() => {
@@ -152,23 +205,24 @@ function makeQuizState(oldVps: T.VPSelection): { VPS: T.VPSelectionComplete, qs:
             const SOSwitch = wholeTimeSOSwitch && randFromArray([true, false]);
             // TODO: if switich subj and obj, include the tense being correct maybe
             v = getRandomVPSelection("tenses")(
-                SOSwitch ? switchSubjObj(vps) : vps,
+                SOSwitch ? switchSubjObj(newVps) : newVps,
             );
             // eslint-disable-next-line
-        } while (wrongStates.find(x => x.verb.tense === v.verb.tense));
-        wrongStates.push(v);
+        } while (wrongVpsS.find(x => x.verb.tense === v.verb.tense));
+        wrongVpsS.push(v);
     });
-    const answer = makeRes(vps);
-    const wrongAnswers = wrongStates.map(makeRes);
+    const answer = makeRes(newVps);
+    const wrongAnswers = wrongVpsS.map(makeRes);
     const allAnswers = shuffleArray([...wrongAnswers, answer]);
     const options = allAnswers.map(getOptionFromResult);
+    const qNumber = ("stage" in startingWith) ? (startingWith.qNumber + 1) : 0;
     return {
-        VPS: vps,
-        qs: {
-            answer,
-            options,
-            result: "waiting",
-        },
+        stage: "multiple choice",
+        qNumber,
+        vps: newVps,
+        answer,
+        options,
+        result: "waiting",
     };
 }
 
@@ -224,8 +278,14 @@ function getRandomVPSelection(mix: MixType = "both") {
             distance: "far",
             person: obj,
         };
-        const s = randSubj;
         // ensure that the verb selection is complete
+        if (mix === "tenses") {
+            return {
+                subject: subject !== undefined ? subject : randSubj,
+                // @ts-ignore
+                verb: randomizeTense(verb, true),
+            }
+        }
         const v: T.VerbSelectionComplete = {
             ...verb,
             object: (
@@ -236,14 +296,8 @@ function getRandomVPSelection(mix: MixType = "both") {
                 ? randObj
                 : verb.object,
         };
-        if (mix === "tenses") {
-            return {
-                subject: subject !== undefined ? subject : randSubj,
-                verb: randomizeTense(v, true),
-            }
-        }
         return {
-            subject: s,
+            subject: randSubj,
             verb: randomizeTense(v, true),
         };
     };
diff --git a/src/components/vp-explorer/energy-drink.jpeg b/src/components/vp-explorer/energy-drink.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..36df01e1cac0fcfdab9a76200548597eb525149b
GIT binary patch
literal 7003
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
XMd!J;glIri^s=M>TbcaJ`iB1x$*kbc

literal 0
HcmV?d00001