Initial commit
This commit is contained in:
Ian Gulliver
14
static/.stylelintrc.json
Normal file
14
static/.stylelintrc.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"extends": "stylelint-config-standard",
|
||||
"plugins": [
|
||||
"stylelint-order"
|
||||
],
|
||||
"rules": {
|
||||
"order/order": [
|
||||
"custom-properties",
|
||||
"declarations"
|
||||
],
|
||||
"order/properties-alphabetical-order": true
|
||||
}
|
||||
}
|
||||
|
||||
16
static/Makefile
Normal file
16
static/Makefile
Normal file
@@ -0,0 +1,16 @@
|
||||
all: check remote.js
|
||||
|
||||
remote.js: *.ts *.json
|
||||
tsc
|
||||
|
||||
check: *.ts *.json *.css
|
||||
tslint --project . --fix
|
||||
stylelint --fix *.css
|
||||
|
||||
clean:
|
||||
rm -f remote.js
|
||||
|
||||
ci:
|
||||
tslint --project .
|
||||
stylelint *.css
|
||||
|
||||
8
static/index.html
Normal file
8
static/index.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Slide Together</title>
|
||||
<link rel="stylesheet" href="remote.css">
|
||||
<script src="remote.js" charset="UTF-8"></script>
|
||||
</head>
|
||||
</html>
|
||||
79
static/remote.css
Normal file
79
static/remote.css
Normal file
@@ -0,0 +1,79 @@
|
||||
:root {
|
||||
--background-color: #222831;
|
||||
--subtle-color: #2d4059;
|
||||
--normal-color: #eee;
|
||||
--highlight-color: #d65a31;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
color: var(--normal-color);
|
||||
font-family: Courier, monospace;
|
||||
font-size: 16px;
|
||||
line-height: 1.4;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: var(--background-color);
|
||||
border: 1px dotted var(--highlight-color);
|
||||
color: var(--normal-color);
|
||||
font-family: Courier, monospace;
|
||||
font-size: 16px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
table {
|
||||
border: 3px solid var(--highlight-color);
|
||||
border-collapse: collapse;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: 1px solid var(--subtle-color);
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
thead,
|
||||
tfoot tr {
|
||||
border: 3px solid var(--highlight-color);
|
||||
}
|
||||
|
||||
.admin,
|
||||
.active {
|
||||
cursor: pointer;
|
||||
opacity: 0.3;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.enable {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.admin.enable {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.controls {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.control-button {
|
||||
border: 3px solid var(--highlight-color);
|
||||
display: inline-block;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
transition: all 0.8s;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.control-button:active {
|
||||
background: var(--subtle-color);
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.controls.enable .control-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
230
static/remote.js
Normal file
230
static/remote.js
Normal file
@@ -0,0 +1,230 @@
|
||||
"use strict";
|
||||
function main() {
|
||||
const url = new URL(location.href);
|
||||
if (url.searchParams.has("room")) {
|
||||
renderRoom(url.searchParams.get("room"));
|
||||
}
|
||||
else {
|
||||
newRoom();
|
||||
}
|
||||
}
|
||||
function renderRoom(roomId) {
|
||||
const clientId = uuid();
|
||||
const adminSecret = localStorage.getItem(`admin_secret:${roomId}`);
|
||||
const prnt = document.body;
|
||||
const nameLabel = create(prnt, "label", "Name: ");
|
||||
const name = create(nameLabel, "input");
|
||||
name.type = "text";
|
||||
name.size = 30;
|
||||
name.value = localStorage.getItem("name") || "";
|
||||
name.addEventListener("change", () => {
|
||||
localStorage.setItem("name", name.value);
|
||||
});
|
||||
addEventListener("unload", () => remove(roomId, clientId));
|
||||
announce(roomId, clientId, adminSecret, name);
|
||||
watch(roomId, clientId, adminSecret, prnt);
|
||||
}
|
||||
function newRoom() {
|
||||
fetch("/api/create", { method: "POST" })
|
||||
.then(resp => resp.json())
|
||||
.then(data => {
|
||||
const resp = data;
|
||||
localStorage.setItem(`admin_secret:${resp.room_id}`, resp.admin_secret);
|
||||
const url = new URL(location.href);
|
||||
url.searchParams.set("room", resp.room_id);
|
||||
location.href = url.toString();
|
||||
});
|
||||
}
|
||||
function announce(roomId, clientId, adminSecret, name) {
|
||||
const req = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
admin_secret: adminSecret,
|
||||
name: name.value,
|
||||
};
|
||||
fetch("/api/announce", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
})
|
||||
.then(() => {
|
||||
setTimeout(() => announce(roomId, clientId, adminSecret, name), 5000);
|
||||
});
|
||||
}
|
||||
function watch(roomId, clientId, adminSecret, prnt) {
|
||||
const url = new URL("/api/watch", location.href);
|
||||
url.searchParams.set("room_id", roomId);
|
||||
url.searchParams.set("client_id", clientId);
|
||||
if (adminSecret) {
|
||||
url.searchParams.set("admin_secret", adminSecret);
|
||||
}
|
||||
const es = new EventSource(url.toString());
|
||||
renderControls(roomId, clientId, adminSecret, prnt, es);
|
||||
if (adminSecret) {
|
||||
renderAdmin(roomId, adminSecret, prnt, es);
|
||||
}
|
||||
}
|
||||
function renderControls(roomId, clientId, adminSecret, prnt, es) {
|
||||
const controls = create(prnt, "div", undefined, ["controls"]);
|
||||
const left = create(controls, "span", "<<<", ["control-button"]);
|
||||
left.addEventListener("click", () => control(roomId, clientId, controls, "left"));
|
||||
const right = create(controls, "span", ">>>", ["control-button"]);
|
||||
right.addEventListener("click", () => control(roomId, clientId, controls, "right"));
|
||||
document.addEventListener("keydown", (e) => {
|
||||
switch (e.key) {
|
||||
case "ArrowLeft":
|
||||
control(roomId, clientId, controls, "left");
|
||||
break;
|
||||
case " ":
|
||||
case "ArrowRight":
|
||||
control(roomId, clientId, controls, "right");
|
||||
break;
|
||||
}
|
||||
});
|
||||
es.addEventListener("message", (e) => {
|
||||
const event = JSON.parse(e.data);
|
||||
if (!event.standard_event) {
|
||||
return;
|
||||
}
|
||||
if (event.standard_event.admin_secret && !adminSecret) {
|
||||
localStorage.setItem(`admin_secret:${roomId}`, event.standard_event.admin_secret);
|
||||
location.reload();
|
||||
}
|
||||
if (event.standard_event.active) {
|
||||
controls.classList.add("enable");
|
||||
}
|
||||
else {
|
||||
controls.classList.remove("enable");
|
||||
}
|
||||
});
|
||||
}
|
||||
function renderAdmin(roomId, adminSecret, prnt, es) {
|
||||
const table = create(prnt, "table", undefined, ["users"]);
|
||||
const head = create(table, "thead");
|
||||
const head1 = create(head, "tr");
|
||||
create(head1, "th", "Name");
|
||||
create(head1, "th", "👑");
|
||||
create(head1, "th", "👆");
|
||||
const body = create(table, "tbody");
|
||||
const rows = new Map();
|
||||
es.addEventListener("message", (e) => {
|
||||
const event = JSON.parse(e.data);
|
||||
if (!event.admin_event) {
|
||||
return;
|
||||
}
|
||||
const client = event.admin_event.client;
|
||||
let row = rows.get(client.public_client_id);
|
||||
if (row) {
|
||||
row.remove();
|
||||
rows.delete(client.public_client_id);
|
||||
}
|
||||
if (event.admin_event.remove) {
|
||||
return;
|
||||
}
|
||||
row = document.createElement("tr");
|
||||
row.dataset.name = client.name;
|
||||
let before = null;
|
||||
for (const iter of body.children) {
|
||||
const iterRow = iter;
|
||||
if (iterRow.dataset.name.localeCompare(row.dataset.name) > 0) {
|
||||
before = iter;
|
||||
break;
|
||||
}
|
||||
}
|
||||
body.insertBefore(row, before);
|
||||
create(row, "td", client.name);
|
||||
const adminCell = create(row, "td", "👑", client.admin ? ["admin", "enable"] : ["admin"]);
|
||||
adminCell.addEventListener("click", () => {
|
||||
if (!client.admin) {
|
||||
if (!confirm(`Grant admin access to ${client.name}?`)) {
|
||||
return;
|
||||
}
|
||||
admin(roomId, adminSecret, client.public_client_id);
|
||||
}
|
||||
});
|
||||
const activeCell = create(row, "td", "👆", client.active ? ["active", "enable"] : ["active"]);
|
||||
activeCell.addEventListener("click", () => {
|
||||
active(roomId, adminSecret, client.public_client_id, !activeCell.classList.contains("enable"));
|
||||
});
|
||||
rows.set(client.public_client_id, row);
|
||||
});
|
||||
}
|
||||
function active(roomId, adminSecret, publicClientId, val) {
|
||||
const req = {
|
||||
room_id: roomId,
|
||||
admin_secret: adminSecret,
|
||||
public_client_id: publicClientId,
|
||||
active: val,
|
||||
};
|
||||
fetch("/api/active", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
});
|
||||
}
|
||||
function admin(roomId, adminSecret, publicClientId) {
|
||||
const req = {
|
||||
room_id: roomId,
|
||||
admin_secret: adminSecret,
|
||||
public_client_id: publicClientId,
|
||||
};
|
||||
fetch("/api/admin", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
});
|
||||
}
|
||||
function control(roomId, clientId, controls, ctrl) {
|
||||
if (!controls.classList.contains("enable")) {
|
||||
return;
|
||||
}
|
||||
const req = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
control: ctrl,
|
||||
};
|
||||
fetch("/api/control", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
});
|
||||
}
|
||||
function create(prnt, tag, text, classes) {
|
||||
const elem = document.createElement(tag);
|
||||
prnt.appendChild(elem);
|
||||
if (text) {
|
||||
elem.innerText = text;
|
||||
}
|
||||
for (const cls of classes !== null && classes !== void 0 ? classes : []) {
|
||||
elem.classList.add(cls);
|
||||
}
|
||||
return elem;
|
||||
}
|
||||
function remove(roomId, clientId) {
|
||||
const req = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
};
|
||||
navigator.sendBeacon("/api/remove", JSON.stringify(req));
|
||||
}
|
||||
function uuid() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
|
||||
const r = Math.random() * 16 | 0;
|
||||
const v = c === 'x' ? r : (r & 0x3 | 0x8);
|
||||
return v.toString(16);
|
||||
});
|
||||
}
|
||||
if (document.readyState === "loading") {
|
||||
addEventListener("DOMContentLoaded", () => main());
|
||||
}
|
||||
else {
|
||||
main();
|
||||
}
|
||||
336
static/remote.ts
Normal file
336
static/remote.ts
Normal file
@@ -0,0 +1,336 @@
|
||||
interface ActiveRequest {
|
||||
room_id: string;
|
||||
admin_secret: string;
|
||||
public_client_id: string;
|
||||
active: boolean;
|
||||
}
|
||||
|
||||
interface AdminRequest {
|
||||
room_id: string;
|
||||
admin_secret: string;
|
||||
public_client_id: string;
|
||||
}
|
||||
|
||||
interface AnnounceRequest {
|
||||
room_id: string;
|
||||
client_id: string;
|
||||
admin_secret: string | null;
|
||||
name: string;
|
||||
}
|
||||
|
||||
interface ControlRequest {
|
||||
room_id: string;
|
||||
client_id: string;
|
||||
control: string;
|
||||
}
|
||||
|
||||
interface CreateResponse {
|
||||
room_id: string;
|
||||
admin_secret: string;
|
||||
}
|
||||
|
||||
interface RemoveRequest {
|
||||
room_id: string;
|
||||
client_id: string;
|
||||
}
|
||||
|
||||
interface Event {
|
||||
standard_event?: StandardEvent;
|
||||
admin_event?: AdminEvent;
|
||||
}
|
||||
|
||||
interface StandardEvent {
|
||||
active?: boolean;
|
||||
admin_secret?: string;
|
||||
}
|
||||
|
||||
interface AdminEvent {
|
||||
client: Client;
|
||||
remove: boolean;
|
||||
}
|
||||
|
||||
interface Client {
|
||||
public_client_id: string;
|
||||
name: string;
|
||||
admin: boolean;
|
||||
active: boolean;
|
||||
}
|
||||
|
||||
function main() {
|
||||
const url = new URL(location.href);
|
||||
|
||||
if (url.searchParams.has("room")) {
|
||||
renderRoom(url.searchParams.get("room")!);
|
||||
} else {
|
||||
newRoom();
|
||||
}
|
||||
}
|
||||
|
||||
function renderRoom(roomId: string) {
|
||||
const clientId = uuid();
|
||||
const adminSecret = localStorage.getItem(`admin_secret:${roomId}`);
|
||||
|
||||
const prnt = document.body;
|
||||
|
||||
const nameLabel = create(prnt, "label", "Name: ") as HTMLLabelElement;
|
||||
const name = create(nameLabel, "input") as HTMLInputElement;
|
||||
name.type = "text";
|
||||
name.size = 30;
|
||||
name.value = localStorage.getItem("name") || "";
|
||||
name.addEventListener("change", () => {
|
||||
localStorage.setItem("name", name.value);
|
||||
});
|
||||
|
||||
addEventListener("unload", () => remove(roomId, clientId!));
|
||||
|
||||
announce(roomId, clientId!, adminSecret, name);
|
||||
|
||||
watch(roomId, clientId!, adminSecret, prnt);
|
||||
}
|
||||
|
||||
function newRoom() {
|
||||
fetch("/api/create", {method: "POST"})
|
||||
.then(resp => resp.json())
|
||||
.then(data => {
|
||||
const resp = data as CreateResponse;
|
||||
|
||||
localStorage.setItem(`admin_secret:${resp.room_id}`, resp.admin_secret);
|
||||
|
||||
const url = new URL(location.href);
|
||||
url.searchParams.set("room", resp.room_id);
|
||||
location.href = url.toString();
|
||||
});
|
||||
}
|
||||
|
||||
function announce(roomId: string, clientId: string, adminSecret: string | null, name: HTMLInputElement) {
|
||||
const req: AnnounceRequest = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
admin_secret: adminSecret,
|
||||
name: name.value,
|
||||
};
|
||||
|
||||
fetch("/api/announce", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
})
|
||||
.then(() => {
|
||||
setTimeout(() => announce(roomId, clientId, adminSecret, name), 5000);
|
||||
});
|
||||
}
|
||||
|
||||
function watch(roomId: string, clientId: string, adminSecret: string | null, prnt: HTMLElement) {
|
||||
const url = new URL("/api/watch", location.href);
|
||||
url.searchParams.set("room_id", roomId);
|
||||
url.searchParams.set("client_id", clientId);
|
||||
if (adminSecret) {
|
||||
url.searchParams.set("admin_secret", adminSecret);
|
||||
}
|
||||
const es = new EventSource(url.toString());
|
||||
|
||||
renderControls(roomId, clientId, adminSecret, prnt, es);
|
||||
|
||||
if (adminSecret) {
|
||||
renderAdmin(roomId, adminSecret, prnt, es);
|
||||
}
|
||||
}
|
||||
|
||||
function renderControls(roomId: string, clientId: string, adminSecret: string | null, prnt: HTMLElement, es: EventSource) {
|
||||
const controls = create(prnt, "div", undefined, ["controls"]) as HTMLDivElement;
|
||||
|
||||
const left = create(controls, "span", "<<<", ["control-button"]) as HTMLDivElement;
|
||||
left.addEventListener("click", () => control(roomId, clientId, controls, "left"));
|
||||
|
||||
const right = create(controls, "span", ">>>", ["control-button"]) as HTMLDivElement;
|
||||
right.addEventListener("click", () => control(roomId, clientId, controls, "right"));
|
||||
|
||||
document.addEventListener("keydown", (e) => {
|
||||
switch (e.key) {
|
||||
case "ArrowLeft":
|
||||
control(roomId, clientId, controls, "left");
|
||||
break;
|
||||
|
||||
case " ":
|
||||
case "ArrowRight":
|
||||
control(roomId, clientId, controls, "right");
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
es.addEventListener("message", (e) => {
|
||||
const event = JSON.parse(e.data) as Event;
|
||||
|
||||
if (!event.standard_event) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.standard_event.admin_secret && !adminSecret) {
|
||||
localStorage.setItem(`admin_secret:${roomId}`, event.standard_event.admin_secret);
|
||||
location.reload();
|
||||
}
|
||||
|
||||
if (event.standard_event.active) {
|
||||
controls.classList.add("enable");
|
||||
} else {
|
||||
controls.classList.remove("enable");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function renderAdmin(roomId: string, adminSecret: string, prnt: HTMLElement, es: EventSource) {
|
||||
const table = create(prnt, "table", undefined, ["users"]) as HTMLTableElement;
|
||||
const head = create(table, "thead");
|
||||
const head1 = create(head, "tr");
|
||||
create(head1, "th", "Name");
|
||||
create(head1, "th", "👑");
|
||||
create(head1, "th", "👆");
|
||||
|
||||
const body = create(table, "tbody");
|
||||
|
||||
const rows: Map<string, HTMLTableRowElement> = new Map();
|
||||
|
||||
es.addEventListener("message", (e) => {
|
||||
const event = JSON.parse(e.data) as Event;
|
||||
|
||||
if (!event.admin_event) {
|
||||
return;
|
||||
}
|
||||
|
||||
const client = event.admin_event.client;
|
||||
let row = rows.get(client.public_client_id);
|
||||
|
||||
if (row) {
|
||||
row.remove();
|
||||
rows.delete(client.public_client_id);
|
||||
}
|
||||
|
||||
if (event.admin_event.remove) {
|
||||
return;
|
||||
}
|
||||
|
||||
row = document.createElement("tr") as HTMLTableRowElement;
|
||||
row.dataset.name = client.name;
|
||||
|
||||
let before = null;
|
||||
for (const iter of body.children) {
|
||||
const iterRow = iter as HTMLTableRowElement;
|
||||
if (iterRow.dataset.name!.localeCompare(row.dataset.name) > 0) {
|
||||
before = iter;
|
||||
break;
|
||||
}
|
||||
}
|
||||
body.insertBefore(row, before);
|
||||
|
||||
create(row, "td", client.name);
|
||||
|
||||
const adminCell = create(row, "td", "👑", client.admin ? ["admin", "enable"] : ["admin"]) as HTMLTableCellElement;
|
||||
adminCell.addEventListener("click", () => {
|
||||
if (!client.admin) {
|
||||
if (!confirm(`Grant admin access to ${client.name}?`)) {
|
||||
return;
|
||||
}
|
||||
admin(roomId, adminSecret, client.public_client_id);
|
||||
}
|
||||
});
|
||||
|
||||
const activeCell = create(row, "td", "👆", client.active ? ["active", "enable"] : ["active"]) as HTMLTableCellElement;
|
||||
activeCell.addEventListener("click", () => {
|
||||
active(roomId, adminSecret, client.public_client_id, !activeCell.classList.contains("enable"));
|
||||
});
|
||||
|
||||
rows.set(client.public_client_id, row);
|
||||
});
|
||||
}
|
||||
|
||||
function active(roomId: string, adminSecret: string, publicClientId: string, val: boolean) {
|
||||
const req: ActiveRequest = {
|
||||
room_id: roomId,
|
||||
admin_secret: adminSecret,
|
||||
public_client_id: publicClientId,
|
||||
active: val,
|
||||
};
|
||||
|
||||
fetch("/api/active", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
})
|
||||
}
|
||||
|
||||
function admin(roomId: string, adminSecret: string, publicClientId: string) {
|
||||
const req: AdminRequest = {
|
||||
room_id: roomId,
|
||||
admin_secret: adminSecret,
|
||||
public_client_id: publicClientId,
|
||||
};
|
||||
|
||||
fetch("/api/admin", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
})
|
||||
}
|
||||
|
||||
function control(roomId: string, clientId: string, controls: HTMLElement, ctrl: string) {
|
||||
if (!controls.classList.contains("enable")) {
|
||||
return;
|
||||
}
|
||||
|
||||
const req: ControlRequest = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
control: ctrl,
|
||||
};
|
||||
|
||||
fetch("/api/control", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(req),
|
||||
})
|
||||
}
|
||||
|
||||
function create(prnt: HTMLElement, tag: string, text?: string, classes?: string[]): HTMLElement {
|
||||
const elem = document.createElement(tag);
|
||||
prnt.appendChild(elem);
|
||||
|
||||
if (text) {
|
||||
elem.innerText = text;
|
||||
}
|
||||
|
||||
for (const cls of classes ?? []) {
|
||||
elem.classList.add(cls);
|
||||
}
|
||||
|
||||
return elem;
|
||||
}
|
||||
|
||||
function remove(roomId: string, clientId: string) {
|
||||
const req: RemoveRequest = {
|
||||
room_id: roomId,
|
||||
client_id: clientId,
|
||||
}
|
||||
navigator.sendBeacon("/api/remove", JSON.stringify(req));
|
||||
}
|
||||
|
||||
function uuid() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
|
||||
const r = Math.random() * 16 | 0;
|
||||
const v = c === 'x' ? r : (r & 0x3 | 0x8);
|
||||
return v.toString(16);
|
||||
});
|
||||
}
|
||||
|
||||
if (document.readyState === "loading") {
|
||||
addEventListener("DOMContentLoaded", () => main());
|
||||
} else {
|
||||
main();
|
||||
}
|
||||
11
static/tsconfig.json
Normal file
11
static/tsconfig.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"outFile": "remote.js",
|
||||
"strict": true,
|
||||
"target": "es2017"
|
||||
},
|
||||
"files": [
|
||||
"remote.ts"
|
||||
]
|
||||
}
|
||||
|
||||
10
static/tslint.json
Normal file
10
static/tslint.json
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"extends": "tslint:recommended",
|
||||
"rules": {
|
||||
"interface-name": false,
|
||||
"max-line-length": false,
|
||||
"no-bitwise": false,
|
||||
"no-console": false,
|
||||
"no-unused-expression": false
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user