Minor changes and add favicon

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "decla.red-frontend",
   "version": "0.0.0",
-  "description": "![logo](media/declared.png)",
+  "description": "",
   "keywords": [],
   "author": "András Schmelczer <andras@schmelczer.dev> (https://schmelczer.dev/)",
   "sideEffects": [

frontend/src/index.html

@@ -20,11 +20,12 @@
     <meta name="theme-color" content="#b33951" />
     <meta
       name="description"
-      content="Conquer the planets, work as part of a team, and play with your friends online through this browser game."
+      content="Conquer the planets, work as a team, and play with your friends online through this browser game."
     />
 
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png" />
 
     <title>decla.red</title>
   </head>

frontend/src/index.ts

@@ -13,6 +13,10 @@ import { ProjectileView } from './scripts/objects/projectile-view';
 import { PlanetView } from './scripts/objects/planet-view';
 import './main.scss';
 import '../static/og-image.png';
+import '../static/favicons/apple-touch-icon.png';
+import '../static/favicons/favicon-16x16.png';
+import '../static/favicons/favicon-32x32.png';
+import '../static/favicons/favicon.ico';
 import { LandingPageBackground } from './scripts/landing-page-background';
 import { JoinFormHandler } from './scripts/join-form-handler';
 import { handleFullScreen } from './scripts/handle-full-screen';

frontend/src/scripts/objects/character-view.ts

@@ -1,13 +1,6 @@
 import { vec2 } from 'gl-matrix';
 import { Renderer } from 'sdf-2d';
-import {
-  CharacterBase,
-  CharacterTeam,
-  Circle,
-  Id,
-  settings,
-  UpdateMessage,
-} from 'shared';
+import { CharacterBase, CharacterTeam, Circle, Id, settings } from 'shared';
 
 import { BlobShape } from '../shapes/blob-shape';
 import { ViewObject } from './view-object';

frontend/src/scripts/objects/lamp-view.ts

@@ -1,6 +1,6 @@
 import { vec2, vec3 } from 'gl-matrix';
 import { CircleLight, Renderer } from 'sdf-2d';
-import { CommandExecutors, Id, LampBase, UpdateMessage } from 'shared';
+import { CommandExecutors, Id, LampBase } from 'shared';
 import { RenderCommand } from '../commands/types/render';
 import { ViewObject } from './view-object';
 

frontend/src/scripts/objects/projectile-view.ts

@@ -1,6 +1,6 @@
 import { vec2 } from 'gl-matrix';
 import { CircleLight, ColorfulCircle, Renderer } from 'sdf-2d';
-import { CharacterTeam, Id, ProjectileBase, settings, UpdateMessage } from 'shared';
+import { CharacterTeam, Id, ProjectileBase, settings } from 'shared';
 import { ViewObject } from './view-object';
 
 export class ProjectileView extends ProjectileBase implements ViewObject {

frontend/src/scripts/objects/view-object.ts

@@ -1,5 +1,5 @@
 import { Renderer } from 'sdf-2d';
-import { GameObject, UpdateMessage } from 'shared';
+import { GameObject } from 'shared';
 
 export interface ViewObject extends GameObject {
   step(deltaTimeInMilliseconds: number): void;

frontend/webpack.config.js

@@ -7,8 +7,6 @@ const TerserJSPlugin = require('terser-webpack-plugin');
 const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
 const Sass = require('sass');
 
-//const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
-
 module.exports = {
   devServer: {
     host: '0.0.0.0',
@@ -34,9 +32,6 @@ module.exports = {
       ],
     }),
 
-    //new FaviconsWebpackPlugin('static/logo.svg'),
-    // Multi threading typescript loader configuration with caching for .ts and .tsx files
-    // see https://github.com/namics/webpack-config-plugins/tree/master/packages/ts-config-webpack-plugin/config
     new TsConfigWebpackPlugin(),
   ],
   optimization: {
@@ -80,7 +75,7 @@ module.exports = {
         },
       },
       {
-        test: /\.mp3$/,
+        test: /\.(mp3|png)$/,
         use: {
           loader: 'file-loader',
           query: {
@@ -89,6 +84,16 @@ module.exports = {
           },
         },
       },
+      {
+        test: /\.ico$/,
+        use: {
+          loader: 'file-loader',
+          query: {
+            outputPath: '/',
+            name: '[name].[ext]',
+          },
+        },
+      },
       {
         test: /og-image.png$/,
         use: {