npm - @blizzhackers/d2data - Versions diffs - 2.0.0 - Mend

@blizzhackers/d2data 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/.eslintrc.js +59 -0
package/LICENSE +21 -0
package/README.md +12 -0
package/_config.yml +1 -0
package/compile.js +789 -0
package/docs/Avqest.ttf +0 -0
package/docs/_config.yml +1 -0
package/docs/armor.js +134 -0
package/docs/css/d2font.css +10 -0
package/docs/drops/.vscode/extensions.json +3 -0
package/docs/drops/README.md +7 -0
package/docs/drops/dist/assets/index.12ae3c90.js +6675 -0
package/docs/drops/dist/index.html +24 -0
package/docs/drops/index.html +23 -0
package/docs/drops/package-lock.json +1143 -0
package/docs/drops/package.json +17 -0
package/docs/drops/src/App.vue +870 -0
package/docs/drops/src/main.js +4 -0
package/docs/drops/vite.config.js +8 -0
package/docs/drops.html +10 -0
package/docs/effort.css +118 -0
package/docs/effort.js +367 -0
package/docs/elem-effort.html +130 -0
package/docs/images/0-0.svg +18 -0
package/docs/images/0-1.svg +17 -0
package/docs/images/0-2.svg +17 -0
package/docs/images/1-0.svg +18 -0
package/docs/images/1-1.svg +18 -0
package/docs/images/1-2.svg +17 -0
package/docs/images/2-0.svg +17 -0
package/docs/images/2-1.svg +11 -0
package/docs/images/2-2.svg +18 -0
package/docs/images/3-0.svg +17 -0
package/docs/images/3-1.svg +18 -0
package/docs/images/3-2.svg +18 -0
package/docs/images/4-0.svg +18 -0
package/docs/images/4-1.svg +18 -0
package/docs/images/4-2.svg +18 -0
package/docs/images/5-0.svg +18 -0
package/docs/images/5-1.svg +18 -0
package/docs/images/5-2.svg +14 -0
package/docs/images/6-0.svg +17 -0
package/docs/images/6-1.svg +17 -0
package/docs/images/6-2.svg +17 -0
package/docs/images/AmSkillicon.png +0 -0
package/docs/images/AsSkillicon.png +0 -0
package/docs/images/BaSkillicon.png +0 -0
package/docs/images/DrSkillicon.png +0 -0
package/docs/images/NeSkillicon.png +0 -0
package/docs/images/PaSkillicon.png +0 -0
package/docs/images/Skillicon.png +0 -0
package/docs/images/SoSkillicon.png +0 -0
package/docs/index.md +5 -0
package/docs/items.html +170 -0
package/docs/leveling/.vscode/extensions.json +3 -0
package/docs/leveling/README.md +7 -0
package/docs/leveling/dist/assets/index.f9765357.js +1 -0
package/docs/leveling/dist/index.html +24 -0
package/docs/leveling/index.html +23 -0
package/docs/leveling/package-lock.json +1143 -0
package/docs/leveling/package.json +17 -0
package/docs/leveling/src/App.vue +526 -0
package/docs/leveling/src/main.js +4 -0
package/docs/leveling/vite.config.js +8 -0
package/docs/runewords/.vscode/extensions.json +3 -0
package/docs/runewords/README.md +7 -0
package/docs/runewords/dist/assets/index.0838f27c.js +6673 -0
package/docs/runewords/dist/assets/index.73bf3e23.css +1 -0
package/docs/runewords/dist/index.html +25 -0
package/docs/runewords/index.html +23 -0
package/docs/runewords/package-lock.json +1143 -0
package/docs/runewords/package.json +17 -0
package/docs/runewords/src/App.vue +781 -0
package/docs/runewords/src/main.js +4 -0
package/docs/runewords/src/modorder.json +234 -0
package/docs/runewords/vite.config.js +8 -0
package/docs/skills.css +1250 -0
package/docs/skills.html +63 -0
package/docs/skills.js +2192 -0
package/docs/vue-setup.js +12 -0
package/docs/weapons.js +149 -0
package/font-example.html +34 -0
package/json/.gitkeep +0 -0
package/json/actinfo.json +116 -0
package/json/armor.json +17232 -0
package/json/armtype.json +17 -0
package/json/atomic.json +1026 -0
package/json/automagic.json +696 -0
package/json/automap.json +40732 -0
package/json/belts.json +743 -0
package/json/bodylocs.json +52 -0
package/json/books.json +34 -0
package/json/charstats.json +525 -0
package/json/colors.json +107 -0
package/json/compcode.json +577 -0
package/json/composit.json +82 -0
package/json/cubemain.json +2112 -0
package/json/cubemod.json +57 -0
package/json/difficultylevels.json +110 -0
package/json/elemtypes.json +62 -0
package/json/events.json +72 -0
package/json/experience.json +1214 -0
package/json/gamble.json +520 -0
package/json/gems.json +1868 -0
package/json/hireling.json +7640 -0
package/json/hitclass.json +67 -0
package/json/inventory.json +2148 -0
package/json/itemratio.json +134 -0
package/json/items.json +54705 -0
package/json/itemstatcost.json +5503 -0
package/json/itemtypes.json +2567 -0
package/json/levels.json +15515 -0
package/json/localestrings-chi.json +8717 -0
package/json/localestrings-deu.json +8717 -0
package/json/localestrings-eng.json +8722 -0
package/json/localestrings-esp.json +8717 -0
package/json/localestrings-fra.json +8718 -0
package/json/localestrings-ita.json +8717 -0
package/json/localestrings-kor.json +8715 -0
package/json/localestrings-pol.json +8716 -0
package/json/lowqualityitems.json +6 -0
package/json/lvlmaze.json +910 -0
package/json/lvlprest.json +28595 -0
package/json/lvlsub.json +824 -0
package/json/lvltypes.json +1377 -0
package/json/lvlwarp.json +1515 -0
package/json/magicprefix.json +12349 -0
package/json/magicsuffix.json +13833 -0
package/json/misc.json +11602 -0
package/json/misscalc.json +217 -0
package/json/missiles.json +23871 -0
package/json/monai.json +1111 -0
package/json/moncountest.json +642 -0
package/json/monequip.json +361 -0
package/json/monlvl.json +3665 -0
package/json/monmode.json +98 -0
package/json/monplace.json +39 -0
package/json/monpopulationest.json +17383 -0
package/json/monpreset.json +922 -0
package/json/monprop.json +144 -0
package/json/monseq.json +5211 -0
package/json/monsounds.json +2530 -0
package/json/monstats.json +66101 -0
package/json/monstats2.json +34882 -0
package/json/montype.json +274 -0
package/json/monumod.json +504 -0
package/json/npc.json +232 -0
package/json/objects.json +87041 -0
package/json/objgroup.json +3733 -0
package/json/objmode.json +42 -0
package/json/objpreset.json +2906 -0
package/json/objtype.json +2457 -0
package/json/overlay.json +8008 -0
package/json/pettype.json +226 -0
package/json/playerclass.json +39 -0
package/json/plrmode.json +122 -0
package/json/plrtype.json +39 -0
package/json/properties.json +2823 -0
package/json/qualityitems.json +149 -0
package/json/rareprefix.json +296 -0
package/json/raresuffix.json +921 -0
package/json/runes.json +3280 -0
package/json/setitems.json +3871 -0
package/json/sets.json +1001 -0
package/json/shrines.json +319 -0
package/json/skillcalc.json +457 -0
package/json/skilldesc.json +7532 -0
package/json/skills.json +16717 -0
package/json/soundenviron.json +2862 -0
package/json/sounds.json +446543 -0
package/json/states.json +1578 -0
package/json/storepage.json +22 -0
package/json/superuniques.json +1405 -0
package/json/tcprecalc.json +29302 -0
package/json/treasureclassex.json +14932 -0
package/json/treasureclassgroupsex.json +711 -0
package/json/uniqueappellation.json +27 -0
package/json/uniqueitems.json +14171 -0
package/json/uniqueprefix.json +55 -0
package/json/uniquesuffix.json +71 -0
package/json/wanderingmon.json +3 -0
package/json/weapons.json +25875 -0
package/objext.js +53 -0
package/package.json +16 -0
package/string.js +42 -0

