calci app

.gitignore

@@ -0,0 +1,4 @@
+.env
+.venv
+__pycache__/
+.gitattributes

app.py

@@ -0,0 +1,200 @@
+
+
+import gradio as gr
+from typing import Literal
+import re
+from dotenv import load_dotenv
+load_dotenv()
+
+Operation = Literal["+", "-", "x", "/"]
+
+currOp: Operation = None
+currInput = 0
+currOutput = 0
+
+
+def __cleanedOutput(output: str) -> str:
+  if output == "0":
+    return ""
+
+  print(f"==={output=}")
+  # output = str(round(float(output), 3))
+  return output.rstrip('0').rstrip('.') if '.' in output else output
+
+
+def calc(input1: str, input2: str, operation: Operation) -> float:
+  input1 = float(input1)
+  input2 = float(input2)
+  if operation == "+":
+    return input1 + input2
+  if operation == "-":
+    return input1 - input2
+  if operation == "x":
+    return input1 * input2
+  if operation == "/":
+    return input1 / input2
+
+
+def calcAndSetOutput(outputBoxValue: str, isFinalCalc: bool = True):
+  global currOp
+  global currInput
+  global currOutput
+
+  isOutputSingleNumber = len(re.sub(r"[0-9\.]", "", outputBoxValue)) == 0
+  print(f"{isOutputSingleNumber=}")
+  if isOutputSingleNumber:
+    currOutput = float(outputBoxValue)
+  else:
+    currOutput = calc(currOutput, currInput, currOp)
+
+  if isFinalCalc:
+    newOutputBoxValue = __cleanedOutput(str(currOutput))
+    print(f"{newOutputBoxValue=}")
+    currOp = None
+  else:
+    newOutputBoxValue = __cleanedOutput(outputBoxValue) + currOp
+
+  currInput = 0
+  return newOutputBoxValue
+
+
+def reset():
+  global currOp
+  global currInput
+  global currOutput
+  currOp = None
+  currInput = 0
+  currOutput = 0
+  return currOutput
+
+
+def setOperation(opsBtnValue: str, outputBoxValue: str) -> None:
+  global currOp
+  currOp = opsBtnValue
+  return calcAndSetOutput(outputBoxValue, False)
+
+
+def setInput(input: str, outputBoxValue: str) -> None:
+  global currInput
+  currInput = currInput * 10 + int(input)
+  print(f"{currInput=}", f"{outputBoxValue=}")
+  return __cleanedOutput(outputBoxValue) + str(input)
+
+
+with gr.Blocks() as demo:
+  with gr.Row(variant="default", elem_classes=["body-container"], equal_height=False):
+
+    with gr.Row(variant="compact", elem_classes=["main-container"]):
+      outputBox = gr.Textbox(
+          label="Output",
+          value=currOutput,
+          text_align="right",
+          max_lines=1,
+          elem_classes=["output-box"],
+          show_label=False
+      )
+      calcBtn = gr.Button("=", variant="primary", elem_classes=["calc-btn"]).click(
+        fn=calcAndSetOutput,
+        inputs=[outputBox],
+        outputs=outputBox,
+        api_name="calc"
+      )
+
+      with gr.Row(variant="compact", elem_classes=["input-container"], equal_height=True):
+
+        with gr.Row(variant="compact", elem_classes=["btn-container"]) as numBtnRow:
+          numbersBtn: list[gr.Button] = [
+            gr.Button(str(i), min_width=60, elem_classes=["btn"])
+            for i in [*range(1, 10), 0]
+          ]
+        for btn in numBtnRow.children:
+          btn: gr.Button = btn
+          btn.click(fn=setInput, inputs=[btn, outputBox], outputs=outputBox, api_name="setInput")
+
+        with gr.Row(variant="panel", elem_classes=["ops-container"]) as opsBtnRow:
+          plus_btn = gr.Button("+", min_width=10, elem_classes=["ops-btn"])
+          minus_btn = gr.Button("-", min_width=10, elem_classes=["ops-btn"])
+          multiply_btn = gr.Button("x", min_width=10, elem_classes=["ops-btn"])
+          divide_btn = gr.Button("/", min_width=10, elem_classes=["ops-btn"])
+        for btn in opsBtnRow.children:
+          btn.click(fn=setOperation, inputs=[btn, outputBox], outputs=outputBox, api_name="setOperation")
+
+      resetBtn = gr.Button("Reset", variant="stop").click(fn=reset, inputs=None, outputs=outputBox, api_name="reset")
+
+    # with gr.Row(variant="panel", elem_classes=["debug-container"]):
+    #   gr.Markdown("## Debugging")
+    #   gr.Textbox(label="currInput", value=(lambda: currInput), every=1)
+    #   gr.Textbox(label="currOutput", value=(lambda: currOutput), every=1)
+    #   gr.Textbox(label="currOp", value=(lambda: currOp), every=1)
+
+
+demo.css = """
+  .body-container {
+    flex-direction: row;
+    # max-width: 500px;
+    # width: 500px;
+    # margin: 0 auto;
+    # text-align: center;
+    # align-items: center;
+  }
+
+  .debug-container {
+    flex-direction: column;
+    # max-width: 500px;
+    width: 300px;
+    # margin: 0 auto;
+    text-align: center;
+    # align-items: center;
+  }
+
+  .main-container {
+    flex-direction: column;
+    max-width: 500px;
+    # width: 500px;
+    margin: 0 auto;
+    text-align: center;
+    # align-items: center;
+  }
+
+  .output-box input {
+    font-size: 2rem;
+  }
+
+  .calc-btn {
+    font-size: 1.5rem;
+  }
+
+  .input-container {
+    flex-direction: row;
+    # max-width: 500px;
+    # width: 500px;
+    # margin: 0 auto;
+    # text-align: center;
+    # align-items: center;
+  }
+
+  .btn-container {
+    # flex-direction: column;
+    # width: 300px;
+    # margin: 0 auto;
+  }
+
+  .ops-container {
+    flex-direction: column;
+    # width: 100px;
+    max-width: 50px;
+    # margin: 0 auto;
+  }
+
+  .btn {
+    font-size: 1.5rem;
+  }
+
+  .ops-btn {
+    font-size: 1.5rem;
+  }
+"""
+
+if __name__ == "__main__":
+  demo.launch(debug=True)
+