diff --git a/package-lock.json b/package-lock.json index ef8041c..58ce2e9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,6 @@ "name": "wowtoken.app", "version": "1.0.0", "dependencies": { - "cash-dom": "^8.1.5", "chart.js": "^4.4.0", "chartjs-adapter-dayjs-3": "^1.2.3", "css-minimizer-webpack-plugin": "^5.0.0", @@ -543,11 +542,6 @@ } ] }, - "node_modules/cash-dom": { - "version": "8.1.5", - "resolved": "https://registry.npmjs.org/cash-dom/-/cash-dom-8.1.5.tgz", - "integrity": "sha512-/BS05CfzyHR5xT2ksKj1sDLPaOv5rSmIwoGxNgdKwUtnIuiJ5neMxVEmZxvfyJiSjGbOMD0Lwe+9v+fszDqHew==" - }, "node_modules/chalk": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", diff --git a/package.json b/package.json index 04dc91c..fb4d8ff 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,6 @@ "webpack-cli": "^4.7.2" }, "dependencies": { - "cash-dom": "^8.1.5", "chart.js": "^4.4.0", "chartjs-adapter-dayjs-3": "^1.2.3", "css-minimizer-webpack-plugin": "^5.0.0", diff --git a/src/index.js b/src/index.js index 4b8a4e2..4abcc07 100644 --- a/src/index.js +++ b/src/index.js @@ -9,7 +9,6 @@ import { Title, Tooltip } from 'chart.js'; -import $ from 'cash-dom'; import 'chartjs-adapter-dayjs-3'; import "./style.css" @@ -195,7 +194,7 @@ async function pullChartData() { } function formatToken() { - $("#token").html(currentPriceHash[currentRegionSelection].toLocaleString()); + document.getElementById("token").innerText = currentPriceHash[currentRegionSelection].toLocaleString(); } // TODO: These maybe able to be collapsed into a single function with params or a lambda @@ -293,7 +292,21 @@ function toolTipMouseOut() { tooltip.innerHTML = "Copy to clipboard"; } -$(document).ready(function() { +function registerEventHandles() { + registerCopyHandlers(); + registerOptionHandlers(); +} + +function registerCopyHandlers() { + document.getElementById('copyURLButton').addEventListener('click', function (event) { + copyURL(); + }) + document.getElementById('copyURLButton').addEventListener('mouseout', function (event) { + toolTipMouseOut(); + }) +} + +function registerOptionHandlers() { document.getElementById('region').addEventListener('change', function() { updateRegionPreference(this.value); }); @@ -305,15 +318,13 @@ $(document).ready(function() { document.getElementById('aggregate').addEventListener('change', function () { updateAggregatePreference(this.value); }) - document.getElementById('copyURLButton').addEventListener('click', function (event) { - copyURL(); - }) - document.getElementById('copyURLButton').addEventListener('mouseout', function (event) { - toolTipMouseOut(); - }) currentAggregateSelection = document.getElementById('aggregate').value; +} + +document.addEventListener('DOMContentLoaded', function () { + registerEventHandles(); detectURLQuery(); Promise.all([callUpdateURL(), pullChartData()]).then(populateChart) setInterval(callUpdateURL, 60*1000); -}); +}, false);