npm run format

This commit is contained in:
Ilion Beyst 2021-12-31 11:38:06 +01:00
parent 74d0189d37
commit 8d3b8fd8aa
10 changed files with 207 additions and 210 deletions

View file

@ -1,20 +1,20 @@
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
plugins: ['svelte3', '@typescript-eslint'],
ignorePatterns: ['*.cjs'],
overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
settings: {
'svelte3/typescript': () => require('typescript')
},
parserOptions: {
sourceType: 'module',
ecmaVersion: 2020
},
env: {
browser: true,
es2017: true,
node: true
}
root: true,
parser: "@typescript-eslint/parser",
extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
plugins: ["svelte3", "@typescript-eslint"],
ignorePatterns: ["*.cjs"],
overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
settings: {
"svelte3/typescript": () => require("typescript"),
},
parserOptions: {
sourceType: "module",
ecmaVersion: 2020,
},
env: {
browser: true,
es2017: true,
node: true,
},
};

View file

@ -1,6 +1,6 @@
{
"useTabs": false,
"singleQuote": false,
"trailingComma": "es5",
"printWidth": 100
"useTabs": false,
"singleQuote": false,
"trailingComma": "es5",
"printWidth": 100
}

View file

@ -1,13 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
<body>
<div id="svelte">%svelte.body%</div>
</body>
<head>
<meta charset="utf-8" />
<meta name="description" content="" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
<body>
<div id="svelte">%svelte.body%</div>
</body>
</html>

View file

@ -1,7 +1,7 @@
export function set_session_token(token: string) {
window.localStorage.setItem('session', token);
window.localStorage.setItem("session", token);
}
export function get_session_token(): string | null {
return window.localStorage.getItem('session');
return window.localStorage.getItem("session");
}

View file

