diff --git a/.gitignore b/.gitignore index 3c3629e6..d5f19d89 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ node_modules +package-lock.json diff --git a/120/app.js b/120/app.js new file mode 100644 index 00000000..a4d0c2ce --- /dev/null +++ b/120/app.js @@ -0,0 +1,20 @@ +const path = require('path'); +const { app, BrowserWindow } = require('electron'); + +require('electron-reload')(__dirname); + +app.once('ready', () => { + const window = new BrowserWindow({ + width: 400, + height: 300, + webPreferences: { + nodeIntegration: false, + worldSafeExecuteJavaScript: true, + contextIsolation: true, + preload: path.join(__dirname, 'preload.js') + } + }); + + window.loadFile('index.html'); + //window.webContents.openDevTools(); +}); diff --git a/120/btc.js b/120/btc.js new file mode 100644 index 00000000..0899e200 --- /dev/null +++ b/120/btc.js @@ -0,0 +1,6 @@ +setInterval(async () => { + let { data } = await axios + .get('https://api.coindesk.com/v1/bpi/currentprice.json'); + + document.getElementById('price').innerText = '$' + data.bpi.USD.rate; +}, 2000); diff --git a/120/index.html b/120/index.html new file mode 100644 index 00000000..c4d2b9cb --- /dev/null +++ b/120/index.html @@ -0,0 +1,16 @@ + + + + BTC Price Tracker + + + + + + + + +

BTC Price

+

+ + diff --git a/120/package.json b/120/package.json new file mode 100644 index 00000000..bc1a044e --- /dev/null +++ b/120/package.json @@ -0,0 +1,11 @@ +{ + "dependencies": { + "axios": "^0.20.0", + "electron": "10.1.3", + "electron-reload": "1.5.0" + }, + "main": "app.js", + "scripts": { + "start": "electron --disable-gpu ." + } +} diff --git a/120/preload.js b/120/preload.js new file mode 100644 index 00000000..9d135483 --- /dev/null +++ b/120/preload.js @@ -0,0 +1,3 @@ +const { contextBridge } = require('electron'); + +contextBridge.exposeInMainWorld('axios', require('axios')); diff --git a/120/style.css b/120/style.css new file mode 100644 index 00000000..8436910e --- /dev/null +++ b/120/style.css @@ -0,0 +1,17 @@ +html { + background: #222; + color: #fff; +} + +body { + text-align: center; +} + +.title { + font-size: 48px; +} + +.price { + font-size: 38px; + color: #FCC117; +}