+
+
;
+});
+
+const allMockEntries: T.DictionaryEntry[] = Object.keys(mockResults).reduce((all: T.DictionaryEntry[], key: string) => (
+ // @ts-ignore
+ [...all, ...mockResults[key]]
+), []);
+
+const fakeDictInfo: T.DictionaryInfo = {
+ title: "not found",
+ license: "not found",
+ release: 0,
+ numberOfEntries: 0,
+ url: "not found",
+ infoUrl: "not found",
+};
+
+const fakeDictionary: DictionaryAPI = {
+ initialize: () => Promise.resolve({
+ response: "loaded from saved",
+ dictionaryInfo: fakeDictInfo,
+ }),
+ update: () => Promise.resolve({
+ response: "no need for update",
+ dictionaryInfo: fakeDictInfo,
+ }),
+ search: function(state: State): T.DictionaryEntry[] {
+ if (state.options.searchType === "alphabetical") {
+ return state.searchValue === "ا" ? mockResults.alphabeticalA : [];
+ }
+ if (state.options.language === "Pashto") {
+ return state.searchValue === "کور"
+ ? mockResults.pashtoKor
+ : [];
+ }
+ if (state.options.language === "English") {
+ return state.searchValue === "tired"
+ ? mockResults.englishTired as T.DictionaryEntry[]
+ : [];
+ }
+ return [];
+ },
+ getNewWordsThisMonth: function(): T.DictionaryEntry[] {
+ return [];
+ },
+ findOneByTs: function(ts: number): T.DictionaryEntry | undefined {
+ return allMockEntries.find((entry) => entry.ts === ts);
+ },
+ findRelatedEntries: function(entry: T.DictionaryEntry): T.DictionaryEntry[] {
+ // TODO: Better mock
+ return allMockEntries.filter((e) => e.e.includes("house"));
+ },
+ exactPashtoSearch: function(search: string ): T.DictionaryEntry[] {
+ return [];
+ },
+};
+
+const dictionaryPublishResponse = "dictionary published";
+
+beforeEach(() => {
+ jest.clearAllMocks();
+ jest.spyOn(dictionary, "initialize").mockImplementation(() => Promise.resolve("loaded from saved"));
+ jest.spyOn(dictionary, "search").mockImplementation(fakeDictionary.search);
+ jest.spyOn(dictionary, "findOneByTs").mockImplementation(fakeDictionary.findOneByTs);
+ jest.spyOn(dictionary, "findRelatedEntries").mockImplementation(fakeDictionary.findRelatedEntries);
+ jest.spyOn(dictionary, "exactPashtoSearch").mockImplementation(fakeDictionary.exactPashtoSearch);
+ loadUserInfo.mockResolvedValue(undefined);
+ // fetchSuggestions.mockResolvedValue({ ok: true, suggestions: [] });
+ upgradeAccount.mockImplementation(async (password: string): Promise
+
+ LingDocs Pashto Dictionary
+
+ {this.state.options.searchBarPosition === "top" &&
;
+ }
+}
+
+export default withRouter(App);
diff --git a/website/src/Context.ts b/website/src/Context.ts
new file mode 100644
index 0000000..02d1593
--- /dev/null
+++ b/website/src/Context.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2021 lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { createContext } from "react";
+
+// @ts-ignore
+export default createContext
+ {this.state.dictionaryStatus !== "ready" ?
+
+
+
+
+
+
+
+
+
+
+
+ {
+ this.props.history.replace("/");
+ auth.signOut();
+ })} />
+
+
+
+ {wordlistEnabled(this.state) &&
+ }
+ {this.state.options.level === "editor" &&
+ }
+ {this.state.options.level === "editor" &&
+ }
+
+ }
+
+
+
+
+ LingDocs Pashto Dictionary
+ {this.state.options.searchType === "alphabetical" &&
+
}
+ {this.state.options.level === "editor" && Alphabetical browsing mode
+
+
}
+
+ Editor priveleges active
+
+
+
+ New words this month
+
+ New Words This Month
+ {this.state.results.length ? +No new words added this month 😓
+ }
+
+
+
+ );
+}
+
+export default AudioPlayButton;
\ No newline at end of file
diff --git a/website/src/components/BottomNavItem.tsx b/website/src/components/BottomNavItem.tsx
new file mode 100644
index 0000000..ddbd7d9
--- /dev/null
+++ b/website/src/components/BottomNavItem.tsx
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+// eslint-disable-next-line
+import React from "react";
+import { Link } from "react-router-dom";
+
+interface IBottomNavItemProps {
+ icon: string;
+ label: string;
+ page?: string;
+ handleClick?: () => void;
+}
+
+const BottomNavItem = ({ icon, label, page, handleClick }: IBottomNavItemProps) => {
+ const dataTestId = `navItem${label}`;
+ if (page) {
+ return (
+
+
+
+
+
+ );
+ } else {
+ return (
+ {label}
+
+
+
+ );
+ }
+};
+
+export default BottomNavItem;
diff --git a/website/src/components/DictionaryStatusDisplay.tsx b/website/src/components/DictionaryStatusDisplay.tsx
new file mode 100644
index 0000000..7a56f07
--- /dev/null
+++ b/website/src/components/DictionaryStatusDisplay.tsx
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+function DictionaryStatusDisplay({ status }: { status: DictionaryStatus }) {
+ if (status === "loading" || status === "updating") {
+ return (
+ {label}
+
+
+ );
+ } else if (status === "error loading") {
+ return (
+ + {status === "loading" ? "Loading" : "Updating"}... +
+ +
+
+ );
+ } else {
+ return null;
+ }
+};
+
+export default DictionaryStatusDisplay;
diff --git a/website/src/components/Entry.tsx b/website/src/components/Entry.tsx
new file mode 100644
index 0000000..9c78ff2
--- /dev/null
+++ b/website/src/components/Entry.tsx
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import ExtraEntryInfo from "../components/ExtraEntryInfo";
+import classNames from "classnames";
+import {
+ Types as T,
+ InlinePs,
+} from "@lingdocs/pashto-inflector";
+
+function Entry({ entry, textOptions, nonClickable, isolateEntry }: {
+ entry: T.DictionaryEntry,
+ textOptions: T.TextOptions,
+ nonClickable?: boolean,
+ isolateEntry?: (ts: number) => void,
+}) {
+ return (
+ Error Loading Dictionary
+Please check your internet connection and reload this page
+ isolateEntry(entry.ts) : undefined}
+ data-testid="entry"
+ >
+
+ );
+};
+
+export default Entry;
diff --git a/website/src/components/ExtraEntryInfo.tsx b/website/src/components/ExtraEntryInfo.tsx
new file mode 100644
index 0000000..76d716f
--- /dev/null
+++ b/website/src/components/ExtraEntryInfo.tsx
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) 2021 lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from "react";
+import { inflectWord, Types, InlinePs } from "@lingdocs/pashto-inflector";
+
+const InflectionsInfo = ({ entry, textOptions }: {
+ entry: Types.DictionaryEntry,
+ textOptions: Types.TextOptions,
+}) => {
+ const inf = ((): Types.Inflections | false => {
+ try {
+ return inflectWord(entry);
+ } catch (e) {
+ console.error("error inflecting entry", entry);
+ return false;
+ }
+ })();
+ if (!inf) {
+ return null;
+ }
+ // unisex noun / adjective
+ if ("masc" in inf && "fem" in inf) {
+ return (
+
+
+ {{ p: entry.p, f: entry.f }}
+
+ {` `}
+ {entry.c}
+
+ {entry.e}
+
+ {inf.masc[1][0]}
+ {` `}
+ {inf.fem[0][0]}
+
+ );
+ }
+ // masculine noun
+ if ("masc" in inf) {
+ return (
+
+ {inf.masc[1][0]}
+
+ );
+ }
+ // shouldn't happen, but in case there are special inflections info on a feminine noun
+ return null;
+};
+
+const ArabicPluralInfo = ({ entry, textOptions }: {
+ entry: Types.DictionaryEntry,
+ textOptions: Types.TextOptions,
+}) => {
+ if (!(entry.app && entry.apf)) {
+ return null;
+ }
+ return (
+
+ Arabic Plural: {{
+ p: entry.app,
+ f: entry.apf,
+ }}
+
+ );
+};
+
+const PresentFormInfo = ({ entry, textOptions }: {
+ entry: Types.DictionaryEntry,
+ textOptions: Types.TextOptions,
+}) => {
+ /* istanbul ignore next */
+ if (!(entry.psp && entry.psf)) {
+ return null;
+ }
+ return (
+
+ Present Form: {{
+ p: `${entry.psp}ي`,
+ f: `${entry.psf}ee`,
+ }}
+
+
+ );
+};
+
+const PashtoPluralInfo = ({ entry, textOptions }: {
+ entry: Types.DictionaryEntry,
+ textOptions: Types.TextOptions,
+}) => {
+ if (!(entry.ppp && entry.ppf)) {
+ return null;
+ }
+ return (
+
+ Plural: {{
+ p: entry.ppp,
+ f: entry.ppf,
+ }}
+
+ );
+};
+
+// TODO: refactor this in a better way
+const ExtraEntryInfo = ({ entry, textOptions }: {
+ entry: Types.DictionaryEntry,
+ textOptions: Types.TextOptions,
+}) => {
+ return (
+ <>
+
+
;
+}
+
+export default ImageEditor;
\ No newline at end of file
diff --git a/website/src/components/InflectionSearchResult.tsx b/website/src/components/InflectionSearchResult.tsx
new file mode 100644
index 0000000..13b9a6e
--- /dev/null
+++ b/website/src/components/InflectionSearchResult.tsx
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2021 lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import {
+ InlinePs,
+ Types as T,
+} from "@lingdocs/pashto-inflector";
+import {
+ displayFormResult,
+ displayPositionResult,
+} from "../lib/inflection-search-helpers";
+
+function InflectionSearchResult(
+ { result, textOptions, entry }:
+ { result: InflectionSearchResult, textOptions: T.TextOptions, entry: T.DictionaryEntry }
+) {
+ function getTransitivity(): "transitive" | "intransitive" | "grammatically transitive" {
+ if (result.form.includes("grammaticallyTransitive")) {
+ return "grammatically transitive";
+ }
+ if (result.form.includes("transitive")) {
+ return "transitive";
+ }
+ if (entry.c?.includes("intrans.")) {
+ return "intransitive";
+ }
+ return "transitive";
+ }
+ const transitivity = getTransitivity();
+ const isPast = (result.form.includes("past") || result.form.includes("perfect"));
+ const isErgative = (transitivity !== "intransitive") && isPast;
+ const isVerbPos = (x: InflectionName[] | T.Person[] | null) => {
+ if (x === null) return false;
+ return (typeof x[0] !== "string");
+ };
+ return
+ {!cropping ?
+ <>
+
+
+
+
+
+
+
+
+ :
+ <>
+
+
+
+
+
+
+
+ select area to crop
+
+
+ }
+
+ {(cropping && imgSrc) ?
+
+
+ setCrop(c)}
+ // @ts-ignore
+ onComplete={(c) => setCompletedCrop(c)}
+ />
+
+ :
+
+
+
+
+
;
+}
+
+export default InflectionSearchResult;
diff --git a/website/src/components/LoadingElipses.css b/website/src/components/LoadingElipses.css
new file mode 100644
index 0000000..b41f4e8
--- /dev/null
+++ b/website/src/components/LoadingElipses.css
@@ -0,0 +1,55 @@
+.lds-ellipsis {
+ display: inline-block;
+ position: relative;
+ width: 40px;
+ height: 40px;
+ }
+ .lds-ellipsis div {
+ position: absolute;
+ top: 16px;
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ background: var(--farthest);;
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
+ }
+ .lds-ellipsis div:nth-child(1) {
+ left: 4px;
+ animation: lds-ellipsis1 0.6s infinite;
+ }
+ .lds-ellipsis div:nth-child(2) {
+ left: 4px;
+ animation: lds-ellipsis2 0.6s infinite;
+ }
+ .lds-ellipsis div:nth-child(3) {
+ left: 16px;
+ animation: lds-ellipsis2 0.6s infinite;
+ }
+ .lds-ellipsis div:nth-child(4) {
+ left: 28px;
+ animation: lds-ellipsis3 0.6s infinite;
+ }
+ @keyframes lds-ellipsis1 {
+ 0% {
+ transform: scale(0);
+ }
+ 100% {
+ transform: scale(1);
+ }
+ }
+ @keyframes lds-ellipsis3 {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0);
+ }
+ }
+ @keyframes lds-ellipsis2 {
+ 0% {
+ transform: translate(0, 0);
+ }
+ 100% {
+ transform: translate(12px, 0);
+ }
+ }
\ No newline at end of file
diff --git a/website/src/components/LoadingElipses.tsx b/website/src/components/LoadingElipses.tsx
new file mode 100644
index 0000000..1c1178b
--- /dev/null
+++ b/website/src/components/LoadingElipses.tsx
@@ -0,0 +1,5 @@
+import "./LoadingElipses.css";
+
+export default function LoadingElipses() {
+ return {displayFormResult(result.form)}
+ {result.matches.map((match) =>
+ {match.ps}
+
)}
+
+
+ {(transitivity === "grammatically transitive" && isPast)
+ ? "Always 3rd pers. masc. plur."
+ : `${isVerbPos(match.pos) ? (isErgative ? "Obj.:" : "Subj.:") : ""} ${displayPositionResult(match.pos)}`}
+
+
+ ;
+}
\ No newline at end of file
diff --git a/website/src/components/ReviewScoreInput.tsx b/website/src/components/ReviewScoreInput.tsx
new file mode 100644
index 0000000..caada74
--- /dev/null
+++ b/website/src/components/ReviewScoreInput.tsx
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) 2021 lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useRef } from "react";
+import { SuperMemoGrade } from "supermemo";
+
+function ReviewScoreInput({ handleGrade, guide }: {
+ handleGrade: (grade: SuperMemoGrade) => void,
+ guide: boolean,
+}) {
+ const box = useRef(null);
+ function handleClick(e: React.MouseEvent
+ {guide &&
;
+}
+
+export default ReviewScoreInput;
\ No newline at end of file
diff --git a/website/src/components/SearchBar.tsx b/website/src/components/SearchBar.tsx
new file mode 100644
index 0000000..3388b4d
--- /dev/null
+++ b/website/src/components/SearchBar.tsx
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) lingdocs.com
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const SearchBar = ({ state, optionsDispatch, handleSearchValueChange, onBottom }: {
+ state: State
+ optionsDispatch: (action: OptionsAction) => void,
+ handleSearchValueChange: (searchValue: string) => void,
+ onBottom?: boolean,
+}) => {
+ const LanguageToggle = ({ language }: { language: Language }) => {
+ const arrowDirection = language === "Pashto" ? "right" : "left";
+ return (
+
+ );
+ }
+ const SearchTypeToggle = ({ searchType }: { searchType: SearchType }) => {
+ const icon = (searchType === "alphabetical") ? "book" : "bolt";
+ return (
+
+ );
+ };
+
+ const placeholder = (state.options.searchType === "alphabetical" && state.options.language === "Pashto")
+ ? "Browse alphabetically"
+ : `Search ${state.options.language === "Pashto" ? "Pashto" : "English"}`;
+ return (
+
+ );
+};
+
+export default SearchBar;
\ No newline at end of file
diff --git a/website/src/components/WordlistImage.tsx b/website/src/components/WordlistImage.tsx
new file mode 100644
index 0000000..8f8c219
--- /dev/null
+++ b/website/src/components/WordlistImage.tsx
@@ -0,0 +1,40 @@
+import { useState, useEffect } from "react";
+import { getImageAttachment } from "../lib/wordlist-database";
+
+function WordlistImage({ word }: { word: WordlistWord }) {
+ const [imgSrc, setImgSrc] = useState
+
}
+ 😫 fail
+ took 🤔 time
+ easy 😄
+
+
+
+
+
+ {imgSrc ?
+ 
+ :
+ "imgSize" in word ?
+
+ :
;
+};
+
+export default WordlistImage;
diff --git a/website/src/components/WordlistWordEditor.tsx b/website/src/components/WordlistWordEditor.tsx
new file mode 100644
index 0000000..45c1e2b
--- /dev/null
+++ b/website/src/components/WordlistWordEditor.tsx
@@ -0,0 +1,173 @@
+import { useState, useEffect, useRef } from "react";
+import ImageEditor from "./ImageEditor";
+import {useDropzone} from "react-dropzone";
+import classNames from "classnames";
+import {
+ addImageToWordlistWord,
+ removeImageFromWordlistWord,
+} from "../lib/image-tools";
+import {
+ addAudioToWordlistWord,
+ removeAudioFromWordlistWord,
+} from "../lib/audio-tools";
+import {
+ updateWordlistWord,
+ hasAttachment,
+} from "../lib/wordlist-database";
+
+const droppingStyle = {
+ boxShadow: "0 0 5px rgba(81, 203, 238, 1)",
+ border: "1px solid rgba(81, 203, 238, 1)",
+};
+
+function WordlistWordEditor({ word }: {
+ word: WordlistWord,
+}) {
+ const imageFileInput = useRefIMG SIZE ERROR
+ }
+
+
+
+
+