use prettier to fmt.

rollup.config.ts

@@ -1,85 +1,89 @@
-import svelte from 'rollup-plugin-svelte';
+import svelte from "rollup-plugin-svelte";
-import commonjs from '@rollup/plugin-commonjs';
+import commonjs from "@rollup/plugin-commonjs";
-import resolve from '@rollup/plugin-node-resolve';
+import resolve from "@rollup/plugin-node-resolve";
-import livereload from 'rollup-plugin-livereload';
+import livereload from "rollup-plugin-livereload";
-import { terser } from 'rollup-plugin-terser';
+import { terser } from "rollup-plugin-terser";
-import sveltePreprocess from 'svelte-preprocess';
+import sveltePreprocess from "svelte-preprocess";
-import typescript from '@rollup/plugin-typescript';
+import typescript from "@rollup/plugin-typescript";
-import css from 'rollup-plugin-css-only';
+import css from "rollup-plugin-css-only";
 
 const production = !process.env.ROLLUP_WATCH;
 
 function serve() {
-	let server;
+  let server;
 
-	function toExit() {
+  function toExit() {
-		if (server) server.kill(0);
+    if (server) server.kill(0);
-	}
+  }
 
-	return {
+  return {
-		writeBundle() {
+    writeBundle() {
-			if (server) return;
+      if (server) return;
-			server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], {
+      server = require("child_process").spawn(
-				// stdio: ['ignore', 'inherit', 'inherit'],
+        "npm",
-				// shell: true
+        ["run", "start", "--", "--dev"],
-			});
+        {
+          // stdio: ['ignore', 'inherit', 'inherit'],
+          // shell: true
+        }
+      );
 
-			process.on('SIGTERM', toExit);
+      process.on("SIGTERM", toExit);
-			process.on('exit', toExit);
+      process.on("exit", toExit);
-		}
+    },
-	};
+  };
 }
 
 export default {
-	input: 'src/main.ts',
+  input: "src/main.ts",
-	output: {
+  output: {
-		sourcemap: true,
+    sourcemap: true,
-		format: 'iife',
+    format: "iife",
-		name: 'app',
+    name: "app",
-		file: 'public/build/bundle.js'
+    file: "public/build/bundle.js",
-	},
+  },
-	plugins: [
+  plugins: [
-		svelte({
+    svelte({
-			preprocess: sveltePreprocess({ sourceMap: !production }),
+      preprocess: sveltePreprocess({ sourceMap: !production }),
-			compilerOptions: {
+      compilerOptions: {
-				// enable run-time checks when not in production
+        // enable run-time checks when not in production
-				dev: !production
+        dev: !production,
-			}
+      },
-		}),
+    }),
-		// we'll extract any component CSS out into
+    // we'll extract any component CSS out into
-		// a separate file - better for performance
+    // a separate file - better for performance
-		css({ output: 'bundle.css' }),
+    css({ output: "bundle.css" }),
 
-		// If you have external dependencies installed from
+    // If you have external dependencies installed from
-		// npm, you'll most likely need these plugins. In
+    // npm, you'll most likely need these plugins. In
-		// some cases you'll need additional configuration -
+    // some cases you'll need additional configuration -
-		// consult the documentation for details:
+    // consult the documentation for details:
-		// https://github.com/rollup/plugins/tree/master/packages/commonjs
+    // https://github.com/rollup/plugins/tree/master/packages/commonjs
-		resolve({
+    resolve({
-			browser: true,
+      browser: true,
-			dedupe: ['svelte']
+      dedupe: ["svelte"],
-		}),
+    }),
-		commonjs(),
+    commonjs(),
-		typescript({
+    typescript({
-			sourceMap: true,
+      sourceMap: true,
-			//sourceMap: !production,
+      //sourceMap: !production,
-			inlineSources: !production
+      inlineSources: !production,
-		}),
+    }),
 
-		// In dev mode, call `npm run start` once
+    // In dev mode, call `npm run start` once
-		// the bundle has been generated
+    // the bundle has been generated
-		!production && serve(),
+    !production && serve(),
 
-		// Watch the `public` directory and refresh the
+    // Watch the `public` directory and refresh the
-		// browser on changes when not in production
+    // browser on changes when not in production
-		!production && livereload('public'),
+    !production && livereload("public"),
 
-		// If we're building for production (npm run build
+    // If we're building for production (npm run build
-		// instead of npm run dev), minify
+    // instead of npm run dev), minify
-		production && terser()
+    production && terser(),
-	],
+  ],
-	watch: {
+  watch: {
-		buildDelay: 500,
+    buildDelay: 500,
-		clearScreen: false
+    clearScreen: false,
-	}
+  },
 };

src/main.ts

@@ -1,7 +1,7 @@
-import App from './App.svelte';
+import App from "./App.svelte";
 
 const app = new App({
-  target: document.body
+  target: document.body,
 });
 
 export default app;

src/util.js

@@ -1,8 +0,0 @@
-'use strict'
-
-export function sleep(ms) {
-  const p = new Promise((resolve, reject) => {
-    setTimeout(resolve, ms)
-  })
-  return p
-}

src/util.ts

@@ -0,0 +1,6 @@
+export function sleep(ms: number) {
+  const p = new Promise((resolve, reject) => {
+    setTimeout(resolve, ms);
+  });
+  return p;
+}