Extract product name as injectable

Co-authored-by: Mikko Aspiala <mikko.aspiala@gmail.com>

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

src/main/app-paths/app-name/app-name.injectable.ts

@@ -3,16 +3,17 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import packageInfo from "../../../../package.json";
 import isDevelopmentInjectable from "../../../common/vars/is-development.injectable";
+import productNameInjectable from "./product-name.injectable";
 
 const appNameInjectable = getInjectable({
   id: "app-name",
 
   instantiate: (di) => {
     const isDevelopment = di.inject(isDevelopmentInjectable);
+    const productName = di.inject(productNameInjectable);
 
-    return `${packageInfo.productName}${isDevelopment ? "Dev" : ""}`;
+    return `${productName}${isDevelopment ? "Dev" : ""}`;
   },
 
   causesSideEffects: true,

src/main/app-paths/app-name/product-name.injectable.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import packageInfo from "../../../../package.json";
+
+const productNameInjectable = getInjectable({
+  id: "product-name",
+  instantiate: () => packageInfo.productName,
+  causesSideEffects: true,
+});
+
+export default productNameInjectable;