Set up dev and test server

koddsson · Oct 27, 2022 · eae3fd6 · eae3fd6
1 parent a033ba7
commit eae3fd6
Show file tree

Hide file tree

Showing 11 changed files with 6,722 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/README.md b/README.md
@@ -1 +1,10 @@
-# web-dev
+# web-dev
+
+Here's my preferred setup for web development. Feel free to use this template for your own projects.
+
+## Technology used
+
+- [Web Dev Server]()
+- [Web Test Runner]()
+- [TypeScript]()
+- [ESLint]()
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "web-dev",
+  "version": "0.0.1",
+  "description": "",
+  "type": "module",
+  "main": "index.js",
+  "module": "index.js",
+  "scripts": {
+    "start": "web-dev-server",
+    "test": "web-test-runner"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/koddsson/web-dev.git"
+  },
+  "keywords": [],
+  "author": "Kristján Oddsson <[email protected]>",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/koddsson/web-dev/issues"
+  },
+  "homepage": "https://github.com/koddsson/web-dev#readme",
+  "devDependencies": {
+    "@web/dev-server": "^0.1.35",
+    "@web/dev-server-esbuild": "^0.3.3",
+    "@web/test-runner": "^0.15.0"
+  }
+}
diff --git a/src/apple-touch-icon.png b/src/apple-touch-icon.png
diff --git a/src/favicon.ico b/src/favicon.ico
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>My app!</title>
+
+    <!-- https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs -->
+    <link rel="icon" href="/favicon.ico" sizes="any"><!-- 32×32 -->
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
+    <link rel="manifest" href="/manifest.webmanifest">
+
+    <script async src="./js/index.ts"></script>
+  </head>
+  <body>
+    <h1>My app!</h1>
+  </body>
+</html>
diff --git a/src/js/index.ts b/src/js/index.ts
@@ -0,0 +1 @@
+console.log('Hello world')
diff --git a/src/manifest.webmanifest b/src/manifest.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/web-dev-server.config.mjs b/web-dev-server.config.mjs
@@ -0,0 +1,9 @@
+import { esbuildPlugin } from '@web/dev-server-esbuild';
+
+export default {
+  watch: true,
+  nodeResolve: true,
+  rootDir: "./src/",
+  plugins: [esbuildPlugin({ ts: true, target: 'auto' })],
+};
+
diff --git a/web-test-runner.config.js b/web-test-runner.config.js
@@ -0,0 +1,3 @@
+export default {
+  files: []
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}