Update to add merrysky and use a .env file
This commit is contained in:
parent
34d6294bd0
commit
b5d9849c9a
13
gulpfile.js
Normal file
13
gulpfile.js
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
const replace = require('gulp-replace');
|
||||||
|
const { src, dest } = require('gulp');
|
||||||
|
require('dotenv/config');
|
||||||
|
|
||||||
|
// or replace multiple strings
|
||||||
|
function replaceTemplate() {
|
||||||
|
return src(['./public/js/**/*.js'])
|
||||||
|
.pipe(replace(/TEASENSE_URI/g, process.env.TEASENSE_URI))
|
||||||
|
.pipe(replace(/RAINFALL_URI/g, process.env.RAINFALL_URI))
|
||||||
|
.pipe(dest('./public/js'));
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = replaceTemplate;
|
4123
package-lock.json
generated
4123
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -3,9 +3,8 @@
|
|||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "npx tsc && npx rollup -c",
|
"start": "npx tsc && npx gulp && npx rollup -c",
|
||||||
"clean": "rm -rf build",
|
"clean": "rm -rf build",
|
||||||
"test": "echo \"Error: no test specified\" && exit 1"
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
},
|
},
|
||||||
@ -13,6 +12,7 @@
|
|||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"date-fns": "^2.30.0",
|
"date-fns": "^2.30.0",
|
||||||
|
"dotenv": "^16.1.4",
|
||||||
"lit": "^2.7.5",
|
"lit": "^2.7.5",
|
||||||
"typescript": "^5.1.3"
|
"typescript": "^5.1.3"
|
||||||
},
|
},
|
||||||
@ -23,6 +23,8 @@
|
|||||||
"@web/rollup-plugin-copy": "^0.4.0",
|
"@web/rollup-plugin-copy": "^0.4.0",
|
||||||
"@web/rollup-plugin-html": "^2.0.0",
|
"@web/rollup-plugin-html": "^2.0.0",
|
||||||
"@web/rollup-plugin-polyfills-loader": "^2.0.0",
|
"@web/rollup-plugin-polyfills-loader": "^2.0.0",
|
||||||
|
"gulp": "^4.0.2",
|
||||||
|
"gulp-replace": "^1.1.4",
|
||||||
"rollup": "^2.79.1",
|
"rollup": "^2.79.1",
|
||||||
"rollup-plugin-minify-html-literals": "^1.2.6",
|
"rollup-plugin-minify-html-literals": "^1.2.6",
|
||||||
"rollup-plugin-summary": "^2.0.0"
|
"rollup-plugin-summary": "^2.0.0"
|
||||||
|
9
public/merrysky.html
Normal file
9
public/merrysky.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="refresh" content="86400">
|
||||||
|
<script type="module" src="./js/MerrySky.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<merry-sky></merry-sky>
|
||||||
|
</body>
|
||||||
|
</html>
|
15
src/MerrySky.ts
Normal file
15
src/MerrySky.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { LitElement, html } from 'lit';
|
||||||
|
import { customElement } from 'lit/decorators.js';
|
||||||
|
|
||||||
|
@customElement('merry-sky')
|
||||||
|
export class MerrySky extends LitElement {
|
||||||
|
override render() {
|
||||||
|
return html`<iframe framespacing="0" width="100%" height="100%" frameborder="no" src="https://merrysky.net">View MerrySky</iframe>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface HTMLElementTagNameMap {
|
||||||
|
'merry-sky': MerrySky;
|
||||||
|
}
|
||||||
|
}
|
@ -11,7 +11,7 @@ export class Rainfall extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async pullValueFromBackend() {
|
async pullValueFromBackend() {
|
||||||
const response = await fetch('https://sensors.mooreforge.com/api/rainfall');
|
const response = await fetch('RAINFALL_URI');
|
||||||
const data = await response.json();
|
const data = await response.json();
|
||||||
const result = data
|
const result = data
|
||||||
.map((datum: any) => datum.value)
|
.map((datum: any) => datum.value)
|
||||||
|
@ -12,12 +12,17 @@ export class TeaSense extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async pullTempFromBackend() {
|
async pullTempFromBackend() {
|
||||||
const response = await fetch('https://sensors.mooreforge.com/api/teasense');
|
try {
|
||||||
const data = await response.json();
|
const response = await fetch('TEASENSE_URI');
|
||||||
const result = data
|
|
||||||
.reduce((accum: any, datum: any) => (((accum && isBefore(new Date(accum?.timestamp), new Date(datum?.timestamp))) || !accum) ? datum : accum));
|
|
||||||
|
|
||||||
this.setTemp(result.value);
|
const data = await response.json();
|
||||||
|
const result = data
|
||||||
|
.reduce((accum: any, datum: any) => (((accum && isBefore(new Date(accum?.timestamp), new Date(datum?.timestamp))) || !accum) ? datum : accum));
|
||||||
|
|
||||||
|
this.setTemp(result.value);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
|
||||||
setTimeout(() => this.pullTempFromBackend(), 5000);
|
setTimeout(() => this.pullTempFromBackend(), 5000);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user