package/docs/drops/src/main.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+createApp(App).mount('#app');

package/docs/drops/vite.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: '',
+  plugins: [vue()]
+})

package/docs/drops.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+	<head>
+		<title>Diablo 2 (D2R 2.4) Drop Calculator</title>
+		<meta http-equiv="refresh" content="0;url=drops/dist/" />
+	</head>
+	<body>
+		<p>The drop calculator has moved! Redirecting to the new calculator...</p>
+	</body>
+</html>

package/docs/effort.css ADDED Viewed

@@ -0,0 +1,118 @@
+html, body, div {
+  box-sizing: border-box;
+}
+html {
+  display: block;
+  padding: 0;
+  margin: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 15px;
+}
+body {
+  display: block;
+  height: auto;
+  min-height: 100%;
+  max-width: 1360px;
+  background-color: white;
+  margin: auto;
+  padding: 15px;
+}
+@media screen and (min-width: 1375px) {
+  html {
+    background-color: #606060;
+  }
+  body {
+    border-radius: 5px;
+    margin: 15px auto;
+    box-shadow: 5px 5px 10px black;
+  }
+}
+.svg-wrapper {
+  padding-top: 50%;
+  position: relative;
+}
+.svg-wrapper svg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+svg text {
+  font-size: 1em;
+  white-space: pre;
+  fill: black;
+}
+svg text.debug {
+  fill: #0FF;
+}
+svg line {
+  stroke: black;
+  stroke-width: 1;
+}
+svg rect {
+  stroke: #000000;
+  stroke-width: 0;
+}
+.element-select, .difficulty-select {
+  width: 12.5em;
+  height: 8.25em;
+  padding: 3px;
+}
+.settings-bar {
+  display: flex;
+  flex-direction: row;
+  margin: 0 0 1em 0;
+}
+.settings-bar > *:not(:first-child) {
+  margin-left: 1em;
+}
+.settings-bar > .element-table {
+  flex: 0 0 35em;
+  box-sizing: border-box;
+}
+.settings-bar > .element-table th {
+  white-space: pre;
+}
+.settings-bar > .element-table * {
+  box-sizing: border-box;
+}
+.settings-bar > .element-table input {
+  width: 100%;
+}
+.expand-label {
+  display: flex;
+}
+.expand-label > label {
+  flex: 1 1 auto;
+  margin-right: 0.5em;
+}
+.expand-label > :not(label) {
+  width: 5em;
+  flex: 0 0 auto;
+}
+.vertically-spaced > * {
+  height: 1.8em;
+  line-height: 1.8em;
+}

