Review

Author: Stigmatoz

src/components/Review.vue

@@ -2,7 +2,7 @@
   <div class="review-block" v-if="showReview">
     <p>{{ t('enjoyAndReview.message') }}</p>
     <img height="15" src="../assets/icons/close.svg" @click="closeBlock()" />
-    <input type="button" :value="t('enjoyAndReview.description')" />
+    <input type="button" :value="t('enjoyAndReview.description')" @click="openStore()" />
   </div>
 </template>
 
@@ -15,17 +15,52 @@ export default {
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { injecStorage } from '../storage/inject-storage';
+import { StorageParams } from '../storage/storage-params';
+import { addDays, startOfToday } from 'date-fns';
+import { addHours } from 'date-fns/esm';
 
 const { t } = useI18n();
 
+const settingsStorage = injecStorage();
+const PROMPT_AT_TIME_OF_DAY = 12;
+const ADD_DAYS_FIRST = 2;
+const ADD_DAYS_NEXT = 5;
+const CHROME_STORE_URL = `https://chrome.google.com/webstore/detail/web-activity-time-tracker/${__APP_ID__}/reviews`;
+
 const showReview = ref<boolean>();
 
-onMounted(() => {
-  showReview.value = true;
+onMounted(async () => {
+  showReview.value = false;
+  if (__BROWSER__ == 'chrome') {
+    const reviewDate = await settingsStorage.getValue(StorageParams.REVIEW_DATE);
+
+    if (reviewDate == undefined) {
+      let nextTime = await settingsStorage.getValue(StorageParams.REVIEW_PROMPT_AT);
+      if (nextTime == undefined) {
+        await settingsStorage.saveValue(
+          StorageParams.REVIEW_PROMPT_AT,
+          addDays(addHours(startOfToday(), PROMPT_AT_TIME_OF_DAY), ADD_DAYS_FIRST).toString(),
+        );
+      } else {
+        nextTime = new Date(nextTime);
+        if (nextTime < new Date()) showReview.value = true;
+      }
+    }
+  }
 });
 
-function closeBlock() {
+async function closeBlock() {
   showReview.value = false;
+  await settingsStorage.saveValue(
+    StorageParams.REVIEW_PROMPT_AT,
+    addDays(addHours(startOfToday(), PROMPT_AT_TIME_OF_DAY), ADD_DAYS_NEXT).toString(),
+  );
+}
+
+async function openStore() {
+  window.open(CHROME_STORE_URL, '_blank');
+  await settingsStorage.saveValue(StorageParams.REVIEW_DATE, new Date().toString());
 }
 </script>
 

src/components/TimeIntervalChart.vue

@@ -141,7 +141,7 @@ function fillData(timeIntervalList: TimeInterval[]) {
 
   objects.forEach(obj => {
     const emptyArray: number[] = Object.assign([], tempArray);
-    emptyArray[obj.hour] = Number((obj.summary / 60).toFixed(4));
+    emptyArray[obj.hour] = Number(obj.summary / 60);
     result.push({
       backgroundColor: ['#5668e2'],
       data: emptyArray,

src/storage/storage-params.ts

@@ -15,6 +15,7 @@ export enum StorageParams {
   DAILY_SUMMARY_NOTIFICATION_TIME = 'daily-summary-notification-time',
   DAILY_NOTIFICATION = 'daily_notification',
   REVIEW_DATE = 'review_date',
+  REVIEW_PROMPT_AT = 'review_prompt_at',
   INSTALL_DATE = 'install-date',
 }
 

src/globals.d.ts src/types/globals.d.tssrc/globals.d.ts renamed to src/types/globals.d.ts

@@ -2,5 +2,5 @@
 declare var __EXTENSION_MODE__: ExtensionMode;
 declare var __DEV__: boolean;
 declare var __PROD__: boolean;
-declare var __EXTENSION_VERSION__: string;
-declare var __REAL_APP_ID__: string;
+declare var __APP_ID__: string;
+declare var __BROWSER__: string;

vite.config.ts

@@ -2,11 +2,11 @@ import { defineConfig } from 'vite';
 import path from 'path';
 import vue from '@vitejs/plugin-vue';
 import webExtension, { readJsonFile } from 'vite-plugin-web-extension';
-import pkg from './package.json';
 import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import copy from 'rollup-plugin-copy';
 
 const APPID_CHROME = 'hhfnghjdeddcfegfekjeihfmbjenlomm';
+const browser = process.env.TARGET || 'chrome';
 
 function generateManifest() {
   const manifest = readJsonFile('src/manifest.json');
@@ -43,8 +43,8 @@ export default defineConfig(({ mode }) => ({
     __EXTENSION_MODE__: JSON.stringify(mode),
     __DEV__: mode === 'development',
     __PROD__: mode === 'production',
-    __EXTENSION_VERSION__: JSON.stringify(pkg.version),
-    __REAL_APP_ID__: APPID_CHROME,
+    __APP_ID__: JSON.stringify(APPID_CHROME),
+    __BROWSER__: JSON.stringify(browser),
   },
   plugins: [
     vue(),