From 404c720b356636a75d2ae32fcf161081db42a9bb Mon Sep 17 00:00:00 2001
From: NunoSempere <nuno.sempere@protonmail.com>
Date: Mon, 31 Jan 2022 16:59:14 -0500
Subject: [PATCH] feat: Allow for squiggle/guesstimate type inputs

---
 lib/.submitButton.js.swp             | Bin 0 -> 12288 bytes
 lib/.utils.js.swp                    | Bin 20480 -> 0 bytes
 lib/comparisonView.js                |  25 +++++++++++++++----------
 lib/node                             |   0
 lib/squiggleWrapper.js               |  23 +++++++++++++++++++++++
 lib/{inputBox.js => submitButton.js} |  17 ++++++++++++++---
 6 files changed, 52 insertions(+), 13 deletions(-)
 create mode 100644 lib/.submitButton.js.swp
 delete mode 100644 lib/.utils.js.swp
 create mode 100644 lib/node
 create mode 100644 lib/squiggleWrapper.js
 rename lib/{inputBox.js => submitButton.js} (71%)

diff --git a/lib/.submitButton.js.swp b/lib/.submitButton.js.swp
new file mode 100644
index 0000000000000000000000000000000000000000..8409ea952de845f98688e1df5683f7248018a0c6
GIT binary patch
literal 12288
zcmeHNTaOe)6fV4h7Z6#ZA{x&Q3Cxn6>0OjamR-C+NQi>SDn<#3Ju@}44Lx0LcQw1?
zW+6WK2lUlMUyN@iJ{kXjiNAptjfom~<H;Bv{7zLDJD0r>9!Lz;$+y*AQ+?{3uf94}
zGh2<R^QTVJk@~d2wNr?{KK>`{y-?j+yS+=q>T<-@n_cs<jM5~^Hfwj44F)Gvv*^l1
z=Rs3tGRRe1FNU~jXEI+1F6BWYmo$n(M{%TkwRVv-b)=FSs<W`ERTjiiBgl(JH_~qv
zTC1dfDc`Jb|G8)2fo7o4?b?y;;*~?wQ_RD@$~cYf`rv`4#0T#g@C<kcJOiEq&wyvZ
zGvFC`&=}C^7I6(hKU4-jSC(6b%JR_{o&nE*XTUSy8So5v20R0v0ndPEz%$?(@C^J9
z83<cK9DP`bw;zG?`2WBA{(tLfA>IRC1oi@d?-1fw;9KA-a1l5Hi~+xG7vehb8Sv9n
zLM#IpfWyE};P)qm_!;N|CxL&T5aI{mJK$^JByj6-AwCD@fM2!=aScd;n_GqW5@-Rl
zz#oqZ@fGj|pn+-N0Pr%f2iOga0o#Dvj|y=E_z~Cve2*Bv0dk-Vd;**UP6HhOpMbwS
z1D=6<VqirOO&rA^qS>Hf4(1#)Pek+Pu#S0fRVq0iN6pJ~%jL}qXCHwXE^Z(lxt|}|
z7!g}`*9=t}of=L8C3%WtLy0DhgF&@MT*%sMQ&ZGdiLT|c8#PqiqO?~#MCnrPRcffL
zC9|@y%@3n_ri!E`Th!IH!<D{nULWaZL0ysA4Ei=*@w*#!Y+IWaiwlvKn|o5)H*OBZ
zx3-JpEd+YD$QLZP_8`=oN$)fcRS6_ivA3ks{jzHbY{p@pp9#BiZrMaTYX=JVnbbv=
zP*vc5#SWw6-IaqQ5ympp)yhYz$S6wELQ|AeqBMn+6y1i*Do_K`y+G<+V^Cp?WSmQ~
zj#&3rN&(p?qWse$>U3f`ud^uW%-DX;hZyWhfz?J}^)aSh=6(s!96W1iFmP+p_-Wps
zp;T$eCko^FvXgfUjVP>PXT%xa1EbHChGE-W&Pguo^}1?YnlvKj&)I>|c6_vLUd!|p
z(^XwI>~I*Pk|&DVR2?5bW0<V2<Lkr(*u&~9u-X|TT=MlSu%5fI)a%7ga}+Lyk-o$G
zhgq1WGOMogh5=%ahmF@z$By(z!g~qF<KSS7jC`r3GqMxv=!z@_WaZR@zhNA!McHCS
zVS})aqDrd+#PvB&`}g<hhh}Mt+1m|s!|d_Y8Fu{O8g)(pgTo3Plx_|WEt9skIPTKt
zV{_JNHazS!2QuvRzBTHs(@mA+Dwg$Fb*k23PQ5PuI_2_+I)`}{^EC#zI@fO0X2lTy
zhD}aJ?lwd52;OZ^)@l$4ds8MQevq-`Bcz9BNUP(j%L~ETFv>1WU7R%fz{b%i(am1=
z*$u{^67SfW9=0`o54JKH<|;v^vTm?cc|tfhY#bYBHGXF}t8wxf9$IH>Rp7Qy*KWAa
zMwEnE&yp3v$=o)7W*rw(mA@0^NQUf>lf|G-&LfZxa)wQ0Yl|WX<P{86J<UvcLbk&q
z)>X)WBQUz(U?t-j$`Oq&W~O($hv2N0_mU=6O&1e1cMPxftITaDo`)&78aW-fx|{Hy
z-{I?i)DZ;%y}y7pvs5#+qE>Q1QzDx(&%-Q=d$bTD8EQpxi3fwQSQD~yH*85Rp|%Kn
znzqWQB^yPj1LaX#WEeb|ixno1Xaja9%|ssMb|9bGMx(Q5VCJpYsBc2BJluqE+(Q7o
z5|#@(w{Y@ZZLx-MxuFy8YQsB{<&T|Y-N$k%RhcGtn7rJP+MI-in62TP>cH|PqON&o
zd3ZI%#-*L9E>-G*+n<!{WaX%P>72w-^+{T$BFE+>#0Jp41WKA34Y^CsQ~kQTA9cY&
MI%NXO>0luK0|Fegga7~l

literal 0
HcmV?d00001

diff --git a/lib/.utils.js.swp b/lib/.utils.js.swp
deleted file mode 100644
index 991b1f0ffe208788688fac28eeff6d26d9afb670..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 20480
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

diff --git a/lib/comparisonView.js b/lib/comparisonView.js
index f46809c..50a34a1 100644
--- a/lib/comparisonView.js
+++ b/lib/comparisonView.js
@@ -2,7 +2,7 @@
 import Head from "next/head";
 import React, { useState } from "react";
 import { DrawGraph, removeOldSvg } from "./labeledGraph";
-import { InputBox } from "./inputBox";
+import { SubmitButton } from "./submitButton";
 import { DisplayElement } from "./displayElement";
 import { DisplayAsMarkdown } from "./displayAsMarkdown";
 import { CreateTable, buildRows } from "./findPaths";
@@ -48,12 +48,15 @@ let checkIfListIsOrdered = (arr, binaryComparisons) => {
 };
 
 let nicelyFormatLinks = (quantitativeComparisons, listOfElements) =>
-  quantitativeComparisons.map(([element1, element2, distance, reasoning]) => ({
-    source: listOfElements[element1].name,
-    target: listOfElements[element2].name,
-    distance: distance,
-    reasoning: reasoning,
-  }));
+  quantitativeComparisons.map(
+    ([element1, element2, distance, reasoning, squiggleString]) => ({
+      source: listOfElements[element1].name,
+      target: listOfElements[element2].name,
+      distance: distance,
+      reasoning: reasoning,
+      squiggleString: squiggleString,
+    })
+  );
 
 // Main react component
 export default function ComparisonView({ listOfElementsForView }) {
@@ -303,6 +306,7 @@ export default function ComparisonView({ listOfElementsForView }) {
     reasoning,
     element1,
     element2,
+    squiggleString,
   }) => {
     if (!dontPushSubmitButtonAnyMore) {
       if (inputValue < 1 && inputValue > 0) {
@@ -323,6 +327,7 @@ export default function ComparisonView({ listOfElementsForView }) {
         element2,
         inputValue,
         reasoning,
+        squiggleString || inputValue,
       ];
       let newQuantitativeComparisons = [
         ...quantitativeComparisons,
@@ -396,7 +401,7 @@ export default function ComparisonView({ listOfElementsForView }) {
               </div>
             </div>
 
-            {/* Comparison actuator (text, previously input) */}
+            {/* Comparison actuator (text, previously number) */}
             <div className="flex m-auto w-72">
               <div className="block m-auto text-center">
                 <br />
@@ -404,7 +409,7 @@ export default function ComparisonView({ listOfElementsForView }) {
                   {`... is `}
                   <br />
                   <input
-                    type="number"
+                    type="text"
                     className="text-center text-blueGray-600 bg-white rounded text-lg border-0 shadow outline-none focus:outline-none focus:ring w-8/12 h-10 m-2"
                     value={inputValue}
                     onChange={(event) => {
@@ -418,7 +423,7 @@ export default function ComparisonView({ listOfElementsForView }) {
                 </label>
                 <br />
 
-                <InputBox
+                <SubmitButton
                   posList={posList}
                   binaryComparisons={binaryComparisons}
                   inputValue={inputValue}
diff --git a/lib/node b/lib/node
new file mode 100644
index 0000000..e69de29
diff --git a/lib/squiggleWrapper.js b/lib/squiggleWrapper.js
new file mode 100644
index 0000000..0f49850
--- /dev/null
+++ b/lib/squiggleWrapper.js
@@ -0,0 +1,23 @@
+import axios from "axios";
+
+export async function squiggleWrapper(input) {
+  let response = await axios.post("https://server.loki.red/squiggle", {
+    model: `mean(${input})`,
+  });
+  if (response.status == 200) {
+    try {
+      console.log(response.data);
+      if (!!response.data && !!response.data.value) {
+        // console.log(response.data.value);
+        let result = response.data.value.hd.VAL;
+        console.log(result);
+        return result;
+      }
+    } catch (error) {
+      console.log(error);
+      return null;
+    }
+  }
+  return null;
+}
+// squiggle("1 to 4");
diff --git a/lib/inputBox.js b/lib/submitButton.js
similarity index 71%
rename from lib/inputBox.js
rename to lib/submitButton.js
index 9a4b287..4e15ecb 100644
--- a/lib/inputBox.js
+++ b/lib/submitButton.js
@@ -1,7 +1,8 @@
 /* Imports */
 import React, { useState } from "react";
+import { squiggleWrapper } from "./squiggleWrapper";
 
-export function InputBox({
+export function SubmitButton({
   posList,
   binaryComparisons,
   inputValue,
@@ -11,13 +12,14 @@ export function InputBox({
   dontPushSubmitButtonAnyMore,
 }) {
   // This element didn't necessarily have to exist, but it made it easier for debugging purposes
-  let onClick = (event) => {
+  let onClick = async (event) => {
     if (!dontPushSubmitButtonAnyMore) {
       //event.preventDefault();
       let obj = {
         posList,
         binaryComparisons,
         inputValue,
+        squiggleString: inputValue,
         reasoning,
         element1: toComparePair[1],
         element2: toComparePair[0],
@@ -30,7 +32,16 @@ export function InputBox({
       } else if (!!Number(inputValue) && inputValue < 0) {
         alert("Negative numbers not yet allowed");
       } else {
-        alert("Your input is not a number");
+        let potentialSquiggleOutput = await squiggleWrapper(inputValue);
+        if (!!Number(potentialSquiggleOutput)) {
+          nextStepInput({
+            ...obj,
+            inputValue: potentialSquiggleOutput,
+            squiggleString: inputValue,
+          });
+        } else {
+          alert("Your input is not a number");
+        }
       }
     }
   };