@windrun-huaiin/diaomao 30.0.0 → 31.0.0

package/.env.local.txt

@@ -30,7 +30,7 @@ NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=/
 NEXT_PUBLIC_CLERK_WAITLIST_URL=/waitlist
 
 ## Media loading timeout
-NEXT_PUBLIC_DELAYED_IMG_SECONDS=2
+NEXT_PUBLIC_DELAYED_IMG_SECONDS=1
 NEXT_PUBLIC_SUNO_EMBED_TIMEOUT_SECONDS=20
 
 ## OpenRouter·AI base config

package/messages/en.json

@@ -109,6 +109,11 @@
         {
           "key": "P2",
           "title": "Pro",
+          "animeTone": "cool",
+          "strictDiffAnime": {
+            "monthly": "theme",
+            "yearly": "rainbow"
+          },
           "showBillingSubTitle": true,
           "features": [
             {
@@ -126,6 +131,11 @@
         {
           "key": "U3",
           "title": "Ultra",
+          "animeTone": "rainbow",
+          "strictDiffAnime": {
+            "monthly": "rainbow",
+            "yearly": "cool"
+          },
           "showBillingSubTitle": true,
           "titleTags": ["Most Popular"],
           "features": [
@@ -152,6 +162,7 @@
         {
           "key": "F1",
           "title": "Starter",
+          "animeTone": "mono",
           "subtitle": "25 Credits",
           "showBillingSubTitle": true,
           "features": [
@@ -164,6 +175,7 @@
         {
           "key": "P2",
           "title": "Popular",
+          "animeTone": "theme",
           "subtitle": "150 Credits",
           "showBillingSubTitle": true,
           "titleTags": ["Preferred"],
@@ -178,6 +190,7 @@
         {
           "key": "U3",
           "title": "Power",
+          "animeTone": "rainbow",
           "subtitle": "350 Credits",
           "showBillingSubTitle": true,
           "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/diaomao",
-  "version": "30.0.0",
+  "version": "31.0.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -15,14 +15,14 @@
     "react"
   ],
   "dependencies": {
-    "@clerk/nextjs": "^7.0.5",
+    "@clerk/nextjs": "^7.3.3",
     "@types/mdx": "^2.0.13",
-    "@windrun-huaiin/backend-core": "30.0.0",
-    "@windrun-huaiin/base-ui": "30.0.0",
-    "@windrun-huaiin/contracts": "30.0.0",
-    "@windrun-huaiin/fumadocs-local-md": "30.0.0",
-    "@windrun-huaiin/lib": "30.0.0",
-    "@windrun-huaiin/third-ui": "30.0.0",
+    "@windrun-huaiin/backend-core": "31.0.0",
+    "@windrun-huaiin/base-ui": "31.0.0",
+    "@windrun-huaiin/contracts": "31.0.0",
+    "@windrun-huaiin/fumadocs-local-md": "31.0.0",
+    "@windrun-huaiin/lib": "31.0.0",
+    "@windrun-huaiin/third-ui": "31.0.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.577.0",
     "next": "16.1.6",
@@ -44,7 +44,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/parser": "^8.56.1",
-    "@windrun-huaiin/dev-scripts": "^30.0.0",
+    "@windrun-huaiin/dev-scripts": "^31.0.0",
     "baseline-browser-mapping": "^2.10.0",
     "dotenv": "^17.4.2",
     "eslint": "^9.39.1",

package/src/app/[locale]/(content)/blog/[[...slug]]/page.tsx

@@ -1,8 +1,6 @@
 import { appConfig } from '@/lib/appConfig';
 import { siteDocs } from '@/lib/site-docs';
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
 import { createFumaPage } from '@windrun-huaiin/third-ui/fuma/server/page-generator';
-import { SiteIcon } from '@/lib/site-config';
 import { LLMCopyButton } from '@windrun-huaiin/third-ui/fuma/mdx';
 
 const sourceKey = 'blog';
@@ -13,8 +11,6 @@ const { Page, generateStaticParams, generateMetadata } = createFumaPage({
   mdxSourceDir: appConfig.mdxSourceDir[sourceKey],
   githubBaseUrl: appConfig.githubBaseUrl,
   copyButtonComponent: <LLMCopyButton />,
-  siteIcon: <SiteIcon />,
-  FallbackPage: NotFoundPage,
   showBreadcrumb: false,
   showTableOfContent: true,
   showTableOfContentPopover: false,

package/src/app/[locale]/(content)/blog/layout.tsx

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
+import { i18n } from '@/lib/i18n-base';
 import { siteDocs } from '@/lib/site-docs';
 import { SiteDocsLayout } from '@windrun-huaiin/third-ui/fuma/base/site-docs-layout';
 import { SiteHomeLayout, type SiteHomeLayoutConfig } from '@windrun-huaiin/third-ui/fuma/base/site-home-layout';
 import { fingerprintConfig } from '@windrun-huaiin/backend-core/config/fingerprint';
 import { FingerprintProvider } from '@windrun-huaiin/third-ui/fingerprint';
-import { appConfig } from '@/lib/appConfig';
 
 async function contentOptions(locale: string): Promise<SiteHomeLayoutConfig> {
   return {
@@ -31,7 +31,8 @@ export default async function Layout({
   const contentLayoutOptions = await contentOptions(locale);
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...contentLayoutOptions,
-    githubUrl: appConfig.github,
+    i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/(content)/legal/[[...slug]]/page.tsx

@@ -1,7 +1,5 @@
 import { appConfig } from '@/lib/appConfig';
 import { siteDocs } from '@/lib/site-docs';
-import { SiteIcon } from '@/lib/site-config';
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
 import { createFumaPage } from '@windrun-huaiin/third-ui/fuma/server/page-generator';
 
 const sourceKey = 'legal';
@@ -11,13 +9,11 @@ const { Page, generateStaticParams, generateMetadata } = createFumaPage({
   getMDXComponents: siteDocs.getMDXComponents,
   mdxSourceDir: appConfig.mdxSourceDir[sourceKey],
   githubBaseUrl: appConfig.githubBaseUrl,
-  siteIcon: <SiteIcon />,
-  FallbackPage: NotFoundPage,
   supportedLocales: appConfig.i18n.locales as string[],
   showBreadcrumb: false,
   showTableOfContent: true,
   showTableOfContentPopover: false,
-  tocRenderMode: 'fumadocs-clerk'
+  tocRenderMode: 'fumadocs-normal'
 });
 
 export default Page;

package/src/app/[locale]/(content)/legal/layout.tsx

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
+import { i18n } from '@/lib/i18n-base';
 import { siteDocs } from '@/lib/site-docs';
 import { SiteDocsLayout } from '@windrun-huaiin/third-ui/fuma/base/site-docs-layout';
 import { SiteHomeLayout, type SiteHomeLayoutConfig } from '@windrun-huaiin/third-ui/fuma/base/site-home-layout';
-import { appConfig } from '@/lib/appConfig';
 
 async function contentOptions(locale: string): Promise<SiteHomeLayoutConfig> {
   return {
@@ -29,7 +29,8 @@ export default async function Layout({
   const contentLayoutOptions = await contentOptions(locale);
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...contentLayoutOptions,
-    githubUrl: appConfig.github,
+    i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/(home)/[...catchAll]/page.tsx

@@ -1,8 +1,5 @@
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
-import { SiteIcon } from '@/lib/site-config';
+import { notFound } from 'next/navigation';
 
-export default function NotFound() {
-  return (  
-    <NotFoundPage siteIcon={<SiteIcon />} />
-  );
-} 
+export default function CatchAllPage() {
+  notFound();
+}

package/src/app/[locale]/(home)/layout.heavy.tsx

@@ -1,4 +1,4 @@
-import { CreditPopoverClient } from '@/components/credit-popover-client';
+import { CreditOverviewNavClient } from '@windrun-huaiin/third-ui/main/credit';
 import { appConfig } from '@/lib/appConfig';
 import { ClerkUser } from '@windrun-huaiin/third-ui/clerk/server';
 import type { SiteNavItemConfig } from '@windrun-huaiin/third-ui/fuma/base/site-layout-shared';
@@ -9,7 +9,12 @@ export async function homeHeavyItems(locale: string): Promise<SiteNavItemConfig[
       type: 'custom',
       secondary: true,
       mobilePinned: true,
-      children: <CreditPopoverClient locale={locale} />,
+      children: (
+        <CreditOverviewNavClient
+          locale={locale}
+          endpoint="/api/user/credit-overview"
+        />
+      ),
     },
     {
       type: 'custom',

package/src/app/[locale]/(home)/layout.tsx

@@ -1,7 +1,7 @@
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
 import { homeHeavyItems } from './layout.heavy';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
 import { i18n } from '@/lib/i18n-base';
 import { fingerprintConfig } from '@windrun-huaiin/backend-core/config/fingerprint';
 import { FingerprintProvider } from '@windrun-huaiin/third-ui/fingerprint';
@@ -31,6 +31,7 @@ export default async function Layout({
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...customeOptions,
     i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/not-found.tsx

@@ -0,0 +1,6 @@
+import { SiteIcon } from '@/lib/site-config';
+import { AnimeNotFoundPage } from '@windrun-huaiin/third-ui/main/anime';
+
+export default function NotFound() {
+  return <AnimeNotFoundPage siteIcon={<SiteIcon />} />;
+}

package/src/lib/appConfig.ts

@@ -9,6 +9,7 @@ export const appConfig = {
 export const { isSupportedLocale, getValidLocale, generatedLocales } = createI18nHelpers(appConfig.i18n);
 
 export const { localePrefixAsNeeded, defaultLocale } = appConfig.i18n;
+export const github = appConfig.github;
 
 // export shortcuts
 export const { iconColor, watermark, showBanner, clerkPageBanner, clerkAuthInModal, placeHolderImage } = appConfig.shortcuts;

package/src/mdx/blog/index.mdx

@@ -2,7 +2,7 @@
 title: Blog
 description: Articles and thoughts about various topics.
 icon: RssIcon
-date: 2026-05-11
+date: 2026-05-14
 ---
 
 ## Past List

package/src/mdx/blog/ioc.mdx

@@ -1,7 +1,7 @@
 ---
 title: Monthly Summary
 description: Index and Summary
-date: 2026-05-11
+date: 2026-05-14
 ---
 
 

package/src/components/credit-popover-client.tsx

@@ -1,72 +0,0 @@
-'use client';
-
-import { CreditNavButton, CreditOverviewClient } from '@windrun-huaiin/third-ui/main/credit';
-import type { CreditOverviewData, CreditOverviewTranslations } from '@windrun-huaiin/third-ui/main/credit';
-import { useEffect, useState } from 'react';
-
-interface CreditPopoverClientProps {
-  locale: string;
-}
-
-interface CreditOverviewPayload {
-  data: CreditOverviewData;
-  totalLabel: string;
-  translations: CreditOverviewTranslations;
-}
-
-export function CreditPopoverClient({ locale }: CreditPopoverClientProps) {
-  const [payload, setPayload] = useState<CreditOverviewPayload | null>(null);
-
-  useEffect(() => {
-    const controller = new AbortController();
-
-    async function loadCreditOverview() {
-      try {
-        const response = await fetch(
-          `/api/user/credit-overview?locale=${encodeURIComponent(locale)}`,
-          {
-            credentials: 'same-origin',
-            signal: controller.signal,
-          },
-        );
-
-        if (!response.ok) {
-          return;
-        }
-
-        const nextPayload = (await response.json()) as CreditOverviewPayload | null;
-        if (!controller.signal.aborted) {
-          setPayload(nextPayload);
-        }
-      } catch (error) {
-        if (!controller.signal.aborted) {
-          console.warn('[CreditPopover] Failed to load credit overview', error);
-        }
-      }
-    }
-
-    loadCreditOverview();
-
-    return () => {
-      controller.abort();
-    };
-  }, [locale]);
-
-  if (!payload) {
-    return null;
-  }
-
-  return (
-    <CreditNavButton
-      locale={locale}
-      totalBalance={payload.data.totalBalance}
-      totalLabel={payload.totalLabel}
-    >
-      <CreditOverviewClient
-        locale={locale}
-        data={payload.data}
-        translations={payload.translations}
-      />
-    </CreditNavButton>
-  );
-}

package/src/components/credit-popover.tsx

@@ -1,136 +0,0 @@
-import '@/server/prisma';
-import { creditService, subscriptionService } from '@windrun-huaiin/backend-core/database';
-import { getOptionalServerAuthUser } from '@windrun-huaiin/backend-core/auth/server';
-import { viewLocalTime } from '@windrun-huaiin/lib/utils';
-import { CreditNavButton } from '@windrun-huaiin/third-ui/main/credit';
-import type { CreditOverviewData } from '@windrun-huaiin/third-ui/main/credit/server';
-import { CreditOverview } from '@windrun-huaiin/third-ui/main/credit/server';
-import { buildMoneyPriceData } from '@windrun-huaiin/third-ui/main/money-price/server';
-import { moneyPriceConfig } from '@windrun-huaiin/backend-core/config/money-price';
-import { buildInitUserContextFromEntities } from '@windrun-huaiin/backend-core/context'
-import { getTranslations } from 'next-intl/server';
-import { getAsNeededLocalizedUrl } from '@windrun-huaiin/lib/utils';
-import { localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
-
-interface CreditPopoverProps {
-  locale: string;
-}
-
-export async function CreditPopover({ locale }: CreditPopoverProps) {
-  const authUser = await getOptionalServerAuthUser();
-  if (!authUser) {
-    return null;
-  }
-  const { user } = authUser;
-
-  const enableSubscriptionUpgrade = process.env.ENABLE_STRIPE_SUBSCRIPTION_UPGRADE !== 'false';
-
-  const [credit, subscription, t, moneyPriceData] = await Promise.all([
-    creditService.getCredit(user.userId),
-    subscriptionService.getActiveSubscription(user.userId),
-    getTranslations({ locale, namespace: 'credit' }),
-    buildMoneyPriceData({
-      locale,
-      currency: moneyPriceConfig.display.currency,
-      enabledBillingTypes: ['monthly', 'yearly', 'onetime'],
-    }),
-  ]);
-
-  if (!credit) {
-    return null;
-  }
-
-  const initUserContext = buildInitUserContextFromEntities({
-    user,
-    credit,
-    subscription,
-  });
-
-  const totalBalance =
-    (credit.balanceFree ?? 0) +
-    (credit.balancePaid ?? 0) +
-    (credit.balanceOneTimePaid ?? 0);
-
-  // 根据是否订阅，动态调整 buckets 顺序
-  // 已订阅：subscription → onetime → free
-  // 未订阅：onetime → free
-  // 为0的类型积分不展示
-
-  // 直接基于 credit 对象生成 buckets，无需额外传参
-  const buckets = [
-    ...(credit.balancePaid > 0 
-      ? [{
-          kind: 'subscription' as const,
-          balance: credit.balancePaid,
-          limit: credit.totalPaidLimit,
-          expiresAt: viewLocalTime(credit.paidEnd)
-        }] 
-      : []),
-
-    ...(credit.balanceOneTimePaid > 0 
-      ? [{
-          kind: 'onetime' as const,
-          balance: credit.balanceOneTimePaid,
-          limit: credit.totalOneTimePaidLimit,
-          expiresAt: viewLocalTime(credit.oneTimePaidEnd)
-        }] 
-      : []),
-
-    ...(credit.balanceFree > 0 
-      ? [{
-          kind: 'free' as const,
-          balance: credit.balanceFree,
-          limit: credit.totalFreeLimit,
-          expiresAt: viewLocalTime(credit.freeEnd)
-         }] 
-      : [])
-  ];
-
-  // 按照项目设置来决定是否带上语言前缀
-  const pricingPageBaseUrl = getAsNeededLocalizedUrl(locale, "/pricing",  localePrefixAsNeeded,  defaultLocale);
-
-  const data: CreditOverviewData = {
-    totalBalance,
-    buckets,
-    pricingContext: {
-      moneyPriceData,
-      moneyPriceConfig,
-      checkoutApiEndpoint: '/api/stripe/checkout',
-      customerPortalApiEndpoint: '/api/stripe/customer-portal',
-      enableSubscriptionUpgrade,
-      initUserContext,
-    },
-    ctaBehaviors: {
-      subscribe: {
-        desktop: { kind: 'modal', mode: 'subscription' },
-        mobile: { kind: 'redirect', url: `${pricingPageBaseUrl}?initialBillingType=subscription` },
-      },
-      manage: {
-        desktop: { kind: 'auth' },
-        mobile: { kind: 'auth' },
-      },
-      onetime: {
-        desktop: { kind: 'modal', mode: 'onetime' },
-        mobile: { kind: 'redirect', url: `${pricingPageBaseUrl}?initialBillingType=onetime` },
-      },
-    },
-  };
-
-  if (subscription) {
-    data.subscription = {
-      planName: subscription.priceName ?? '',
-      periodStart: viewLocalTime(subscription.subPeriodStart),
-      periodEnd: viewLocalTime(subscription.subPeriodEnd),
-    };
-  }
-
-  return (
-    <CreditNavButton
-      locale={locale}
-      totalBalance={totalBalance}
-      totalLabel={t('summary.totalLabel')}
-    >
-      <CreditOverview locale={locale} data={data} />
-    </CreditNavButton>
-  );
-}