diff --git a/js/editor.js b/js/editor.js
new file mode 100644
index 0000000..dcb50d7
--- /dev/null
+++ b/js/editor.js
@@ -0,0 +1,77 @@
+let deckJSON;
+window.addEventListener("load", () => {
+ let xhr = new XMLHttpRequest();
+ xhr.addEventListener("load", () => {
+ let respSVG = xhr.responseXML.children[0];
+
+ document.querySelector('#jsonUpload').addEventListener('change', event => {
+ let files = event.target.files;
+ let reader = new FileReader();
+ reader.onload = e => {
+ deckJSON = JSON.parse(e.target.result);
+ let newSvg = document.createElement('svg');
+ document.body.appendChild(newSvg);
+ deckJSON.deck.forEach((card, index) => {
+ let cardSVG = respSVG.cloneNode(true);
+ cardSVG.setAttributeNS("http://www.w3.org/2000/svg", "x", index*181 + "pt");
+ newSvg.appendChild(cardSVG);
+ for (let prop in card) {
+ if (prop !== "count") {
+ wrapSVGText(cardSVG.querySelector('#' + prop),
+ String(card[prop]));
+ }
+ }
+ });
+ };
+ reader.readAsText(files[0]);
+ });
+ });
+ xhr.open("GET", "/template/environment/card.svg");
+ xhr.send();
+});
+
+function wrapSVGText(e, string) {
+ // TODO: bold or italic text
+ e.innerHTML = ""; // clear element
+ let tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+ e.appendChild(tspan);
+ let words = string.split(" ");
+ let line = [];
+ while(words.length > 0) {
+ let word = words.shift();
+ line.push(word);
+ tspan.innerHTML = line.join(" ");
+ // horizontal overflow
+ // TODO: actually use units (also applies to vertical)
+ if (word === "\n" ||
+ (parseFloat(e.getAttribute("width")) &&
+ tspan.getComputedTextLength() > parseFloat(e.getAttribute("width")))) {
+ // if we have height, we can line wrap
+ if (parseFloat(e.getAttribute("height")) &&
+ e.children.length * parseFloat(e.getAttribute('font-size')) <
+ parseFloat(e.getAttribute('height'))) {
+ words.unshift(line.pop());
+ tspan.innerHTML = line.join(" ");
+ line = [];
+
+ tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+ tspan.setAttribute('x', e.getAttribute('x'));
+ tspan.setAttribute('dy', e.getAttribute('font-size'));
+ e.appendChild(tspan);
+ }
+ // vertical overflow or horizontal overflow with no height variable
+ // TODO: better with recursion instead?
+ else {
+ line = [];
+ e.innerHTML = ""; // remove all tspans
+ tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+ e.appendChild(tspan);
+ // TODO: maybe binary search font size later if I really care
+ e.setAttribute('font-size', parseFloat(e.getAttribute('font-size')) * 0.9);
+ words = string.split(" ");
+ console.log("resetting, size= " + e.getAttribute('font-size'));
+ }
+ }
+ }
+}
+
diff --git a/server.js b/server.js
index ecc0599..3281716 100644
--- a/server.js
+++ b/server.js
@@ -24,6 +24,9 @@ const server = http.createServer((req, res) => {
case 'playfield.js':
sendFile(res, 'js/playfield.js', 'application/javascript');
break;
+ case 'editor.js':
+ sendFile(res, 'js/editor.js', 'application/javascript');
+ break;
case 'interact.js':
sendFile(res, 'interact.js', 'application/javascript');
break;
@@ -31,6 +34,28 @@ const server = http.createServer((req, res) => {
send404(res, uri);
}
break;
+ case 'template':
+ pathParts.splice(0, 2); // remove first two elements
+ let item = pathParts.join("/");
+ console.log("template/" + item);
+ switch (item) {
+ case "card.json":
+ case "deck.json":
+ sendFile(res, "template/" + item, 'application/json');
+ break;
+ case "environment/card.svg":
+ case "hero/card.svg":
+ case "hero/charBack.svg":
+ case "hero/charFront.svg":
+ case "villain/card.svg":
+ case "villain/character.svg":
+ case "villain/instructions.svg":
+ sendFile(res, "template/" + item, 'image/svg+xml');
+ break;
+ default:
+ send404(res, uri);
+ }
+ break;
case 'deck':
if (pathParts.length === 3) {
let deckName = pathParts[2];
@@ -42,6 +67,9 @@ const server = http.createServer((req, res) => {
case 'play':
sendPlayfield(res, deckName);
break;
+ case 'editor':
+ sendEditor(res, deckName);
+ break;
case 'deck.png':
sendFile(res, deckName + '.png', 'image/png');
break;
@@ -84,13 +112,32 @@ function sendDeckIndex(res, deckName) {
- Play!
+