From 81c6da7c588467cf3d458f07bc5661b809b080e5 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Tue, 30 Nov 2021 14:50:50 -0800
Subject: [PATCH] Parse example bets from spreadsheet

---
 .gitignore                                    |  1 +
 market-simulator/src/App.vue                  |  4 +-
 market-simulator/src/components/Simulator.vue | 34 +++++++++++
 market-simulator/src/components/orders.ts     | 58 +++++++++++++++++++
 4 files changed, 95 insertions(+), 2 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 market-simulator/src/components/Simulator.vue
 create mode 100644 market-simulator/src/components/orders.ts

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..e43b0f98
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/market-simulator/src/App.vue b/market-simulator/src/App.vue
index 3e13cb12..0d3a8040 100644
--- a/market-simulator/src/App.vue
+++ b/market-simulator/src/App.vue
@@ -3,11 +3,11 @@
 // Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
 import HelloWorld from './components/HelloWorld.vue'
 import LoginExample from './components/LoginExample.vue'
+import Simulator from './components/Simulator.vue'
 </script>
 
 <template>
-  <img alt="Vue logo" src="./assets/logo.png" />
-  <LoginExample />
+  <Simulator />
 </template>
 
 <style>
diff --git a/market-simulator/src/components/Simulator.vue b/market-simulator/src/components/Simulator.vue
new file mode 100644
index 00000000..77312b51
--- /dev/null
+++ b/market-simulator/src/components/Simulator.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="overflow-x-auto px-12">
+    <table class="table">
+      <thead>
+        <tr>
+          <th>Order #</th>
+          <th>Yes bid</th>
+          <th>No Bid</th>
+          <th>Implied Probability</th>
+          <th>Payout</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(entry, i) in entries">
+          <th>{{ i }}</th>
+          <td>{{ entry.yesBid || '' }}</td>
+          <td>{{ entry.noBid || '' }}</td>
+          <td>{{ entry.prob }}</td>
+          <td>{{ entry.payout }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { bids } from './orders'
+
+const entries = bids.map((bid) => ({
+  ...bid,
+  prob: 0.646,
+  payout: 1.23,
+}))
+</script>
diff --git a/market-simulator/src/components/orders.ts b/market-simulator/src/components/orders.ts
new file mode 100644
index 00000000..d11c5651
--- /dev/null
+++ b/market-simulator/src/components/orders.ts
@@ -0,0 +1,58 @@
+const data = `1,9
+8,
+,1
+1,
+,1
+1,
+,5
+5,
+,5
+5,
+,1
+1,
+100,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+10,
+,10
+`
+
+// Parse data into Yes/No orders
+// E.g. `8,\n,1\n1,` =>
+// [{yesBid: 8, noBid: 0}, {yesBid: 0, noBid: 1}, {yesBid: 1, noBid: 0}]
+export const bids = data.split('\n').map((line) => {
+  const [yesBid, noBid] = line.split(',')
+  return {
+    yesBid: parseInt(yesBid || '0'),
+    noBid: parseInt(noBid || '0'),
+  }
+})