deck via url variable

.github/workflows/main.yml

@@ -21,9 +21,10 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: '14'
+      - name: run python script
+        run: python convertdata.py
       - name: install
         run: npm install && npm run build
-
       - name: commit files
         run: |
           git config --local user.email "[email protected]"

convertdata.py

@@ -0,0 +1,16 @@
+import csv
+import json, glob, os
+
+datadir = 'src/data/'
+deckdata = {}
+for csvfile in glob.glob(os.path.join(datadir, '*.csv')):
+	print(csvfile)
+	csvReader = csv.DictReader(open(csvfile))
+	print(csvReader)
+	items = [row for row in csvReader]
+	deckdata[os.path.basename(csvfile).replace('.csv', '')] = items
+
+jsonFilePath = os.path.join(datadir, 'all_decks.json')
+with open(jsonFilePath, 'w', encoding='utf-8') as jsonf:
+	jsonf.write(json.dumps(deckdata, indent=4))
+print(json.dumps(deckdata))

package.json

@@ -5,18 +5,14 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "deploy": "node scripts/gh-pages-deploy.js"
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
     "core-js": "^3.6.5",
     "fs-js": "^1.0.6",
     "json-server": "^0.16.3",
     "lodash": "^4.17.21",
-    "papaparse": "^5.3.0",
-    "raw-loader": "^4.0.2",
-    "vue": "^3.0.0",
-    "vue-papa-parse": "^2.0.0"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

src/components/tftf.vue

@@ -58,7 +58,7 @@
 
 
 <script>
-import spreadsheet from '../data/tftf_data_all.csv';
+import all_decks from '../data/all_decks.json';
 export default {
   name: 'tftf',
   props: {
@@ -83,33 +83,30 @@ export default {
   methods: {
     parse() {
       var vue = this;
-        this.papaparse.parse(spreadsheet, {
-        header: true,
-        complete: function(results) {
-          console.log('parsing done', results)
-          vue.cards = results['data']
+      const queryString = window.location.search;
+      const urlParams = new URLSearchParams(queryString);
+      const urlDeck = urlParams.get('deck');
+      var deck = urlDeck && Object.keys(all_decks).indexOf(urlDeck) > -1 ? urlDeck : 'all';
+      console.log(deck)
+      vue.cards = all_decks[deck];
+        var objectcards = []
+        var terraincards = []
+        var arccards = []
+        vue.cards.forEach(function(card) {
+          if (card['Deck'] == 'Object') {
+            objectcards.push(card['Title'])
+          } else if (card['Deck'] == 'Terrain') {
+            terraincards.push(card['Title'])
+          } else if (card['Deck'] == 'Arc') {
+             var arctext = 'In a "' + card['Title'] + '" future, ' + card['Description'];
+             arctext += arctext.slice(-1)[0] != ',' ? ',' : '';
+             arccards.push(arctext)
+          }
+        });
 
-          var objectcards = []
-          var terraincards = []
-          var arccards = []
-          vue.cards.forEach(function(card) {
-            if (card['Deck'] == 'Object') {
-              objectcards.push(card['Title'])
-            } else if (card['Deck'] == 'Terrain') {
-              terraincards.push(card['Title'])
-            } else if (card['Deck'] == 'Arc') {
-               var arctext = 'In a "' + card['Title'] + '" future, ' + card['Description'];
-               arctext += arctext.slice(-1)[0] != ',' ? ',' : '';
-               arccards.push(arctext)
-            }
-          });
-
-          vue.arccards = arccards;
-          vue.objectcards = objectcards;
-          vue.terraincards = terraincards;
-
-        }
-      });
+        vue.arccards = arccards;
+        vue.objectcards = objectcards;
+        vue.terraincards = terraincards;
     },
     deal_cards() {
       this.objectcards[0] = this.objectcards[Math.floor(Math.random() * this.objectcards.length)]