💄 style: Add feature flag

lobehub · Dec 25, 2024 · c68cef4 · c68cef4
1 parent 5a81e0d
commit c68cef4
Show file tree

Hide file tree

Showing 8 changed files with 64 additions and 73 deletions.
diff --git a/src/app/(main)/(mobile)/me/(home)/__tests__/useCategory.test.tsx b/src/app/(main)/(mobile)/me/(home)/__tests__/useCategory.test.tsx
@@ -35,11 +35,6 @@ vi.mock('@/const/auth', () => ({
   },
 }));
 
-afterEach(() => {
-  enableAuth = true;
-  enableClerk = false;
-});
-
 // 目前对 enableAuth 的判定是在 useUserStore 中，所以需要 mock useUserStore
 // 类型定义： enableAuth: () => boolean
 describe('useCategory', () => {

diff --git a/src/app/(main)/(mobile)/me/(home)/features/useCategory.tsx b/src/app/(main)/(mobile)/me/(home)/features/useCategory.tsx
@@ -15,6 +15,7 @@ import { CellProps } from '@/components/Cell';
 import { DOCUMENTS, FEEDBACK } from '@/const/url';
 import { isServerMode } from '@/const/version';
 import { usePWAInstall } from '@/hooks/usePWAInstall';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/slices/auth/selectors';
 
@@ -24,6 +25,7 @@ export const useCategory = () => {
   const router = useRouter();
   const { canInstall, install } = usePWAInstall();
   const { t } = useTranslation(['common', 'setting', 'auth']);
+  const { hideDocs } = useServerConfigStore(featureFlagsSelectors);
   const [isLogin, isLoginWithAuth, isLoginWithClerk, enableAuth, signOut, isLoginWithNextAuth] =
     useUserStore((s) => [
       authSelectors.isLogin(s),
@@ -131,7 +133,7 @@ export const useCategory = () => {
     /* ↑ cloud slot ↑ */
     ...(canInstall ? pwa : []),
     ...(isLogin && !isServerMode ? data : []),
-    ...helps,
+    ...(!hideDocs ? helps : []),
     ...(enableAuth && isLoginWithNextAuth ? nextAuthSignOut : []),
   ].filter(Boolean) as CellProps[];
 

diff --git a/src/app/(main)/changelog/page.tsx b/src/app/(main)/changelog/page.tsx
@@ -26,9 +26,9 @@ export const generateMetadata = async () => {
 };
 
 const Page = async () => {
-  const hideChangelog = serverFeatureFlags().hideChangelog;
+  const hideDocs = serverFeatureFlags().hideDocs;
 
-  if (hideChangelog) return notFound();
+  if (hideDocs) return notFound();
 
   const mobile = await isMobileDevice();
   const { t, locale } = await translation('metadata');

diff --git a/src/app/(main)/chat/(workspace)/page.tsx b/src/app/(main)/chat/(workspace)/page.tsx
@@ -21,7 +21,7 @@ export const generateMetadata = async () => {
 };
 
 const Page = async () => {
-  const hideChangelog = serverFeatureFlags().hideChangelog;
+  const hideDocs = serverFeatureFlags().hideDocs;
   const mobile = await isMobileDevice();
   const { t } = await translation('metadata');
   const ld = ldModule.generate({
@@ -35,7 +35,7 @@ const Page = async () => {
       <StructuredData ld={ld} />
       <PageTitle />
       <TelemetryNotification mobile={mobile} />
-      {!hideChangelog && (
+      {!hideDocs && (
         <ChangelogModal currentId={await new ChangelogService().getLatestChangelogId()} />
       )}
     </>

diff --git a/src/app/@modal/(.)changelog/page.tsx b/src/app/@modal/(.)changelog/page.tsx
@@ -11,9 +11,9 @@ import UpdateChangelogStatus from './features/UpdateChangelogStatus';
 import Loading from './loading';
 
 const Page = async () => {
-  const hideChangelog = serverFeatureFlags().hideChangelog;
+  const hideDocs = serverFeatureFlags().hideDocs;
 
-  if (hideChangelog) return notFound();
+  if (hideDocs) return notFound();
 
   const locale = await getLocale();
   const mobile = await isMobileDevice();

diff --git a/src/config/featureFlags/schema.ts b/src/config/featureFlags/schema.ts
@@ -40,7 +40,6 @@ export const FeatureFlagsSchema = z.object({
   // please contact us for more information: [email protected]
   commercial_hide_github: z.boolean().optional(),
   commercial_hide_docs: z.boolean().optional(),
-  commercial_hide_changelog: z.boolean().optional(),
 });
 
 export type IFeatureFlags = z.infer<typeof FeatureFlagsSchema>;
@@ -79,7 +78,6 @@ export const DEFAULT_FEATURE_FLAGS: IFeatureFlags = {
   // please contact us for more information: [email protected]
   commercial_hide_github: false,
   commercial_hide_docs: false,
-  commercial_hide_changelog: false,
 };
 
 export const mapFeatureFlagsEnvToState = (config: IFeatureFlags) => {
@@ -112,6 +110,5 @@ export const mapFeatureFlagsEnvToState = (config: IFeatureFlags) => {
 
     hideGitHub: config.commercial_hide_github,
     hideDocs: config.commercial_hide_docs,
-    hideChangelog: config.commercial_hide_changelog,
   };
 };
diff --git a/src/features/User/UserPanel/useMenu.tsx b/src/features/User/UserPanel/useMenu.tsx
@@ -175,71 +175,68 @@ export const useMenu = () => {
         },
       ].filter(Boolean) as ItemType[]);
 
-  const helps: MenuProps['items'] = hideDocs
-    ? []
-    : ([
-        showCloudPromotion && {
-          icon: <Icon icon={Cloudy} />,
-          key: 'cloud',
+  const helps: MenuProps['items'] = [
+    showCloudPromotion && {
+      icon: <Icon icon={Cloudy} />,
+      key: 'cloud',
+      label: (
+        <Link href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`} target={'_blank'}>
+          {t('userPanel.cloud', { name: LOBE_CHAT_CLOUD })}
+        </Link>
+      ),
+    },
+    {
+      icon: <Icon icon={FileClockIcon} />,
+      key: 'changelog',
+      label: <Link href={'/changelog'}>{t('changelog')}</Link>,
+    },
+    {
+      children: [
+        {
+          icon: <Icon icon={Book} />,
+          key: 'docs',
           label: (
-            <Link href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}`} target={'_blank'}>
-              {t('userPanel.cloud', { name: LOBE_CHAT_CLOUD })}
+            <Link href={DOCUMENTS_REFER_URL} target={'_blank'}>
+              {t('userPanel.docs')}
             </Link>
           ),
         },
         {
-          icon: <Icon icon={FileClockIcon} />,
-          key: 'changelog',
-          label: <Link href={'/changelog'}>{t('changelog')}</Link>,
+          icon: <Icon icon={Feather} />,
+          key: 'feedback',
+          label: (
+            <Link href={GITHUB_ISSUES} target={'_blank'}>
+              {t('userPanel.feedback')}
+            </Link>
+          ),
         },
-
         {
-          children: [
-            {
-              icon: <Icon icon={Book} />,
-              key: 'docs',
-              label: (
-                <Link href={DOCUMENTS_REFER_URL} target={'_blank'}>
-                  {t('userPanel.docs')}
-                </Link>
-              ),
-            },
-            {
-              icon: <Icon icon={Feather} />,
-              key: 'feedback',
-              label: (
-                <Link href={GITHUB_ISSUES} target={'_blank'}>
-                  {t('userPanel.feedback')}
-                </Link>
-              ),
-            },
-            {
-              icon: <Icon icon={DiscordIcon} />,
-              key: 'discord',
-              label: (
-                <Link href={DISCORD} target={'_blank'}>
-                  {t('userPanel.discord')}
-                </Link>
-              ),
-            },
-            {
-              icon: <Icon icon={Mail} />,
-              key: 'email',
-              label: (
-                <Link href={mailTo(EMAIL_SUPPORT)} target={'_blank'}>
-                  {t('userPanel.email')}
-                </Link>
-              ),
-            },
-          ],
-          icon: <Icon icon={LifeBuoy} />,
-          key: 'help',
-          label: t('userPanel.help'),
+          icon: <Icon icon={DiscordIcon} />,
+          key: 'discord',
+          label: (
+            <Link href={DISCORD} target={'_blank'}>
+              {t('userPanel.discord')}
+            </Link>
+          ),
         },
         {
-          type: 'divider',
+          icon: <Icon icon={Mail} />,
+          key: 'email',
+          label: (
+            <Link href={mailTo(EMAIL_SUPPORT)} target={'_blank'}>
+              {t('userPanel.email')}
+            </Link>
+          ),
         },
-      ].filter(Boolean) as ItemType[]);
+      ],
+      icon: <Icon icon={LifeBuoy} />,
+      key: 'help',
+      label: t('userPanel.help'),
+    },
+    {
+      type: 'divider',
+    },
+  ].filter(Boolean) as ItemType[];
 
   const mainItems = [
     {
@@ -252,7 +249,7 @@ export const useMenu = () => {
     /* ↑ cloud slot ↑ */
     ...(canInstall ? pwa : []),
     ...data,
-    ...helps,
+    ...(!hideDocs ? helps : []),
   ].filter(Boolean) as MenuProps['items'];
 
   const logoutItems: MenuProps['items'] = isLoginWithAuth

diff --git a/src/server/sitemap.ts b/src/server/sitemap.ts
@@ -196,14 +196,14 @@ export class Sitemap {
   }
 
   async getPage(): Promise<MetadataRoute.Sitemap> {
-    const hideChangelog = serverFeatureFlags().hideChangelog;
+    const hideDocs = serverFeatureFlags().hideDocs;
     const assistantsCategory = Object.values(AssistantCategory);
     const pluginCategory = Object.values(PluginCategory);
     const modelCategory = await this.discoverService.getProviderList(DEFAULT_LANG);
     return [
       ...this._genSitemap('/', { noLocales: true }),
       ...this._genSitemap('/chat', { noLocales: true }),
-      ...(!hideChangelog ? this._genSitemap('/changelog', { noLocales: true }) : []),
+      ...(!hideDocs ? this._genSitemap('/changelog', { noLocales: true }) : []),
       /* ↓ cloud slot ↓ */
 
       /* ↑ cloud slot ↑ */