feat: add change log (#1734)

Co-authored-by: Himself65 <himself65@outlook.com>

apps/web/src/hooks/affine/use-is-first-load.ts

@@ -1,12 +1,74 @@
-import { useAtom } from 'jotai';
+import { config } from '@affine/env';
+import { useAtom, useAtomValue, useSetAtom } from 'jotai';
+import { useEffect } from 'react';
 
-import { isFirstLoadAtom, openTipsAtom } from '../../atoms/first-load';
+import {
+  guideHiddenAtom,
+  guideHiddenUntilNextUpdateAtom,
+  lastVersionAtom,
+} from '../../atoms/first-load';
 
-export function useIsFirstLoad() {
-  const [isFirstLoad, setIsFirstLoad] = useAtom(isFirstLoadAtom);
-  return [isFirstLoad, setIsFirstLoad] as const;
+export function useLastVersion() {
+  return useAtom(lastVersionAtom);
 }
-export function useOpenTips() {
-  const [openTips, setOpenTips] = useAtom(openTipsAtom);
-  return [openTips, setOpenTips] as const;
+
+export function useGuideHidden() {
+  return useAtom(guideHiddenAtom);
+}
+
+export function useGuideHiddenUntilNextUpdate() {
+  return useAtom(guideHiddenUntilNextUpdateAtom);
+}
+
+const TIPS = {
+  quickSearchTips: true,
+  changeLog: true,
+};
+
+export function useTipsDisplayStatus() {
+  const permanentlyHiddenTips = useAtomValue(guideHiddenAtom);
+  const hiddenUntilNextUpdateTips = useAtomValue(
+    guideHiddenUntilNextUpdateAtom
+  );
+
+  return {
+    quickSearchTips: {
+      permanentlyHidden: permanentlyHiddenTips.quickSearchTips || true,
+      hiddenUntilNextUpdate: hiddenUntilNextUpdateTips.quickSearchTips || true,
+    },
+    changeLog: {
+      permanentlyHidden: permanentlyHiddenTips.changeLog || true,
+      hiddenUntilNextUpdate: hiddenUntilNextUpdateTips.changeLog || true,
+    },
+  };
+}
+
+export function useUpdateTipsOnVersionChange() {
+  const [lastVersion, setLastVersion] = useLastVersion();
+  const currentVersion = config.gitVersion;
+  const tipsDisplayStatus = useTipsDisplayStatus();
+  const setPermanentlyHiddenTips = useSetAtom(guideHiddenAtom);
+  const setHiddenUntilNextUpdateTips = useSetAtom(
+    guideHiddenUntilNextUpdateAtom
+  );
+
+  useEffect(() => {
+    if (lastVersion !== currentVersion) {
+      setLastVersion(currentVersion);
+      const newHiddenUntilNextUpdateTips = { ...TIPS };
+      const newPermanentlyHiddenTips = { ...TIPS, changeLog: false };
+      Object.keys(tipsDisplayStatus).forEach(tipKey => {
+        newHiddenUntilNextUpdateTips[tipKey as keyof typeof TIPS] = false;
+      });
+      setHiddenUntilNextUpdateTips(newHiddenUntilNextUpdateTips);
+      setPermanentlyHiddenTips(newPermanentlyHiddenTips);
+    }
+  }, [
+    currentVersion,
+    lastVersion,
+    setLastVersion,
+    setPermanentlyHiddenTips,
+    setHiddenUntilNextUpdateTips,
+    tipsDisplayStatus,
+  ]);
 }