Compare commits
2 Commits
15c4ae9bad
...
a61f5f5e5b
| Author | SHA1 | Date |
|---|---|---|
 Savanni D'Gerinel
|
a61f5f5e5b | |
|
Savanni D'Gerinel
|
f76ae2052d |
|
|
@ -34,13 +34,14 @@
|
||||||
pkgs.libadwaita
|
pkgs.libadwaita
|
||||||
pkgs.librsvg
|
pkgs.librsvg
|
||||||
pkgs.nodejs
|
pkgs.nodejs
|
||||||
|
pkgs.nodePackages.eslint
|
||||||
|
pkgs.nodePackages.typescript
|
||||||
|
pkgs.nodePackages.typescript-language-server
|
||||||
pkgs.openssl
|
pkgs.openssl
|
||||||
pkgs.pipewire
|
pkgs.pipewire
|
||||||
pkgs.pkg-config
|
pkgs.pkg-config
|
||||||
pkgs.rustup
|
pkgs.rustup
|
||||||
pkgs.sqlite
|
pkgs.sqlite
|
||||||
pkgs.cargo-nextest
|
|
||||||
pkgs.wasm-pack
|
|
||||||
pkgs.sqlx-cli
|
pkgs.sqlx-cli
|
||||||
pkgs.udev
|
pkgs.udev
|
||||||
pkgs.wasm-pack
|
pkgs.wasm-pack
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
node: true,
|
||||||
|
jest: true,
|
||||||
|
},
|
||||||
|
extends: ['plugin:@typescript-eslint/recommended', 'eslint:recommended'],
|
||||||
|
parser: '@typescript-eslint/parser',
|
||||||
|
plugins: ['@typescript-eslint'],
|
||||||
|
root: true,
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
/** @type {import('ts-jest').JestConfigWithTsJest} */
|
||||||
|
module.exports = {
|
||||||
|
preset: 'ts-jest',
|
||||||
|
testEnvironment: 'node',
|
||||||
|
};
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,24 @@
|
||||||
|
{
|
||||||
|
"name": "otg-pwa",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"description": "",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "tsc",
|
||||||
|
"lint": "eslint ./src/**/.ts",
|
||||||
|
"test": "jest",
|
||||||
|
"test:watch": "jest --watch"
|
||||||
|
},
|
||||||
|
"author": "Savanni D'Gerinel <savanni@luminescent-dreams.com>",
|
||||||
|
"license": "GPL-3.0-or-later",
|
||||||
|
"dependencies": {
|
||||||
|
"@typescript-eslint/eslint-plugin": "^7.10.0",
|
||||||
|
"@typescript-eslint/parser": "^7.10.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/jest": "^29.5.12",
|
||||||
|
"http-server": "^14.1.1",
|
||||||
|
"jest": "^29.7.0",
|
||||||
|
"ts-jest": "^29.1.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
import { c_to_k, f_to_k, k_to_c, k_to_f } from './conversions';
|
||||||
|
|
||||||
|
describe('temperature conversions', () => {
|
||||||
|
it('should convert celsius to kelvin', () => {
|
||||||
|
expect(c_to_k(0)).toBe(273.15);
|
||||||
|
expect(c_to_k(100)).toBe(373.15);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should convert fahrenheit to kelvin', () => {
|
||||||
|
expect(f_to_k(32)).toBe(273.15);
|
||||||
|
expect(f_to_k(212)).toBe(373.15);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should convert kelvin to celsius', () => {
|
||||||
|
expect(k_to_c(273.15)).toBe(0);
|
||||||
|
expect(k_to_c(373.15)).toBe(100);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should convert kelvin to fahrenheit', () => {
|
||||||
|
expect(k_to_f(273.15)).toBe(32);
|
||||||
|
expect(k_to_f(373.15)).toBe(212);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*
|
||||||
|
import { getMessage } from './index'
|
||||||
|
|
||||||
|
describe('getMessage()', () => {
|
||||||
|
it('should return the correct message when called', () => {
|
||||||
|
expect(getMessage()).toBe('Hello, world')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should be super smart', () => {
|
||||||
|
expect(true).toBe(true)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
*/
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
export const c_to_k = (value: number) => value + 273.15;
|
||||||
|
export const f_to_k = (value: number) => ((value - 32) * 5 / 9) + 273.15;
|
||||||
|
export const k_to_c = (value: number) => value - 273.15;
|
||||||
|
export const k_to_f = (value: number) => (value - 273.15) * 9 / 5 + 32;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>On The Grid</title>
|
||||||
|
<style>
|
||||||
|
:body {
|
||||||
|
font-family: "sans-serif";
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="./index.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
import { c_to_k, f_to_k, k_to_c, k_to_f } from './conversions';
|
||||||
|
|
||||||
|
interface TemperatureChanged {
|
||||||
|
source: string,
|
||||||
|
value: number,
|
||||||
|
}
|
||||||
|
|
||||||
|
class TemperatureField extends HTMLElement {
|
||||||
|
static observedAttributes = ['value'];
|
||||||
|
|
||||||
|
value = 0;
|
||||||
|
inputElement: HTMLInputElement;
|
||||||
|
shadow: ShadowRoot;
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.inputElement = document.createElement('input');
|
||||||
|
this.inputElement.type = "text";
|
||||||
|
this.shadow = this.attachShadow({ mode: 'open' });
|
||||||
|
}
|
||||||
|
|
||||||
|
connectedCallback() {
|
||||||
|
this.render();
|
||||||
|
this.inputElement.onchange = ev => {
|
||||||
|
if (ev.target instanceof HTMLInputElement) {
|
||||||
|
let value = parseFloat(ev.target.value);
|
||||||
|
|
||||||
|
if (this.id == "f") {
|
||||||
|
const event = new CustomEvent('temperature-changed', { detail: { source: this.id, value: f_to_k(value) } });
|
||||||
|
this.dispatchEvent(event);
|
||||||
|
} else if (this.id == "c") {
|
||||||
|
const event = new CustomEvent('temperature-changed', { detail: { source: this.id, value: c_to_k(value) } });
|
||||||
|
this.dispatchEvent(event);
|
||||||
|
} else if (this.id == "k") {
|
||||||
|
const event = new CustomEvent('temperature-changed', { detail: { source: this.id, value } });
|
||||||
|
this.dispatchEvent(event);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
this.shadow.appendChild(this.inputElement);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTemperature(v: number) {
|
||||||
|
console.log("set the temperature on ", this.id, "to ", v);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class App {
|
||||||
|
temperatureK = 0;
|
||||||
|
|
||||||
|
updateTemperature(value: number) {
|
||||||
|
const f = document.getElementById("f");
|
||||||
|
if (f instanceof TemperatureField) {
|
||||||
|
f.setTemperature(value);
|
||||||
|
}
|
||||||
|
const c = document.getElementById("c");
|
||||||
|
if (c instanceof TemperatureField) {
|
||||||
|
c.setTemperature(value);
|
||||||
|
}
|
||||||
|
const k = document.getElementById("k");
|
||||||
|
if (k instanceof TemperatureField) {
|
||||||
|
k.setTemperature(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.customElements.define('temperature-field', TemperatureField);
|
||||||
|
|
||||||
|
const app = new App();
|
||||||
|
|
||||||
|
document.getElementById("f")?.addEventListener('temperature-changed', ev => {
|
||||||
|
if (ev instanceof CustomEvent) { app.updateTemperature(ev.detail.value) }
|
||||||
|
});
|
||||||
|
document.getElementById("c")?.addEventListener('temperature-changed', ev => {
|
||||||
|
if (ev instanceof CustomEvent) { app.updateTemperature(ev.detail.value) }
|
||||||
|
});
|
||||||
|
document.getElementById("k")?.addEventListener('temperature-changed', ev => {
|
||||||
|
if (ev instanceof CustomEvent) { app.updateTemperature(ev.detail.value) }
|
||||||
|
});
|
||||||
|
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"strict": true,
|
||||||
|
"target": "ESNext",
|
||||||
|
"module": "commonjs",
|
||||||
|
"rootDir": "./src",
|
||||||
|
"outDir": "./dist",
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"strict": true,
|
||||||
|
"skipLibCheck": true
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue