optimise 🌳 imports

Author: zendive

src/api/env.ts

@@ -1,4 +1,4 @@
 export const IS_DEV = __development__;
 export const APPLICATION_VERSION = __app_version__;
-export const APPLICATION_NAME = `${__app_name__}@${__app_version__}`;
+export const APPLICATION_NAME = __app_name__;
 export const APPLICATION_HOME_PAGE = __home_page__;

src/api/settings.ts

@@ -1,5 +1,3 @@
-import { cloneObjectSafely } from '@/api/clone.ts';
-
 type TPanelKey =
   | 'eval'
   | 'media'
@@ -118,13 +116,13 @@ export function panelsArrayToVisibilityMap(panels: TSettingsPanel[]) {
 }
 
 export async function getSettings(): Promise<typeof DEFAULT_SETTINGS> {
-  const store = await chrome.storage.local.get([SETTINGS_VERSION]);
+  let store = await chrome.storage.local.get([SETTINGS_VERSION]);
   const isEmpty = !Object.keys(store).length;
 
   if (isEmpty) {
-    store[SETTINGS_VERSION] = cloneObjectSafely(DEFAULT_SETTINGS);
     await chrome.storage.local.clear(); // rid off previous version settings
-    await chrome.storage.local.set(store);
+    await chrome.storage.local.set({ [SETTINGS_VERSION]: DEFAULT_SETTINGS });
+    store = await chrome.storage.local.get([SETTINGS_VERSION]);
   }
 
   return store[SETTINGS_VERSION];

webpack.config.ts

@@ -37,7 +37,7 @@ export default function (
     plugins: [
       new webpack.DefinePlugin({
         __development__: `${!isProd}`,
-        __app_name__: `"browser-api-monitor"`,
+        __app_name__: `"browser-api-monitor@${manifest.version}"`,
         __app_version__: `"${manifest.version}"`,
         __home_page__: `"${manifest.homepage_url}"`,
       }),