A web app to build Apple touch bar elements for crytpo currencies. Requires BetterTouchTool. Supports wide range of cryptos and converts to a variety of fiat monies.
Home Page: https://chrislennon.github.io/Crypto-Touchbar-App/
License: MIT License
Hi, thanks for such cool feature!
When a computer is not connected to Internet (bus, plane, etc.) or the connection drops, the currency label shows a long error message instead of the currency details (price, arrows, etc.).
Would it be possible to add a feature that would keep displayed the last price which was available before the connection dropped rather than displaying an error message that takes the whole Touch Bar?
Thank you :)
First; Thanks for making this!
Would be great if market cap would be included.
looks like certain outputs are not being interpreted correctly for certain values and cannot input a comma to separate the thousands.
reported via this reddit comment
Traceback (most recent call last):
File "<string>", line 1, in <module>
ValueError: Cannot specify ',' with 's'.
Some coins have a large number of decimal places - typically when their value is ~$1 or less.
Implement an override that the user can specify the maximum number of decimals before they export it.
When a user changes the FIAT currency for conversion after touchbar elements are added the existing elements should be removed.
This doesn't effect the JSON output, however does effect the visual effect of the application
BTT looks to be moving towards allowing shell script directly rather than looping it though applescript - https://twitter.com/boastr_net/status/952544253628076032.
This should provide us a few benefits:
Thanks @fifafu! this is awesome - any approximation on the alpha -> stable date?
Silly bug:
... FML
Currently the crypto elements spawn a popup asking to open a null URL. This action should either be removed or go somewhere useful.
I'm on MacOS High Sierra V10.13.6. / BTT v2.627
When I do a direct import to BTT, no price is displayed in the BTC indicator on the touch bar. If i run the script imported from BTT, it returns "Error/Nothing was returned".
When I do JSON import, raw script code is displayed in the BTC indicator. If I run the script imported from BTT, I get the right price returned.
It happens no matter the advanced options selected.
#!_usr_bin_python
# -*- coding: utf-8 -*-
import urllib2,json,sys
coin_ticker = "BTC" if "BTC"[0] != "{" else "BTC"
fiat_ticker = "USD" if "USD"[0] != "{" else "USD"
fiat_symbol = "$" if "$"[0] != "{" else "$"
num_format = "{}" if "{}"[2:8] != "format" else "{}"
mod_percent = float("0") if "0"[0] != "{" else float(0)
output_type = "no" if "no"[0] != "{" else "mktcap"
api_type = "live" if "live"[0] != "{" else "live"
extraOptions = "False" if "False"[0] != "{" else "&limit=1&aggregate=1&toTs=1514376000"
offline_cache = "false" if "false"[0] != "{" else "false"
percentageRound = int("0") if "0"[0] != "{" else int(0)
literalRound = int("0") if "0"[0] != "{" else int(0)
try:
if (api_type == "live"):
url = "https:__min-api.cryptocompare.com_data_pricemultifull?fsyms={}&tsyms={}".format(coin_ticker, fiat_ticker)
data = urllib2.urlopen(url)
obj=json.load(data)
raw_current = float(obj["RAW"][coin_ticker][fiat_ticker]["PRICE"])
raw_opening = float(obj["RAW"][coin_ticker][fiat_ticker]["OPEN24HOUR"])
raw_high = float(obj["RAW"][coin_ticker][fiat_ticker]["HIGHDAY"])
raw_low = float(obj["RAW"][coin_ticker][fiat_ticker]["LOWDAY"])
raw_mktcap = float(obj["RAW"][coin_ticker][fiat_ticker]["MKTCAP"])
current = num_format.format(raw_current)
opening = num_format.format(raw_opening)
high = num_format.format(raw_high)
low = num_format.format(raw_low)
if (raw_mktcap > 1000000):
mktcap = str("{:,."+str(literalRound)+"f}").format(raw_mktcap _ 1000000) + " M"
else:
mktcap = str("{:,."+str(literalRound)+"f}").format(raw_mktcap)
if (raw_current > raw_opening):
trend = "▲"
else:
trend = "▼"
if (output_type is "no"):
output = fiat_symbol + current
elif (output_type is "simple"):
output = fiat_symbol + current + " " + trend
elif (output_type is "mktcap"):
output = fiat_symbol + current + " (" + fiat_symbol + mktcap + ")"
elif (output_type is "absolute"):
output = fiat_symbol + current + " (L: " + fiat_symbol + low + " H: " + fiat_symbol + high + ")"
elif (output_type is "relative"):
output = fiat_symbol + current + " (L: -" + fiat_symbol + str(round(raw_current - raw_low, literalRound)) + " H: +" + fiat_symbol + str(round(raw_high - raw_current,literalRound)) + ")"
elif (output_type is "current-percentage"):
output = fiat_symbol + current + " (" + str(round(((raw_current - raw_opening) _ raw_current) * 100, percentageRound)) + "%)"
elif (output_type is "range-percentage"):
output = fiat_symbol + current + " (L: -" + str(round (((raw_current - raw_low) _ raw_current) * 100, percentageRound)) + "% H: +" + str(round (((raw_high - raw_current) _ raw_current) * 100, percentageRound)) + "%)"
elif (output_type is "user-percentage"):
output = fiat_symbol + current + " (L: " + fiat_symbol + str(round(raw_current - (raw_current * mod_percent), literalRound)) + " H: " + fiat_symbol + str(round(raw_current + (raw_current * mod_percent), literalRound)) + ")"
if (offline_cache is "true"):
tmp_file = open("_tmp_"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "w")
tmp_file.write(output)
tmp_file.close()
print(output)
elif (api_type == "historical"):
url = "https:__min-api.cryptocompare.com_data_histohour?fsym={}&tsym={}" + extraOptions
url = url.format(coin_ticker, fiat_ticker)
data = urllib2.urlopen(url)
obj=json.load(data)
raw_high = float(obj["Data"][1]["high"])
high = num_format.format(raw_high)
output = fiat_symbol + high
if (offline_cache is "true"):
tmp_file = open("_tmp_"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "w")
tmp_file.write(output)
tmp_file.close()
print(output)
except urllib2.URLError, e:
try:
tmp_file = open("_tmp_"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "r")
print 'CACHED ' + tmp_file.read()
except IOError, e:
print('Unable to get data from API & no cache available')
except ValueError, e:
print('There was an error formatting the output: %s' % e)
# Please submit any issues https:__github.com_chrislennon_Crypto-Touchbar-App_issues with the above script
#!/usr/bin/python
# -*- coding: utf-8 -*-
import urllib2,json,sys
coin_ticker = "BTC" if "BTC"[0] != "{" else "BTC"
fiat_ticker = "USD" if "USD"[0] != "{" else "USD"
fiat_symbol = "$" if "$"[0] != "{" else "$"
num_format = "{}" if "{}"[2:8] != "format" else "{}"
mod_percent = float("0") if "0"[0] != "{" else float(0)
output_type = "no" if "no"[0] != "{" else "mktcap"
api_type = "live" if "live"[0] != "{" else "live"
extraOptions = "False" if "False"[0] != "{" else "&limit=1&aggregate=1&toTs=1514376000"
offline_cache = "false" if "false"[0] != "{" else "false"
percentageRound = int("0") if "0"[0] != "{" else int(0)
literalRound = int("0") if "0"[0] != "{" else int(0)
try:
if (api_type == "live"):
url = "https://min-api.cryptocompare.com/data/pricemultifull?fsyms={}&tsyms={}".format(coin_ticker, fiat_ticker)
data = urllib2.urlopen(url)
obj=json.load(data)
raw_current = float(obj["RAW"][coin_ticker][fiat_ticker]["PRICE"])
raw_opening = float(obj["RAW"][coin_ticker][fiat_ticker]["OPEN24HOUR"])
raw_high = float(obj["RAW"][coin_ticker][fiat_ticker]["HIGHDAY"])
raw_low = float(obj["RAW"][coin_ticker][fiat_ticker]["LOWDAY"])
raw_mktcap = float(obj["RAW"][coin_ticker][fiat_ticker]["MKTCAP"])
current = num_format.format(raw_current)
opening = num_format.format(raw_opening)
high = num_format.format(raw_high)
low = num_format.format(raw_low)
if (raw_mktcap > 1000000):
mktcap = str("{:,."+str(literalRound)+"f}").format(raw_mktcap / 1000000) + " M"
else:
mktcap = str("{:,."+str(literalRound)+"f}").format(raw_mktcap)
if (raw_current > raw_opening):
trend = "▲"
else:
trend = "▼"
if (output_type is "no"):
output = fiat_symbol + current
elif (output_type is "simple"):
output = fiat_symbol + current + " " + trend
elif (output_type is "mktcap"):
output = fiat_symbol + current + " (" + fiat_symbol + mktcap + ")"
elif (output_type is "absolute"):
output = fiat_symbol + current + " (L: " + fiat_symbol + low + " H: " + fiat_symbol + high + ")"
elif (output_type is "relative"):
output = fiat_symbol + current + " (L: -" + fiat_symbol + str(round(raw_current - raw_low, literalRound)) + " H: +" + fiat_symbol + str(round(raw_high - raw_current,literalRound)) + ")"
elif (output_type is "current-percentage"):
output = fiat_symbol + current + " (" + str(round(((raw_current - raw_opening) / raw_current) * 100, percentageRound)) + "%)"
elif (output_type is "range-percentage"):
output = fiat_symbol + current + " (L: -" + str(round (((raw_current - raw_low) / raw_current) * 100, percentageRound)) + "% H: +" + str(round (((raw_high - raw_current) / raw_current) * 100, percentageRound)) + "%)"
elif (output_type is "user-percentage"):
output = fiat_symbol + current + " (L: " + fiat_symbol + str(round(raw_current - (raw_current * mod_percent), literalRound)) + " H: " + fiat_symbol + str(round(raw_current + (raw_current * mod_percent), literalRound)) + ")"
if (offline_cache is "true"):
tmp_file = open("/tmp/"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "w")
tmp_file.write(output)
tmp_file.close()
print(output)
elif (api_type == "historical"):
url = "https://min-api.cryptocompare.com/data/histohour?fsym={}&tsym={}" + extraOptions
url = url.format(coin_ticker, fiat_ticker)
data = urllib2.urlopen(url)
obj=json.load(data)
raw_high = float(obj["Data"][1]["high"])
high = num_format.format(raw_high)
output = fiat_symbol + high
if (offline_cache is "true"):
tmp_file = open("/tmp/"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "w")
tmp_file.write(output)
tmp_file.close()
print(output)
except urllib2.URLError, e:
try:
tmp_file = open("/tmp/"+coin_ticker+"-"+fiat_ticker+"-"+output_type+".txt", "r")
print 'CACHED ' + tmp_file.read()
except IOError, e:
print('Unable to get data from API & no cache available')
except ValueError, e:
print('There was an error formatting the output: %s' % e)
# Please submit any issues https://github.com/chrislennon/Crypto-Touchbar-App/issues with the above script
Currently all currency icons are output in white (except a few manually added ones - BCG etc.)
Look to add either a light/dark checkbox or an additional colour picker per coin for the coin's symbol.
I am using the Crypto Touchbar App tool for 2 hours now and I have seen several times this kind of bug instead of my favorite crypto-values (see picture)
On this picture it appears instead of BTC value but it appears also on others crypto.
The raw code appears until the next auto-refresh (set in my case at 5 seconds)
Reddcoin won't update on touchbar. Shows an error.
Traceback (most recent call last):
File "", line 5, in
ValueError: Unknown format code 'f' for object of type 'unicode'
Hi, I think it's useful to add a setting in the webpage to let the user customise the rounding parameter. I've modified the code to round the % to 2 decimals:
elif (output_type is "current-percentage"):
output = fiat_symbol + current + " (" + str(round((((raw_current - raw_opening) / raw_current) * 100), 2)) + "%)"
I've made this because I thought it was strange to have the percentage changing from 1 to 1%.
Thanks and nice work!
https://www.cryptocompare.com/api/# states that requests shouldn't be made more than once per 10 seconds, to honour this I should increase the minimum selectable time to 10/15 seconds.
from reddit: add comma separation for thousands. i.e. $13,778.30 instead of $13778.30
^ do that
Current:
loads all coins from coins.js which have an icon and provides search for others that don't.
Todo:
Load top X coins from list, search for others - apply the colours and icons to all coins by matching on the ticker.
For some bizarre reason Ripple and Ethereum icons are exporting to be squashed, despite being generated by identical code.
Currently the crypto touchbar elements all output to a standard orange (BTC) colour, the users should be allowed to change the default colour, or colour of each element individually.
Request from twitter that coins that have an icon in the SVG package are not available in the app.
Add all available coin/icon pairs and fix the ordering of them, alphabetical by ticker?
Coin list may be dynamically generated from API https://www.cryptocompare.com/api/data/coinlist/
This may however bring in interesting considerations with coin icons and will build in a dependancy to external API to the app's load.
probably should add some donation addresses to the site/github repo on the off chance that people find this useful. 🤑
From a brief read over the API I am using the pricemultifull which will respond with the latest data received from any given exchange.
This could mean that the price may fluctuate significantly even inside the touch bar - i.e. BTC - GDAX price is received and then on refresh BTC - Kraken price is received.
Two ways could be used to combat this:
generateAvg this will generate a price average across all the exchanges available to cryptocompareDownload file is currently called data.json - could be something more useful.
File imported is called Crypto-Touchbar-App - I have been renaming mine locally to Crypto-Touchbar-App-USD etc. Should probably put this in the codebase for people who use multiple imports.
Thanks for making this! Looks nicer and has more options than the previous one I had.
Just one issue, the ADA icon is not showing up and I don't how to fix it, any ideas?
as requested on reddit
The formatting issues experienced within python (assumed to be resolved in #76) were a bit of a headache for users. The debugging it was also not as easy as it could of been on my end.
To implement - a way of testing the JS generation of python code, and the testing of the python code in a way that means I can be confident changes that are made apply to all coins/formats/output styles.
Show the currency graph/trend with some meaningful values attached.
This graph could be shown whenever the user clicks on a coin.
Enhance the layout of the webapp, current ideas:
Show the price with a variance appended to the output, 3 options:
Ways of displaying each of above:
$1000 +$1100 -$900$1000 +$100 -$100$1000 +10%suggestion source: reddit
A user report has stated that the ordering of the icons doesn't seem to be functioning appropriately.
Investigate what is going on with this. Work around for now is reordering inside BetterTouchTool after import.
Currently canvg complains when loading the SVG files when running the html file directly in a browser. A simple work around is to serve the files on http e.g. python -m SimpleHTTPServer 8080 and the application will then be available as http://127.0.0.1:8080/index.html
TODO: implement a simple npm serve and other tooling to assist in local development
Noticed in testing of new functionality BitConnect (BCC) is pulling the wrong values. Ticker should likely be BCCOIN https://www.cryptocompare.com/coins/bccoin/overview/USD
Add alternate bitcoin conversions to the convert currency dropdown. BTC now exists however satoshi's and bits units should also exist.
Currently cyrpto elements are automatically included in a group.
The groups look as such:
The group consists of an icon (see last pending work on #12), 'Crypto' and 🤑.
this should be enabled for user configuration or be allowed to be disabled.
Add optional functionality to go a given exchange on tap of the crypto currency element.
Add an optional 'point in time' selection to the web-app and create static outputs of price for that specified time.
To investigate:
suggestion source: reddit
add BTC as a currency conversion option
requested on reddit
If you choose pounds sterling you get errors. It doesn't like the £ and also doesn't like if you set it to 2 decimal places.
Found a small (yet annoying) issue where if change the group toggle box on/off/on and export each time you toggle the value - the group on the 3rd export will not work and will have the icon set that was destined for the group.
The instructions for adding a custom coin icon are missing. Please add instructions so we can add our own coins.
Currently if to many currencies are selected within the webapp the apple icons (volume etc.) will progress down the screen.
Implement a proper scrolling element for the middle section of the touchbar to represent a closer feel to the apple touch bar.
Refactor some of the hack and slash JS that goes on within the application - make it more likely that other developers wont vomit at my implementation of this application 
So at some point it seems that scrollbars started appearing and it looks nasty, also box shadowing on the colour selectors.
No code changes since end of Jan, any ideas @BJJLangedijk ?
Coins typically have a default colour. Currently all colours are set to a BTC style orange.
Add to the coins.js a colour preset that will populate on load of the coins list.
when encountering errors in python either timeouts of bad listing of output, specify a better error output than a large error dump.
remove logic for submodules and implement static prebuild steps for svg/webfont to a dedicated branch as part of npm as it now looks inevitable now that npm packages are going to become a persistent part of the project.
https://www.npmjs.com/package/gh-pages
https://www.npmjs.com/package/font-awesome-svg-png
https://www.npmjs.com/package/cryptocoins-icons
jq install has annoyed a few users, try to remove this and parse with OS specific tools
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.