From 6d4d320da8d4fc306464f13e44ef44eeb40989aa Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 18 Aug 2024 20:21:36 +0500
Subject: [PATCH] feat: add analytics

---
 app/App.tsx                      |  9 +++++++++
 app/components/Navbar/Navbar.tsx | 28 ++++++++++++++++++++++++++++
 app/store/preferences.ts         |  2 ++
 next.config.js                   |  5 +++++
 next.config.mjs                  |  4 ----
 package-lock.json                | 14 ++++++++++++++
 package.json                     |  1 +
 public/changelog/3.1.0.md        |  2 ++
 tsconfig.json                    | 17 ++++++-----------
 9 files changed, 67 insertions(+), 15 deletions(-)
 create mode 100644 next.config.js
 delete mode 100644 next.config.mjs

diff --git a/app/App.tsx b/app/App.tsx
index bdff1ce..4ab1838 100644
--- a/app/App.tsx
+++ b/app/App.tsx
@@ -7,6 +7,7 @@ import { useEffect, useState } from "react";
 import { Button, Modal } from "flowbite-react";
 import { Spinner } from "./components/Spinner/Spinner";
 import { ChangelogModal } from "#/components/ChangelogModal/ChangelogModal";
+import PlausibleProvider from "next-plausible";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -97,6 +98,14 @@ export const App = (props) => {
           </Button>
         </Modal.Footer>
       </Modal>
+      {preferencesStore.flags.enableAnalytics && (
+        <PlausibleProvider
+          domain="anix.wah.su"
+          trackLocalhost={true}
+          selfHosted={true}
+          enabled={true}
+        />
+      )}
     </body>
   );
 };
diff --git a/app/components/Navbar/Navbar.tsx b/app/components/Navbar/Navbar.tsx
index 016d05f..53a3488 100644
--- a/app/components/Navbar/Navbar.tsx
+++ b/app/components/Navbar/Navbar.tsx
@@ -310,6 +310,34 @@ const SettingsModal = (props: { isOpen: boolean; setIsOpen: any }) => {
               checked={preferenceStore.flags.showChangelog}
             />
           </div>
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="font-bold dark:text-white">
+                Отправка аналитики
+              </p>
+              <p className="text-gray-500 dark:text-gray-400">
+                Требуется перезагрузка для применения
+              </p>
+            </div>
+            <ToggleSwitch
+              color="blue"
+              theme={{
+                toggle: {
+                  checked: {
+                    color: {
+                      blue: "border-blue-700 bg-blue-700",
+                    },
+                  },
+                },
+              }}
+              onChange={() =>
+                preferenceStore.setFlags({
+                  enableAnalytics: !preferenceStore.flags.enableAnalytics,
+                })
+              }
+              checked={preferenceStore.flags.enableAnalytics}
+            />
+          </div>
         </div>
       </Modal.Body>
     </Modal>
diff --git a/app/store/preferences.ts b/app/store/preferences.ts
index c914a82..4b952c5 100644
--- a/app/store/preferences.ts
+++ b/app/store/preferences.ts
@@ -9,6 +9,7 @@ interface preferencesState {
     // saveSearchHistory: boolean;
     saveWatchHistory?: boolean;
     showChangelog?: boolean;
+    enableAnalytics?: boolean;
   };
   params: {
     isFirstLaunch?: boolean;
@@ -32,6 +33,7 @@ export const usePreferencesStore = create<preferencesState>()(
         // saveSearchHistory: true,
         saveWatchHistory: true,
         showChangelog: true,
+        enableAnalytics: true,
       },
       params: {
         isFirstLaunch: true,
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..e503f44
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,5 @@
+const { withPlausibleProxy } = require("next-plausible");
+
+module.exports = withPlausibleProxy({
+  customDomain: "https://analytics.wah.su",
+})({});
diff --git a/next.config.mjs b/next.config.mjs
deleted file mode 100644
index 4678774..0000000
--- a/next.config.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index fbd5abc..9e413f2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "flowbite-react": "^0.10.1",
         "markdown-to-jsx": "^7.4.7",
         "next": "14.2.5",
+        "next-plausible": "^3.12.1",
         "react": "^18",
         "react-cropper": "^2.3.3",
         "react-dom": "^18",
@@ -4003,6 +4004,19 @@
         }
       }
     },
+    "node_modules/next-plausible": {
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/next-plausible/-/next-plausible-3.12.1.tgz",
+      "integrity": "sha512-DcQxB/oE8gOLuIU0SBbzN0dYYNibOXgKfnzPkO9SXug6B4Y95eT41JgbN3gjlcsqHWaDWJu/s3928O7ilo2sTg==",
+      "funding": {
+        "url": "https://github.com/4lejandrito/next-plausible?sponsor=1"
+      },
+      "peerDependencies": {
+        "next": "^11.1.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
diff --git a/package.json b/package.json
index eebde18..34588a1 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "flowbite-react": "^0.10.1",
     "markdown-to-jsx": "^7.4.7",
     "next": "14.2.5",
+    "next-plausible": "^3.12.1",
     "react": "^18",
     "react-cropper": "^2.3.3",
     "react-dom": "^18",
diff --git a/public/changelog/3.1.0.md b/public/changelog/3.1.0.md
index 034d18e..119937e 100644
--- a/public/changelog/3.1.0.md
+++ b/public/changelog/3.1.0.md
@@ -10,6 +10,8 @@
 - Добавление коллекции в избранное
 - Управление своими коллекциями
 - Описание релиза на карточках при наведении и постоянно если мобильное устройство
+- Просмотр коллекций в которых находится релиз
+- Аналитика с возможностью отключения
 
 ## Изменено
 
diff --git a/tsconfig.json b/tsconfig.json
index 69ca516..2994326 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -27,16 +23,15 @@
       "#/api/*": ["api/*"],
       "#/store/*": ["store/*"],
       "#/hooks/*": ["hooks/*"],
-      "#/pages/*": ["pages/*"],
-    },
+      "#/pages/*": ["pages/*"]
+    }
   },
   "include": [
     "next-env.d.ts",
     ".next/types/**/*.ts",
     "**/*.ts",
-    "**/*.tsx"
+    "**/*.tsx",
+    "next.config.js"
   ],
-  "exclude": [
-    "node_modules"
-  ]
+  "exclude": ["node_modules"]
 }