mirror of
https://github.com/josdejong/mathjs.git
synced 2025-12-08 19:46:04 +00:00
6f00715754
* Add `.js` extension to source file imports * Specify package `exports` in `package.json` Specify package type as `commonjs` (It's good to be specific) * Move all compiled scripts into `lib` directory Remove ./number.js (You can use the compiled ones in `./lib/*`) Tell node that the `esm` directory is type `module` and enable tree shaking. Remove unused files from packages `files` property * Allow importing of package.json * Make library ESM first * - Fix merge conflicts - Refactor `bundleAny` into `defaultInstance.js` and `browserBundle.cjs` - Refactor unit tests to be able to run with plain nodejs (no transpiling) - Fix browser examples * Fix browser and browserstack tests * Fix running unit tests on Node 10 (which has no support for modules) * Fix node.js examples (those are still commonjs) * Remove the need for `browserBundle.cjs` * Generate minified bundle only * [Security] Bump node-fetch from 2.6.0 to 2.6.1 (#1963) Bumps [node-fetch](https://github.com/bitinn/node-fetch) from 2.6.0 to 2.6.1. **This update includes a security fix.** - [Release notes](https://github.com/bitinn/node-fetch/releases) - [Changelog](https://github.com/node-fetch/node-fetch/blob/master/docs/CHANGELOG.md) - [Commits](https://github.com/bitinn/node-fetch/compare/v2.6.0...v2.6.1) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> * Cleanup console.log * Add integration tests to test the entry points (commonjs/esm, full/number only) * Create backward compatibility error messages in the files moved/removed since v8 * Describe breaking changes in HISTORY.md * Bump karma from 5.2.1 to 5.2.2 (#1965) Bumps [karma](https://github.com/karma-runner/karma) from 5.2.1 to 5.2.2. - [Release notes](https://github.com/karma-runner/karma/releases) - [Changelog](https://github.com/karma-runner/karma/blob/master/CHANGELOG.md) - [Commits](https://github.com/karma-runner/karma/compare/v5.2.1...v5.2.2) Signed-off-by: dependabot-preview[bot] <support@dependabot.com> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> Co-authored-by: Lee Langley-Rees <lee@greenimp.co.uk> Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
125 lines
3.2 KiB
HTML
125 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>math.js | currency conversion</title>
|
|
|
|
<script src="../../lib/browser/math.js"></script>
|
|
|
|
<style>
|
|
body,
|
|
html,
|
|
input {
|
|
font-size: 11pt;
|
|
font-family: verdana, arial, sans-serif;
|
|
color: #4d4d4d;
|
|
max-width: 600px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 120%;
|
|
}
|
|
|
|
input {
|
|
padding: 5px;
|
|
width: 400px;
|
|
}
|
|
button {
|
|
padding: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Currency conversion with math.js</h1>
|
|
|
|
<p>
|
|
This example demonstrates how you can fetch actual currencies from <a href="https://fixer.io">fixer.io</a> and use them in math.js.
|
|
</p>
|
|
|
|
<p>
|
|
Create a (free) account at <a href="https://fixer.io">fixer.io</a> and fill in your API access key below:
|
|
</p>
|
|
|
|
<form id="fetchForm">
|
|
<input type="text" id="apiKey" placeholder="fixer.io API access key..." />
|
|
<button type="submit" id="ok">Fetch currencies</button>
|
|
</form>
|
|
|
|
<p id="info">
|
|
</p>
|
|
<div id="form" style="display: none;">
|
|
<p>
|
|
<label for="expr">Enter an expression with currencies:</label>
|
|
</p>
|
|
<p>
|
|
<input id="expr" value="5 EUR + 2 * 3 EUR in USD" /><br/>
|
|
</p>
|
|
<p id="result"></p>
|
|
</div>
|
|
|
|
<script>
|
|
const accessKey = document.getElementById('apiKey')
|
|
const fetchForm = document.getElementById('fetchForm')
|
|
|
|
fetchForm.onsubmit = function (event) {
|
|
event.preventDefault()
|
|
|
|
document.getElementById('info').innerHTML = 'Fetching currencies...'
|
|
|
|
fetchAndImportCurrencies(accessKey.value)
|
|
.then(function (currencies) {
|
|
document.getElementById('expr').oninput = evaluate
|
|
document.getElementById('form').style.display = ''
|
|
document.getElementById('info').innerHTML = 'Available currencies: ' + currencies.join(', ')
|
|
|
|
evaluate()
|
|
})
|
|
.catch(function (err) {
|
|
console.error(err)
|
|
document.getElementById('info').innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
|
|
})
|
|
}
|
|
|
|
function fetchAndImportCurrencies (accessKey) {
|
|
// fetch actual currency conversion rates
|
|
return fetch('http://data.fixer.io/api/latest?access_key=' + accessKey)
|
|
.then(function (response) {
|
|
return response.json()
|
|
})
|
|
.then(function (data) {
|
|
if (data.success) {
|
|
// import the currencies
|
|
math.createUnit(data.base)
|
|
Object.keys(data.rates)
|
|
.filter(function (currency) {
|
|
return currency !== data.base
|
|
})
|
|
.forEach(function (currency) {
|
|
math.createUnit(currency, math.unit(1 / data.rates[currency], data.base))
|
|
})
|
|
|
|
// return an array with all available currencies
|
|
return Object.keys(data.rates).concat(data.base)
|
|
}
|
|
else {
|
|
throw new Error(data.error.info)
|
|
}
|
|
})
|
|
}
|
|
|
|
function evaluate () {
|
|
const expr = document.getElementById('expr')
|
|
const result = document.getElementById('result')
|
|
|
|
try {
|
|
const resultStr = math.format(math.evaluate(expr.value), {notation: 'fixed', precision: 2})
|
|
result.innerHTML = '<span style="color: dodgerblue;">' + resultStr + '</span>'
|
|
}
|
|
catch (err) {
|
|
result.innerHTML = '<span style="color: red;">' + err.toString() + '</span>'
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |