feat: add store review prompts for desktop and mobile (#4909)

Author: DIYgod

apps/desktop/layer/main/package.json

@@ -11,9 +11,11 @@
   },
   "exports": {
     ".": {
-      "import": "./export.js"
+      "types": "./dist/export.d.ts",
+      "import": "./dist/export.js"
     }
   },
+  "types": "./dist/export.d.ts",
   "scripts": {
     "build": "tsc",
     "test": "vitest",

apps/desktop/layer/main/preload/index.ts

@@ -29,6 +29,7 @@ export const isWindows11 = detectingWindows11()
 // Custom APIs for renderer
 const api = {
   canWindowBlur: process.platform === "darwin" || (process.platform === "win32" && isWindows11),
+  isWindowsStore: Boolean((process as typeof process & { windowsStore?: boolean }).windowsStore),
 }
 
 // Use `contextBridge` APIs to expose Electron APIs to

apps/desktop/layer/renderer/global.d.ts

@@ -3,7 +3,7 @@ import type { ElectronAPI } from "@electron-toolkit/preload"
 declare global {
   interface Window {
     electron?: ElectronAPI
-    api?: { canWindowBlur: boolean }
+    api?: { canWindowBlur: boolean; isWindowsStore: boolean }
     platform: NodeJS.Platform
   }
   export const APP_NAME = "Folo"

apps/desktop/layer/renderer/src/modules/review-prompt/ReviewPromptModalContent.tsx

@@ -0,0 +1,41 @@
+import { Button } from "@follow/components/ui/button/index.js"
+import { useTranslation } from "react-i18next"
+
+export const ReviewPromptModalContent = ({
+  dismiss,
+  onNegative,
+  onPositive,
+}: {
+  dismiss: () => void
+  onNegative: () => void
+  onPositive: () => void
+}) => {
+  const { t } = useTranslation("settings")
+
+  return (
+    <div className="flex min-w-80 max-w-md flex-col gap-4">
+      <p className="text-sm leading-relaxed text-text-secondary">{t("reviewPrompt.description")}</p>
+
+      <div className="flex items-center justify-end gap-3">
+        <Button
+          variant="outline"
+          onClick={() => {
+            onNegative()
+            dismiss()
+          }}
+        >
+          {t("reviewPrompt.notReally")}
+        </Button>
+
+        <Button
+          onClick={() => {
+            onPositive()
+            dismiss()
+          }}
+        >
+          {t("reviewPrompt.loveIt")}
+        </Button>
+      </div>
+    </div>
+  )
+}

apps/desktop/layer/renderer/src/modules/review-prompt/debug.ts

@@ -0,0 +1,18 @@
+let triggerReviewPromptDebug: (() => void) | null = null
+let resetReviewPromptDebug: (() => void) | null = null
+
+export const setDesktopReviewPromptDebugAction = (callback: (() => void) | null) => {
+  triggerReviewPromptDebug = callback
+}
+
+export const openDesktopReviewPromptDebug = () => {
+  triggerReviewPromptDebug?.()
+}
+
+export const setDesktopReviewPromptResetAction = (callback: (() => void) | null) => {
+  resetReviewPromptDebug = callback
+}
+
+export const resetDesktopReviewPromptDebug = () => {
+  resetReviewPromptDebug?.()
+}