From 43d361d1881ac322f5c7ac3efeb15f63b7db1fb2 Mon Sep 17 00:00:00 2001
From: Geoffrey Testelin <geoffrey.testelin@gmail.com>
Date: Sun, 30 May 2021 19:54:51 +0200
Subject: [PATCH] feat(logs): log the svelte version on init

---
 .../svelte-version/svelte-version.svelte        |  7 +++++++
 lib/features/logger/services/logger.service.ts  | 17 +++++++++++++++++
 src/routes/__layout.svelte                      |  4 ++++
 tsconfig.json                                   | 13 ++++++++++++-
 4 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 lib/components/svelte-version/svelte-version.svelte
 create mode 100644 lib/features/logger/services/logger.service.ts

diff --git a/lib/components/svelte-version/svelte-version.svelte b/lib/components/svelte-version/svelte-version.svelte
new file mode 100644
index 00000000..ea9853ce
--- /dev/null
+++ b/lib/components/svelte-version/svelte-version.svelte
@@ -0,0 +1,7 @@
+<!-- As a module to only log once -->
+<script context="module">
+  import { VERSION } from 'svelte/compiler';
+  import { LoggerService } from '../../features/logger/services/logger.service';
+
+  LoggerService.log(`Using Svelte ${VERSION}`);
+</script>
diff --git a/lib/features/logger/services/logger.service.ts b/lib/features/logger/services/logger.service.ts
new file mode 100644
index 00000000..1b6677ca
--- /dev/null
+++ b/lib/features/logger/services/logger.service.ts
@@ -0,0 +1,17 @@
+export class LoggerService {
+  public static log(message: Readonly<string>): LoggerService {
+    console.log(message);
+
+    return this;
+  }
+
+  public static debug(message: Readonly<string>): LoggerService {
+    console.debug(message);
+
+    return this;
+  }
+
+  public constructor() {
+    LoggerService.debug(`LoggerService created`);
+  }
+}
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 856e7fb3..9955ecb3 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,7 +1,11 @@
 <script>
   import { base } from '$app/paths';
+  import SvelteVersion from '../../lib/components/svelte-version/svelte-version.svelte';
 </script>
 
+<!-- Log the svelte version -->
+<SvelteVersion />
+
 <!-- Common page to all routes -->
 <h1>Achievements</h1>
 <nav>
diff --git a/tsconfig.json b/tsconfig.json
index b05e7ca3..354ad6fe 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,5 +36,16 @@
       "$lib/*": ["src/lib/*"]
     }
   },
-  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte", "scripts/*.js", "svelte.config.js"]
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.js",
+    "src/**/*.ts",
+    "src/**/*.svelte",
+    "scripts/*.js",
+    "svelte.config.js",
+    "lib/**/*.d.ts",
+    "lib/**/*.js",
+    "lib/**/*.ts",
+    "lib/**/*.svelte"
+  ]
 }