@ -1,6 +1,6 @@
<script lang="ts" context="module">
import { get_session_token } from "$lib/auth";
import { mount_component } from "svelte/internal";
import { mount_component } from "svelte/internal";
export async function load({ page }) {
const token = get_session_token();

View file

@ -1,71 +1,71 @@
<script lang="ts" context="module">
import { get_session_token } from '$lib/auth';
import { get_session_token } from "$lib/auth";
/** @type {import('@sveltejs/kit').Load} */
export async function load({ params, fetch, session, stuff }) {
const token = get_session_token();
const res = await fetch('/api/bots/my_bots', {
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${token}`
}
});
/** @type {import('@sveltejs/kit').Load} */
export async function load({ params, fetch, session, stuff }) {
const token = get_session_token();
const res = await fetch("/api/bots/my_bots", {
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
});
if (res.ok) {
return {
props: {
bots: await res.json()
}
};
}
if (res.ok) {
return {
props: {
bots: await res.json(),
},
};
}
return {
status: res.status,
error: new Error('Could not load bots')
};
}
return {
status: res.status,
error: new Error("Could not load bots"),
};
}
</script>
<script lang="ts">
import { goto } from '$app/navigation';
import { goto } from "$app/navigation";
export let bots: object[];
let name: string | undefined;
export let bots: object[];
let name: string | undefined;
async function createBot() {
const token = get_session_token();
const res = await fetch('/api/bots', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${token}`
},
body: JSON.stringify({
name: name
})
});
async function createBot() {
const token = get_session_token();
const res = await fetch("/api/bots", {
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${token}`,
},
body: JSON.stringify({
name: name,
}),
});
if (res.ok) {
let bot = await res.json();
goto(`/bots/${bot['id']}`);
} else {
new Error('creation failed');
}
}
if (res.ok) {
let bot = await res.json();
goto(`/bots/${bot["id"]}`);
} else {
new Error("creation failed");
}
}
</script>
<form on:submit|preventDefault={createBot}>
<label for="name">Name</label>
<input name="name" bind:value={name}/>
<button type="submit">Create</button>
<label for="name">Name</label>
<input name="name" bind:value={name} />
<button type="submit">Create</button>
</form>
<ul>
{#each bots as bot}
<li>
<a target="_blank" href={`bots/${bot['id']}`}>
{bot['name']}
</a>
</li>
{/each}
{#each bots as bot}
<li>
<a target="_blank" href={`bots/${bot["id"]}`}>
{bot["name"]}
</a>
</li>
{/each}
</ul>

View file

@ -1,35 +1,35 @@
<script lang="ts">
import { get_session_token, set_session_token } from '$lib/auth';
import { goto } from '$app/navigation';
import { get_session_token, set_session_token } from "$lib/auth";
import { goto } from "$app/navigation";
let username: string | undefined;
let password: string | undefined;
let username: string | undefined;
let password: string | undefined;
const onSubmit = () => {
fetch('/api/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
username,
password
})
})
.then((response) => {
const onSubmit = () => {
fetch("/api/login", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
username,
password,
}),
})
.then((response) => {
if (!response.ok) {
throw Error(response.statusText);
}
return response.text();
})
.then((token) => {
set_session_token(token);
goto("/")
});
};
.then((token) => {
set_session_token(token);
goto("/");
});
};
function loggedIn(): boolean {
return get_session_token() != null
return get_session_token() != null;
}
</script>
@ -38,9 +38,9 @@
{/if}
<form on:submit|preventDefault={onSubmit}>
<label for="username">Username</label>
<input name="username" bind:value={username} />
<label for="password">Password</label>
<input type="password" name="password" bind:value={password} />
<button type="submit">Log in</button>
<label for="username">Username</label>
<input name="username" bind:value={username} />
<label for="password">Password</label>
<input type="password" name="password" bind:value={password} />
<button type="submit">Log in</button>
</form>

View file

@ -1,38 +1,38 @@
<script lang="ts">
let username: string | undefined;
let password: string | undefined;
let username: string | undefined;
let password: string | undefined;
const onSubmit = () => {
if (username === undefined || username.trim() === '') {
return;
}
if (password === undefined || password.trim() === '') {
const onSubmit = () => {
if (username === undefined || username.trim() === "") {
return;
}
fetch('/api/register', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
username,
password
})
})
.then((resp) => resp.json())
.then((data) => {
console.log(data);
});
};
if (password === undefined || password.trim() === "") {
return;
}
fetch("/api/register", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
username,
password,
}),
})
.then((resp) => resp.json())
.then((data) => {
console.log(data);
});
};
</script>
<h1>Register</h1>
<form on:submit|preventDefault={onSubmit}>
<label for="username">Username</label>
<input name="username" bind:value={username} />
<label for="password">Password</label>
<input type="password" name="password" bind:value={password} />
<button type="submit">Register</button>
<label for="username">Username</label>
<input name="username" bind:value={username} />
<label for="password">Password</label>
<input type="password" name="password" bind:value={password} />
<button type="submit">Register</button>
</form>

View file

@ -1,49 +1,46 @@
import adapter from '@sveltejs/adapter-auto';
import preprocess from 'svelte-preprocess';
import adapter from "@sveltejs/adapter-auto";
import preprocess from "svelte-preprocess";
// import { svelte } from '@sveltejs/vite-plugin-svelte'
import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
import wasmPack from 'vite-plugin-wasm-pack';
import { viteCommonjs } from "@originjs/vite-plugin-commonjs";
import wasmPack from "vite-plugin-wasm-pack";
/** @type {import('@sveltejs/kit').Config} */
const config = {
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
preprocess: preprocess(),
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
preprocess: preprocess(),
kit: {
adapter: adapter(),
// hydrate the <div id="svelte"> element in src/app.html
target: '#svelte',
ssr: false,
vite: {
plugins: [
// svelte(),
// wasmPack([], ["planetwars-rs"]),
viteCommonjs({
transformMixedEsModules: true,
}),
],
build: {
commonjsOptions: {
transformMixedEsModules: true,
},
},
server: {
proxy: {
"/api/": "http://localhost:9000",
"/ws": "ws://localhost:9000/ws",
},
fs: {
// Allow serving files from one level up to the project root
allow: ['..']
}
},
}
},
kit: {
adapter: adapter(),
// hydrate the <div id="svelte"> element in src/app.html
target: "#svelte",
ssr: false,
vite: {
plugins: [
// svelte(),
// wasmPack([], ["planetwars-rs"]),
viteCommonjs({
transformMixedEsModules: true,
}),
],
build: {
commonjsOptions: {
transformMixedEsModules: true,
},
},
server: {
proxy: {
"/api/": "http://localhost:9000",
"/ws": "ws://localhost:9000/ws",
},
fs: {
// Allow serving files from one level up to the project root
allow: [".."],
},
},
},
},
};
export default config;

View file

@ -1,31 +1,31 @@
{
"compilerOptions": {
"moduleResolution": "node",
"module": "es2020",
"lib": ["es2020", "DOM"],
"target": "es2020",
/**
"compilerOptions": {
"moduleResolution": "node",
"module": "es2020",
"lib": ["es2020", "DOM"],
"target": "es2020",
/**
svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
to enforce using \`import type\` instead of \`import\` for Types.
*/
"importsNotUsedAsValues": "error",
"isolatedModules": true,
"resolveJsonModule": true,
/**
"importsNotUsedAsValues": "error",
"isolatedModules": true,
"resolveJsonModule": true,
/**
To have warnings/errors of the Svelte compiler at the correct position,
enable source maps by default.
*/
"sourceMap": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"baseUrl": ".",
"allowJs": true,
"checkJs": true,
"paths": {
"$lib": ["src/lib"],
"$lib/*": ["src/lib/*"]
}
},
"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
"sourceMap": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true,
"baseUrl": ".",
"allowJs": true,
"checkJs": true,
"paths": {
"$lib": ["src/lib"],
"$lib/*": ["src/lib/*"]
}
},
"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
}