package/docs/effort.js ADDED Viewed

@@ -0,0 +1,367 @@
+'use strict'; /* global Vue */
+let app;
+function createLine(x1 = 0, y1 = 0, x2 = 0, y2 = 0, color = 'black') {
+	return {type: 'line', x1, y1, x2, y2, color};
+}
+function createRect(x = 0, y = 0, width = 0, height = 0, color = 'black') {
+	return {type: 'rect', x, y, width, height, color};
+}
+function createText(x = 0, y = 0, text = 'No Text', color = 'black') {
+	return {type: 'text', x, y, text, color};
+}
+let $ = document.querySelector.bind(document);
+(function () {
+	app = new Vue({
+		el: '#effortapp',
+		data: {
+			dmgTypes: {
+				physical: 'Physical',
+				magic: 'Magic',
+				fire: 'Fire',
+				lightning: 'Lightning',
+				cold: 'Cold',
+				poison: 'Poison',
+			},
+			fontSize: 1,
+			d2: {
+				MonLvl: fetch('https://raw.githubusercontent.com/blizzhackers/d2data/master/json/monlvl.json').then(response => response.json()),
+				monstats: fetch('https://raw.githubusercontent.com/blizzhackers/d2data/master/json/monstats.json').then(response => response.json()),
+				Levels: fetch('https://raw.githubusercontent.com/blizzhackers/d2data/master/json/levels.json').then(response => response.json()),
+			},
+			requiredAreas: [ // Areas that we're forced to deal with through questing.
+				// Act 1
+				2,3,4,5,6,7,10,26,27,28,29,30,31,32,33,34,35,36,37,
+				// Act 2
+				41,42,43,44,45,46,50,51,52,53,54,56,57,58,60,61,62,63,64,66,67,68,69,70,71,72,73,74,
+				// Act 3
+				76,77,78,79,80,81,82,83,85,88,89,91,92,93,100,101,102,
+				// Act 4
+				104,105,106,107,108,
+				// Act 5
+				110,111,112,113,115,117,118,120,128,129,130,131,
+			],
+			svg: {
+				width: 100,
+				height: 100,
+				aspectRatio: 1,
+				elements: {},
+			},
+			debugMessage: '',
+			visible: false,
+			colorKey: {
+				physical: '#000000',
+				magic: '#C0C0C0',
+				fire: '#FF0000',
+				lightning: '#FFFF00',
+				cold: '#0000FF',
+				poison: '#00FF00',
+			},
+			textColorKey: {
+				physical: '#FFFFFF',
+				magic: '#000000',
+				fire: '#000000',
+				lightning: '#000000',
+				cold: '#FFFFFF',
+				poison: '#000000',
+			},
+			difficulty: {
+				0: true,
+				1: true,
+				2: true,
+			},
+			optionalAreas: false,
+			countImmunes: false,
+			skills: {
+				conviction: 0,
+				lowerResist: 0,
+				amplify: 0,
+			},
+			damage: {
+				min: {
+					physical: 1,
+					magic: 1,
+					fire: 1,
+					lightning: 1,
+					cold: 1,
+					poison: 1,
+				},
+				max: {
+					physical: 1,
+					magic: 1,
+					fire: 1,
+					lightning: 1,
+					cold: 1,
+					poison: 1,
+					},
+				avg: {
+					physical: 1,
+					magic: 1,
+					fire: 1,
+					lightning: 1,
+					cold: 1,
+					poison: 1,
+				},
+				hits: {
+					physical: 1,
+					magic: 1,
+					fire: 1,
+					lightning: 1,
+					cold: 1,
+					poison: 1,
+				},
+				aoe: {
+					physical: 1,
+					magic: 1,
+					fire: 1,
+					lightning: 1,
+					cold: 1,
+					poison: 1,
+				},
+				fpa: {
+					physical: 25,
+					magic: 25,
+					fire: 25,
+					lightning: 25,
+					cold: 25,
+					poison: 25,
+				},
+			},
+			pierce: {
+				physical: 0,
+				magic: 0,
+				fire: 0,
+				lightning: 0,
+				cold: 0,
+				poison: 0,
+			},
+		},
+		methods: {
+			updateGraphs: function () {
+				this.calculateEfforts();
+			},
+			calculateEfforts: function () {
+				let maxYield = 0.0000001, diffs = [0, 1, 2].filter(a => this.difficulty[a]);
+				for (let key in this.damage.avg) {
+					this.damage.avg[key] = (Number(this.damage.min[key]) + Number(this.damage.max[key])) / 2;
+				}
+				Vue.set(this.svg, 'elements', {});
+				diffs.forEach((diff, diffindex) => {
+					let monprefix = ['mon', 'nmon', 'umon'][diff];
+					let diffabv = ['', '(N)', '(H)'][diff];
+					for (let index in this.d2.Levels) {
+						let level = this.d2.Levels[index], key, monid, mon;
+						let totalRarity = 0, stats = {
+							yield: {
+								physical: 0,
+								magic: 0,
+								fire: 0,
+								lightning: 0,
+								cold: 0,
+								poison: 0,
+							},
+						};
+						for (let c = 1; c <= 10; c++) {
+							key = monprefix + c;
+							if ((monid = level[key]) && (mon = this.d2.monstats[monid])) {
+								let party = [], minions = [this.d2.monstats[mon.minion1], this.d2.monstats[mon.minion2]].filter(Boolean);
+								mon.PartyMin = mon.PartyMin || 1;
+								mon.PartyMax = mon.PartyMax || 1;
+								mon.MinGrp = mon.MinGrp || 0;
+								mon.MaxGrp = mon.MaxGrp || 0;
+								mon.Rarity = mon.Rarity || 0;
+								party.push([mon, (mon.PartyMin + mon.PartyMax) * mon.Rarity / 2]);
+								let groupSize = (mon.PartyMin + mon.PartyMax + mon.MinGrp + mon.MaxGrp) / 2;
+								minions.forEach(minion => {
+									party.push([minion, (mon.MinGrp + mon.MaxGrp) * mon.Rarity / 2 / minions.length]);
+								});
+								party.forEach(mondata => {
+									let [mon, rarity] = mondata,
+										monlvl = this.d2.MonLvl[[mon.Level, level['MonLvlEx(N)'], level['MonLvlEx(H)']][diff]],
+										hp = ((mon.minHP || 0) + (mon.maxHP || 0)) / 200 * monlvl['HP' + diffabv],
+										xp = (mon.Exp || 0) / 100 * monlvl['XP' + diffabv];
+									let calc = (resKey, resName) => {
+										if (!xp || !rarity) {
+											return 0;
+										}
+										if (!hp) {
+											return Infinity;
+										}
+										let res = Number(mon[resKey]) || 0;
+										if (res >= 100) {
+											switch(resName) {
+												case 'fire':
+												case 'lightning':
+												case 'cold':
+													res -= (Number(this.skills.conviction) + Number(this.skills.lowerResist)) / 5;
+													break;
+												case 'poison':
+													res -= Number(this.skills.lowerResist) / 5;
+													break;
+												case 'physical':
+													res -= Number(this.skills.amplify) / 5;
+													break;
+											}
+										} else {
+											switch(resName) {
+												case 'fire':
+												case 'lightning':
+												case 'cold':
+													res -= Number(this.skills.conviction) + Number(this.skills.lowerResist);
+													break;
+												case 'poison':
+													res -= Number(this.skills.lowerResist);
+													break;
+												case 'physical':
+													res -= Number(this.skills.amplify);
+													break;
+												}
+										}
+										if (res < 100) {
+											res -= Number(this.pierce[resName]);
+										}
+										res = Math.min(100, Math.max(-100, res)) / 100;
+										if (this.countImmunes) {
+											if (res >= 1) {
+												return 1 * rarity;
+											} else {
+												return 0;
+											}
+										} else {
+											return Math.min(this.damage.aoe[resName], groupSize) * (xp / Math.ceil(hp / (this.damage.avg[resName] * this.damage.hits[resName]))) * (1 - res) * rarity / this.damage.fpa[resName];
+										}
+									};
+									stats.yield.physical += calc('ResDm' + diffabv, 'physical');
+									stats.yield.magic += calc('ResMa' + diffabv, 'magic');
+									stats.yield.fire += calc('ResFi' + diffabv, 'fire');
+									stats.yield.lightning += calc('ResLi' + diffabv, 'lightning');
+									stats.yield.cold += calc('ResCo' + diffabv, 'cold');
+									stats.yield.poison += calc('ResPo' + diffabv, 'poison');
+									totalRarity += rarity;
+								});
+							}
+						}
+						if (totalRarity) {
+							for (let key in stats.yield) {
+								stats.yield[key] /= totalRarity;
+							}
+						}
+						level['Calculations' + diffabv] = stats;
+					}
+					let acts = [];
+					for (let lvlNum in this.d2.Levels) {
+						if (lvlNum > 0) {
+							let current = this.d2.Levels[lvlNum]['Calculations' + diffabv],
+								yields = Object.keys(current.yield).sort((a, b) => current.yield[a] - current.yield[b]),
+								act = this.d2.Levels[lvlNum].Act || 0;
+							acts[act] = acts[act] || {yields: {}};
+							yields.forEach(key => {
+								acts[act].yields[key] = acts[act].yields[key] || [0, 0];
+								if (this.optionalAreas || this.requiredAreas.includes(lvlNum|0)) {
+									acts[act].yields[key][0] += current.yield[key];
+									acts[act].yields[key][1] += 1;
+								}
+							});
+						}
+					}
+					acts = acts.map(current => {
+						for (let key in current.yields) {
+							if (current.yields[key][0]) {
+								current.yields[key] = current.yields[key][0] / current.yields[key][1];
+							}
+							else {
+								current.yields[key] = 0;
+							}
+							maxYield = Math.max(maxYield, current.yields[key]);
+						}
+						return current.yields;
+					});
+					let totalIndex = acts.length, width = 1 / (acts.length + 1), floor = (diffindex + 1) / diffs.length;
+					if (diffindex < diffs.length - 1) {
+						Vue.set(this.svg.elements, 'lvlfloor' + diffabv, createLine(0, floor, 1, floor, '#000000'));
+					}
+					acts[totalIndex] = {};
+					acts.forEach((current, index) => {
+						let keys = Object.keys(current).filter(key => Number(this.damage.avg[key])), subWidth = width / keys.length, text = '';
+						keys.forEach((key, subIndex) => {
+							if (index < totalIndex) {
+								acts[totalIndex][key] = acts[totalIndex][key] || 0;
+								acts[totalIndex][key] += current[key];
+							} else {
+								current[key] /= totalIndex;
+							}
+							let height = current[key] / maxYield / diffs.length,
+								x = width * index + subWidth * subIndex,
+								y = floor - height;
+							Vue.set(this.svg.elements, 'act' + index + key + diffindex, createRect(x, y, subWidth, height, this.colorKey[key] || '#000000'));
+							Vue.set(this.svg.elements, 'act' + index + key + '-caption' + diffindex, createText(x + subWidth / 2, (diffindex + 0.9) / diffs.length, key, this.textColorKey[key]));
+						});
+						if (index < totalIndex) {
+							text = 'Act ' + (index + 1) + ' ' + diffabv;
+						} else {
+							text = 'Average ' + diffabv;
+						}
+						if (index > 0) {
+							Vue.set(this.svg.elements, 'act' + index + 'divider' + diffindex, createLine(width * index, diffindex / diffs.length, width * index, floor, '#000000'));
+						}
+						Vue.set(this.svg.elements, 'act' + index + 'text' + diffindex, createText(width * (index + 0.5), (diffindex + 0.1) / diffs.length, text, '#000000'));
+					});
+				});
+			},
+		},
+		created: async function () {
+			for (let key in this.d2) {
+				this.d2[key] = await this.d2[key];
+			}
+			this.calculateEfforts();
+			this.visible = true;
+			let windowUpdate = () => {
+				let elem = $('#renderer');
+				if (elem) {
+					this.svg.width = elem.clientWidth;
+					this.svg.height = elem.clientHeight;
+					this.svg.aspectRatio = this.svg.width / this.svg.height;
+					this.fontSize = this.svg.width * 0.008;
+					this.debugMessage = this.svg.width + 'x' + this.svg.height;
+				}
+				window.requestAnimationFrame(windowUpdate);
+			};
+			windowUpdate();
+		},
+	});
+})();

package/docs/elem-effort.html ADDED Viewed

@@ -0,0 +1,130 @@
+<!doctype html>
+<html>
+	<head>
+		<title>Diablo 2 Elemental Effort Visualizer</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
+		<link rel="stylesheet" href="effort.css">
+	</head>
+	<body>
+		<div id="effortapp">
+			<div class="settings-bar">
+				<div class="vertically-spaced">
+					<div class="expand-label">
+						<label>Normal</label>
+						<input type="checkbox" v-model="difficulty[0]" @change="updateGraphs">
+					</div>
+					<div class="expand-label">
+						<label>Nightmare</label>
+						<input type="checkbox" v-model="difficulty[1]" @change="updateGraphs">
+					</div>
+					<div class="expand-label">
+						<label>Hell</label>
+						<input type="checkbox" v-model="difficulty[2]" @change="updateGraphs">
+					</div>
+					<div class="expand-label">
+						<label>Optional Areas</label>
+						<input type="checkbox" v-model="optionalAreas" @change="updateGraphs">
+					</div>
+					<div class="expand-label">
+						<label>Count Immunes</label>
+						<input type="checkbox" v-model="countImmunes" @change="updateGraphs">
+					</div>
+				</div>
+				<div class="vertically-spaced">
+					<div class="expand-label input-height">
+						<label>Conviction %</label>
+						<input type="number" step="5" min="0" v-model="skills.conviction" @change="updateGraphs">
+					</div>
+					<div class="expand-label input-height">
+						<label>Lower Resist %</label>
+						<input type="number" step="5" min="0" v-model="skills.lowerResist" @change="updateGraphs">
+					</div>
+					<div class="expand-label input-height">
+						<label>Amplify/Decrepify %</label>
+						<input type="number" step="50" min="0" max="100" v-model="skills.amplify" @change="updateGraphs">
+					</div>
+					<div>&nbsp;</div>
+				</div>
+				<table class="element-table">
+					<tr>
+						<td>&nbsp</td>
+						<th>Physical</th>
+						<th>Magic</th>
+						<th>Fire</th>
+						<th>Lightning</th>
+						<th>Cold</th>
+						<th>Poison</th>
+					</tr>
+					<tr>
+						<th>Min Dmg</th>
+						<td><input type="number" step="1" min="0" v-model="damage.min.physical" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.min.magic" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.min.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.min.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.min.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.min.poison" @change="updateGraphs"></td>
+					</tr>
+					<tr>
+						<th>Max Dmg</th>
+						<td><input type="number" step="1" min="0" v-model="damage.max.physical" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.max.magic" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.max.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.max.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.max.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="damage.max.poison" @change="updateGraphs"></td>
+					</tr>
+					<tr>
+						<th>Pierce %</th>
+						<td><input type="number" step="1" min="0" v-model="pierce.physical" @change="updateGraphs" disabled></td>
+						<td><input type="number" step="1" min="0" v-model="pierce.magic" @change="updateGraphs" disabled></td>
+						<td><input type="number" step="1" min="0" v-model="pierce.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="pierce.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="pierce.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="0" v-model="pierce.poison" @change="updateGraphs"></td>
+					</tr>
+					<tr>
+						<th>Hit Count</th>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.physical" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.magic" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.hits.poison" @change="updateGraphs"></td>
+					</tr>
+					<tr>
+						<th>AoE Max</th>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.physical" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.magic" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.aoe.poison" @change="updateGraphs"></td>
+					</tr>
+					<tr>
+						<th>*FPA</th>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.physical" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.magic" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.fire" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.lightning" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.cold" @change="updateGraphs"></td>
+						<td><input type="number" step="1" min="1" v-model="damage.fpa.poison" @change="updateGraphs"></td>
+					</tr>
+				</table>
+			</div>
+			<p>Higher values mean more effectiveness. AoE max is capped at group size. *FPA = Frames Per Attack (25 frames = 1 second)</p>
+			<div class="svg-wrapper" v-if="visible">
+				<svg id="renderer" :height="svg.height" :width="svg.width" :style="`font-size:${fontSize}px`">
+					<template v-for="element in svg.elements">
+						<line v-if="element.type === 'line'" :x1="svg.width * element.x1" :y1="svg.height * element.y1" :x2="svg.width * element.x2" :y2="svg.height * element.y2" :style="'stroke:' + element.color" />
+						<rect v-else-if="element.type === 'rect'" :x="svg.width * element.x" :y="svg.height * element.y" :width="svg.width * element.width" :height="svg.height * element.height" :style="'fill:' + element.color" />
+						<text v-else-if="element.type === 'text'" :x="svg.width * element.x" :y="svg.height * element.y" :style="'fill:' + element.color" dominant-baseline="middle" text-anchor="middle">{{ element.text }}</text>
+					</template>
+					<text :x="5" :y="svg.height - 5" class="debug">{{ debugMessage }}</text>
+				</svg>
+			</div>
+			<p v-else>Loading...</p>
+		</div>
+	</body>
+	<script src="effort.js"></script>
+</html>

package/docs/images/0-0.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.5 0.5 3 6">
+  <defs>
+    <marker id="arrowhead" markerWidth="1.5" markerHeight="2.5" refX="0.05" refY="1.25" orient="auto">
+      <polygon points="0 0, 1.5 1.25, 0 2.5" fill="#222" />
+    </marker>
+  </defs>
+  <line x1="2" y1="1" x2="2" y2="1.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="3" y1="1" x2="3" y2="2.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="1" y1="2" x2="1" y2="3.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="2" x2="2" y2="3.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="3" y1="3" x2="3" y2="4.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="1" y1="4" x2="1" y2="5.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="4" x2="2" y2="4.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="2" x2="2.6" y2="2.6" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="1" y1="3" x2="1.6" y2="3.6" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+</svg>

package/docs/images/0-1.svg ADDED Viewed

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.5 0.5 3 6">
+  <defs>
+    <marker id="arrowhead" markerWidth="1.5" markerHeight="2.5" refX="0.05" refY="1.25" orient="auto">
+      <polygon points="0 0, 1.5 1.25, 0 2.5" fill="#222" />
+    </marker>
+  </defs>
+  <line x1="1" y1="1" x2="1" y2="2.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="1" y1="3" x2="1" y2="4.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="1" y1="5" x2="1" y2="5.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="2" x2="2" y2="2.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="3" x2="2" y2="4.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="3" y1="1" x2="3" y2="3.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="3" y1="4" x2="3" y2="5.55" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+  <line x1="2" y1="5" x2="1.4" y2="5.6" stroke="#222" stroke-width="0.1" marker-end="url(#arrowhead)"/>
+</svg>