wip

Author: Stigmatoz

src/_locales/en/messages.json

@@ -214,6 +214,10 @@
   "review": {
     "message": "Leave a review!"
   },
+  "promoClearYoutube": {
+    "message": "Хотели бы вы блокировать шортсы, комментарии, рекомендованные видео, подписки и другие отвлекающие элементы YouTube? Мы создали еще одно расширение, которое поможет вам смотреть YouTube без отвлекающих факторов.",
+    "description": "Установить"
+  },
   "block": {
     "message": "You've reached your limit for today on "
   },

src/_locales/ru/messages.json

@@ -239,6 +239,10 @@
     "message": "Вам нравится расширение?",
     "description": "Оцените Web Activity Time Tracker"
   },
+  "promoClearYoutube": {
+    "message": "Хотели бы вы блокировать шортсы, комментарии, рекомендованные видео, подписки и другие отвлекающие элементы YouTube? Мы создали еще одно расширение, которое поможет вам смотреть YouTube без отвлекающих факторов.",
+    "description": "Установить"
+  },
   "removeAllData": {
     "message": "Удалить все данные",
     "description": "Вы можете удалить все данные и статистику посещенных сайтов за все время"

src/components/PromoClearYouTube.vue

@@ -15,30 +15,44 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { injecStorage } from '../storage/inject-storage';
 import { StorageParams } from '../storage/storage-params';
 import { CHROME_STORE_CLEAR_YOUTUBE_URL } from '../utils/chrome-url';
 import { usePromoExtension } from '../compositions/usePromoExtension';
 import { computedAsync } from '@vueuse/core';
+import { useExtensionPage } from '../compositions/useExtensionPage';
 
 const { t } = useI18n();
 
 const settingsStorage = injecStorage();
+const extensionPage = useExtensionPage();
+
 const showReview = ref<boolean>(true);
 
 const canShowPromo = computedAsync(async () => await usePromoExtension());
+const isBlockPage = computed(() => extensionPage.isBlockPage);
 
 async function closeBlock() {
   showReview.value = false;
-  await settingsStorage.saveValue(StorageParams.PROMO_CLEAR_YOUTUBE, true);
+  await settingsStorage.saveValue(
+    isBlockPage.value
+      ? StorageParams.PROMO_CLEAR_YOUTUBE_ON_BLOCK
+      : StorageParams.PROMO_CLEAR_YOUTUBE_ON_LIMITS,
+    true,
+  );
 }
 
 async function openStore() {
   showReview.value = false;
   window.open(CHROME_STORE_CLEAR_YOUTUBE_URL, '_blank');
-  await settingsStorage.saveValue(StorageParams.PROMO_CLEAR_YOUTUBE, true);
+  await settingsStorage.saveValue(
+    isBlockPage.value
+      ? StorageParams.PROMO_CLEAR_YOUTUBE_ON_BLOCK
+      : StorageParams.PROMO_CLEAR_YOUTUBE_ON_LIMITS,
+    true,
+  );
 }
 </script>
 

src/compositions/useExtensionPage.ts

@@ -0,0 +1,30 @@
+import { computed } from 'vue';
+
+export const QUERY_PARAMS_DASHBOARD = 'dashboard.html';
+export const QUERY_PARAMS_DASHBOARD_TAB = 'tab';
+export const QUERY_PARAMS_DASHBOARD_TAB_SETTINGS = 'settings';
+export const QUERY_PARAMS_BLOCK = 'block.html';
+export const QUERY_PARAMS_BLOCK_DOMAIN = 'domain';
+
+export function useExtensionPage() {
+  const urlObj = new URL(location.href);
+
+  const isLimitPage = computed(
+    () =>
+      urlObj.hostname == __APP_ID__ &&
+      urlObj.pathname.includes(QUERY_PARAMS_DASHBOARD) &&
+      urlObj.searchParams.get(QUERY_PARAMS_DASHBOARD_TAB) == QUERY_PARAMS_DASHBOARD_TAB_SETTINGS,
+  );
+
+  const isBlockPage = computed(
+    () =>
+      urlObj.hostname == __APP_ID__ &&
+      urlObj.pathname.includes(QUERY_PARAMS_BLOCK) &&
+      urlObj.searchParams.get(QUERY_PARAMS_BLOCK_DOMAIN) == 'youtube.com',
+  );
+
+  return {
+    isLimitPage,
+    isBlockPage,
+  };
+}

src/compositions/usePromoExtension.ts

@@ -2,6 +2,7 @@ import { computed } from 'vue';
 import { Restriction } from '../entity/restriction';
 import { injecStorage } from '../storage/inject-storage';
 import { StorageParams } from '../storage/storage-params';
+import { useExtensionPage } from './useExtensionPage';
 
 export const QUERY_PARAMS_DASHBOARD = 'dashboard.html';
 export const QUERY_PARAMS_DASHBOARD_TAB = 'tab';
@@ -11,10 +12,14 @@ export const QUERY_PARAMS_BLOCK_DOMAIN = 'domain';
 
 export async function usePromoExtension() {
   const settingsStorage = injecStorage();
+  const extensionPage = useExtensionPage();
 
-  const hasReview = await settingsStorage.getValue(StorageParams.PROMO_CLEAR_YOUTUBE);
-
-  if (hasReview != undefined && hasReview == true) return false;
+  const hasReviewOnLimits = await settingsStorage.getValue(
+    StorageParams.PROMO_CLEAR_YOUTUBE_ON_LIMITS,
+  );
+  const hasReviewOnBlock = await settingsStorage.getValue(
+    StorageParams.PROMO_CLEAR_YOUTUBE_ON_BLOCK,
+  );
 
   const whitelist = Object.values(
     await settingsStorage.getValue(StorageParams.RESTRICTION_LIST, []),
@@ -24,23 +29,17 @@ export async function usePromoExtension() {
     () => whitelist.find(x => x.domain == 'youtube.com') != undefined,
   );
 
-  const urlObj = new URL(location.href);
-  const isLimitPage = computed(
+  const showOnLimitPage = computed(
     () =>
-      urlObj.hostname == __APP_ID__ &&
-      urlObj.pathname.includes(QUERY_PARAMS_DASHBOARD) &&
-      urlObj.searchParams.get(QUERY_PARAMS_DASHBOARD_TAB) == QUERY_PARAMS_DASHBOARD_TAB_SETTINGS,
+      (hasReviewOnLimits == undefined || hasReviewOnLimits == false) &&
+      extensionPage.isLimitPage.value &&
+      isIncludeYoutube.value,
   );
-
-  const isBlockPage = computed(
+  const showOnBlockPage = computed(
     () =>
-      urlObj.hostname == __APP_ID__ &&
-      urlObj.pathname.includes(QUERY_PARAMS_BLOCK) &&
-      urlObj.searchParams.get(QUERY_PARAMS_BLOCK_DOMAIN) == 'youtube.com',
+      (hasReviewOnBlock == undefined || hasReviewOnBlock == false) &&
+      extensionPage.isBlockPage.value,
   );
 
-  const showOnLimitPage = computed(() => isLimitPage.value && isIncludeYoutube.value);
-  const showOnBlockPage = computed(() => isBlockPage.value);
-
   return showOnLimitPage || showOnBlockPage;
 }

src/storage/storage-params.ts

@@ -18,7 +18,8 @@ export enum StorageParams {
   REVIEW_DATE = 'review_date',
   REVIEW_PROMPT_AT = 'review_prompt_at',
   INSTALL_DATE = 'install-date',
-  PROMO_CLEAR_YOUTUBE = 'promo-clear-youtube',
+  PROMO_CLEAR_YOUTUBE_ON_LIMITS = 'promo-clear-youtube-on-limits',
+  PROMO_CLEAR_YOUTUBE_ON_BLOCK = 'promo-clear-youtube-on-block',
 }
 
 export enum StorageDeserializeParam {
@@ -89,7 +90,8 @@ export function getDefaultValue(param: StorageParams) {
       return DAILY_NOTIFICATION_DEFAULT;
     case StorageParams.SHOW_CHANGELOG:
       return SHOW_CHANGELOG_DEFAULT;
-    case StorageParams.PROMO_CLEAR_YOUTUBE:
+    case StorageParams.PROMO_CLEAR_YOUTUBE_ON_BLOCK:
+    case StorageParams.PROMO_CLEAR_YOUTUBE_ON_LIMITS:
       return SHOW_PROMO_CLEAR_YOUTUBE_DEFAULT;
   }
 }