.eslintrc.js

@@ -1,23 +0,0 @@
-module.exports = {
-	env: {
-		browser: true,
-		es2021: true,
-	},
-	extends: [
-		'plugin:react/recommended',
-		'xo',
-	],
-	parserOptions: {
-		ecmaFeatures: {
-			jsx: true,
-		},
-		ecmaVersion: 12,
-		sourceType: 'module',
-	},
-	plugins: [
-		'react',
-	],
-	rules: {
-      "arrow-parens": ["error", "always"]
-	},
-};

package.json

@@ -8,18 +8,12 @@
   "private": true,
   "scripts": {
     "start": "parcel index.html",
-    "build": "parcel build index.html --no-source-maps",
+    "build": "parcel build index.html"
-    "prebuild": "yarn run typecheck",
-    "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
     "@parcel/transformer-image": "2.0.0-rc.0",
     "@parcel/transformer-sass": "2.0.0-rc.0",
-    "eslint": "^7.32.0",
+    "parcel": "^2.0.0-rc.0"
-    "eslint-config-xo": "^0.38.0",
-    "eslint-plugin-react": "^7.25.1",
-    "parcel": "^2.0.0-rc.0",
-    "typescript": "^4.4.3"
   },
   "dependencies": {
     "react": "^17.0.2",

src/App.jsx

@@ -1,50 +1,50 @@
-import React, {Component} from 'react';
+import React, { Component } from "react";
 
 import './App.scss';
-import {declineSaimiar} from './saimiar_morphology.ts';
+import { declineSaimiar } from './saimiar_morphology.js';
 
-const backendUrl = 'https://kucinakobackend.ichigo.everydayimshuflin.com';
+const backendUrl = "https://kucinakobackend.ichigo.everydayimshuflin.com";
 
 function makeRequest(queryString, jsonHandler) {
-	const effectiveUrl = `${backendUrl}/${queryString}`;
+  const effectiveUrl = `${backendUrl}/${queryString}`
   fetch(`${effectiveUrl}`)
-		.then((resp) => resp.json())
+    .then((resp) => {
+      return resp.json()
+    })
     .then((json) => {
       jsonHandler(json);
     });
 }
 
 function renderConlangName(name) {
-	if (name === 'saimiar') {
+  if (name == "saimiar") {
-		return 'Saimiar';
+    return "Saimiar";
+  }
+  if (name == "elesu") {
+    return "Elésu";
   }
 
-	if (name === 'elesu') {
+  if (name === "juteyuji") {
-		return 'Elésu';
+    return "Juteyuji";
   }
-
+  if (name === "tukvaysi") {
-	if (name === 'juteyuji') {
+    return "Tukvaysi";
-		return 'Juteyuji';
-	}
-
-	if (name === 'tukvaysi') {
-		return 'Tukvaysi';
   }
 }
 
-const Entry = (props) => {
+function Entry(props) {
-	const {conlang} = props;
+  const conlang = props.conlang;
-	if (conlang === 'saimiar') {
+  if (conlang === "saimiar") {
     return <SaiEntry entry={ props.entry } />;
   }
-
   return <div>Unknown entry type for { conlang }</div>;
-};
+}
 
-const SaiEntry = (props) => {
+function SaiEntry(props) {
-	const {entry} = props;
+  const entry = props.entry;
   const synCategory = entry.syn_category;
-	const isNominal = synCategory === 'nominal';
+  const isNominal = synCategory == 'nominal';
+  console.log(isNominal);
   return (
     <div className="searchResult" key={ entry.id }>
       <b>{ entry.sai }</b> - { entry.eng }
@@ -57,14 +57,13 @@ const SaiEntry = (props) => {
       </span>
     </div>
   );
-};
+}
 
 function formatMorphology(entry) {
   const decl = declineSaimiar(entry);
   if (!decl) {
     return '';
   }
-
   return (<span style={ {fontSize: 'medium', color: '#6a3131'} } >
         Abs: <i>{decl.abs}</i>, Erg: <i>{decl.erg}</i>,
         Adp: <i>{decl.adp}</i>,
@@ -76,29 +75,36 @@ function formatMorphology(entry) {
     </span>);
 }
 
-const Results = (props) => {
+class Results extends Component {
-	const content = () => {
+  constructor(props) {
-		const {conlang} = props;
+    super(props);
-		const num = props.searchResults.length;
+    this.content = this.content.bind(this);
+  }
+
+  content() {
+    const conlang = this.props.conlang;
+    const num = this.props.searchResults.length;
     const renderedName = renderConlangName(conlang);
-		const searchType = (props.direction === 'toConlang') ? `English -> ${renderedName}` : `${renderedName} -> English`;
+    const searchType = (this.props.direction === "toConlang") ? `English -> ${renderedName}` : `${renderedName} -> English`;
     const header = (
       <div className="searchResultHeader" key="header">
-        Searched for <b>{ props.searchTerm }</b>, { searchType }, found { num } result(s)
+        Searched for <b>{ this.props.searchTerm }</b>, { searchType }, found { num } result(s)
       </div>);
-		const entries = props.searchResults.map(
+    const entries = this.props.searchResults.map(
-			(entry, _idx) => <Entry entry={ entry } key= { entry.id } conlang={ conlang } />,
+      (entry, idx) => <Entry entry={ entry } key= { entry.id } conlang={ conlang } />
     );
     return [header].concat(entries);
-	};
+  }
 
-	const results = props.searchResults;
+  render() {
-	return (
+    const results = this.props.searchResults;
-		<div className="results">
+    return(
-			{ results ? content() : 'No search' }
+      <div className='results'>
+        { results ? this.content() : "No search" }
       </div>
     );
-};
+  }
+}
 
 class App extends Component {
   constructor(props) {
@@ -111,49 +117,50 @@ class App extends Component {
 
     this.state = {
       searchResults: null,
-			conlang: 'saimiar',
+      conlang: "saimiar",
       direction: null,
-			searchTerm: null,
+      searchTerm: null
     };
   }
 
-	searchSaimiar(_evt) {
+  searchSaimiar(evt) {
     const searchTerm = this.input.current.value;
-		const request = `saimiar?sai=like.*${searchTerm}*`;
+    const request = `saimiar?sai=like.*${searchTerm}*`
-		if (searchTerm === '') {
+    if (searchTerm === "") {
-			this.setState({searchResults: null, searchTerm: null, direction: null});
+      this.setState({ searchResults: null, searchTerm: null, direction: null });
     } else {
       makeRequest(request, (json) => {
-				this.setState({searchResults: json, searchTerm, direction: 'toEnglish'});
+        this.setState({ searchResults: json, searchTerm, direction: "toEnglish" });
       });
     }
   }
 
-	searchEng(_evt) {
+  searchEng(evt) {
     const searchTerm = this.input.current.value;
-		const request = `saimiar?eng=like.*${searchTerm}*`;
+    const request = `saimiar?eng=like.*${searchTerm}*`
-		if (searchTerm === '') {
+    if (searchTerm === "") {
-			this.setState({searchResults: null, searchTerm: null});
+      this.setState({ searchResults: null, searchTerm: null, });
     } else {
       makeRequest(request, (json) => {
-				this.setState({searchResults: json, searchTerm, direction: 'toConlang'});
+        this.setState({ searchResults: json, searchTerm, direction: "toConlang" });
       });
     }
   }
 
   handleLangChange(evt) {
     const conlang = evt.target.value;
-		this.setState({conlang});
+    this.setState({ conlang });
   }
 
   render() {
-		return (
+
+    return(
       <main>
-				<div className="container">
+        <div className='container'>
-					<div className="search">
+          <div className='search'>
             <h1>Kucinako</h1>
-						<div className="textInput">
+            <div className='textInput'>
-							<input className="textInput" type="text" ref={ this.input } />
+                <input className='textInput' type="text" ref={ this.input } />
             </div>
             <br/>
             <select ref={ this.langSelection } onChange={ this.handleLangChange } defaultValue="saimiar">
@@ -177,4 +184,6 @@ class App extends Component {
   }
 }
 
+
+
 export default App;

src/saimiar_morphology.js

@@ -0,0 +1,96 @@
+const rootEndingPair = (str) => {
+  return { root: str.slice(0, -1), ending: str.slice(-1) };
+};
+
+function declineSaimiar(entry) {
+  const split = entry.sai.split(" ");
+  const sai = split.at(-1);
+  const morph = entry.morph_type;
+
+  let declined;
+  if (morph == '-V') {
+    return vowelDeclension(sai);
+  } else if (morph == '-a/i') {
+    return aiDeclension(sai)
+  } else if (morph == "e-") {
+    return initalDeclension(sai);
+  } else if (morph == "-C") {
+    return consonantDeclension(sai);
+  } else {
+    console.warn(`Can't decline entry '${entry.sai}'`);
+    console.log(entry)
+    return null;
+  }
+}
+
+function vowelDeclension(sai) {
+  const { root, ending } = rootEndingPair(sai);
+  const adpEnding = ending == "u" ? "ys" : `${ending}s`;
+
+  return {
+    "abs": `${root}${ending}`,
+    "erg": `${root}${ending}na`,
+    "adp": `${root}${adpEnding}`,
+    "all": `so${root}${adpEnding}`,
+    "loc": `${root}${ending}xa`,
+    "ell": `tlê${root}${adpEnding}`,
+    "inst": `${root}${ending}ŕa`,
+    "rel": `${root}${ending}źi`
+  };
+}
+
+function aiDeclension(sai) {
+  const { root, ending } = rootEndingPair(sai);
+  return {
+    "abs": `${root}${ending}`,
+    "erg": `${root}iad`,
+    "adp": `${root}i`,
+    "all": `so${root}i`,
+    "loc": `${root}iath`,
+    "ell": `tlê${root}i`,
+    "inst": `${root}iar`,
+    "rel": `${root}iai`
+  };
+}
+
+function consonantDeclension(sai) {
+  const split = rootEndingPair(sai);
+  const root = split.ending == 'ø' ? split.root : sai;
+  const absFinal = split.ending == 'ø' ? 'ø' : '';
+
+  return {
+    "abs": `${root}${absFinal}`,
+    "erg": `${root}ad`,
+    "adp": `${root}e`,
+    "all": `so${root}i`,
+    "loc": `${root}ak`,
+    "ell": `tlê${root}i`,
+    "inst": `${root}ar`,
+    "rel": `${root}ai`
+  };
+}
+
+const vowels = ['a', 'e', 'ê', 'i', 'o', 'ô', 'u', 'y'];
+
+function initalDeclension(sai) {
+  const initial = sai.slice(0,1);
+  const root = sai.slice(1);
+
+  const finalRootSound = root.slice(-1);
+  const finalVowel = vowels.includes(finalRootSound);
+  const instEnding = finalVowel ? "ŕø" : "ar";
+  const relEnding = finalVowel ? "źi" : "ai";
+
+  return {
+    "abs": `${initial}${root}`,
+    "erg": `da${root}`,
+    "adp": `i${root}`,
+    "all": `so${root}`,
+    "loc": `xa${root}`,
+    "ell": `tlê${root}`,
+    "inst": `i${root}${instEnding}`,
+    "rel": `${initial}${root}${relEnding}`,
+  };
+}
+
+export { declineSaimiar };

src/saimiar_morphology.ts

@@ -1,99 +0,0 @@
-const rootEndingPair = (str) => ({root: str.slice(0, -1), ending: str.slice(-1)});
-
-function declineSaimiar(entry) {
-	const split = entry.sai.split(' ');
-	const sai = split.at(-1);
-	const morph = entry.morph_type;
-
-	if (morph === '-V') {
-		return vowelDeclension(sai);
-	}
-
-	if (morph === '-a/i') {
-		return aiDeclension(sai);
-	}
-
-	if (morph === 'e-') {
-		return initalDeclension(sai);
-	}
-
-	if (morph === '-C') {
-		return consonantDeclension(sai);
-	}
-
-	console.warn(`Can't decline entry '${entry.sai}'`);
-	console.log(entry);
-	return null;
-}
-
-function vowelDeclension(sai: string) {
-	const {root, ending} = rootEndingPair(sai);
-	const adpEnding = ending === 'u' ? 'ys' : `${ending}s`;
-
-	return {
-		abs: `${root}${ending}`,
-		erg: `${root}${ending}na`,
-		adp: `${root}${adpEnding}`,
-		all: `so${root}${adpEnding}`,
-		loc: `${root}${ending}xa`,
-		ell: `tlê${root}${adpEnding}`,
-		inst: `${root}${ending}ŕa`,
-		rel: `${root}${ending}źi`,
-	};
-}
-
-function aiDeclension(sai) {
-	const {root, ending} = rootEndingPair(sai);
-	return {
-		abs: `${root}${ending}`,
-		erg: `${root}iad`,
-		adp: `${root}i`,
-		all: `so${root}i`,
-		loc: `${root}iath`,
-		ell: `tlê${root}i`,
-		inst: `${root}iar`,
-		rel: `${root}iai`,
-	};
-}
-
-function consonantDeclension(sai) {
-	const split = rootEndingPair(sai);
-	const root = split.ending === 'ø' ? split.root : sai;
-	const absFinal = split.ending === 'ø' ? 'ø' : '';
-
-	return {
-		abs: `${root}${absFinal}`,
-		erg: `${root}ad`,
-		adp: `${root}e`,
-		all: `so${root}i`,
-		loc: `${root}ak`,
-		ell: `tlê${root}i`,
-		inst: `${root}ar`,
-		rel: `${root}ai`,
-	};
-}
-
-const vowels = ['a', 'e', 'ê', 'i', 'o', 'ô', 'u', 'y'];
-
-function initalDeclension(sai) {
-	const initial = sai.slice(0, 1);
-	const root = sai.slice(1);
-
-	const finalRootSound = root.slice(-1);
-	const finalVowel = vowels.includes(finalRootSound);
-	const instEnding = finalVowel ? 'ŕø' : 'ar';
-	const relEnding = finalVowel ? 'źi' : 'ai';
-
-	return {
-		abs: `${initial}${root}`,
-		erg: `da${root}`,
-		adp: `i${root}`,
-		all: `so${root}`,
-		loc: `xa${root}`,
-		ell: `tlê${root}`,
-		inst: `i${root}${instEnding}`,
-		rel: `${initial}${root}${relEnding}`,
-	};
-}
-
-export {declineSaimiar};

tsconfig.json

@@ -1,4 +0,0 @@
-{
-"compilerOptions": {},
-"include": ["src/**/*"]
-}