@cogito.ai/cli 0.4.3 → 0.4.5

package/dist/templates/web-nextjs/apps/web/src/features/subscription/alipay/server.ts

@@ -0,0 +1,83 @@
+import { AlipaySdk } from 'alipay-sdk'
+
+const ALIPAY_APP_ID = process.env.ALIPAY_APP_ID
+const ALIPAY_PRIVATE_KEY = process.env.ALIPAY_PRIVATE_KEY
+const ALIPAY_PUBLIC_KEY = process.env.ALIPAY_PUBLIC_KEY
+const ALIPAY_GATEWAY = process.env.ALIPAY_GATEWAY || 'https://openapi.alipay.com/gateway.do'
+
+export interface AlipayPayParams {
+  outTradeNo: string
+  totalAmount: string
+  subject: string
+  body?: string
+  returnUrl: string
+  notifyUrl: string
+}
+
+export function getAlipaySDK(): AlipaySdk {
+  if (!ALIPAY_APP_ID || !ALIPAY_PRIVATE_KEY || !ALIPAY_PUBLIC_KEY) {
+    throw new Error(
+      'Missing Alipay credentials. Ensure ALIPAY_APP_ID, ALIPAY_PRIVATE_KEY, and ALIPAY_PUBLIC_KEY are set.',
+    )
+  }
+
+  return new AlipaySdk({
+    appId: ALIPAY_APP_ID,
+    privateKey: ALIPAY_PRIVATE_KEY,
+    signType: 'RSA2',
+    alipayPublicKey: ALIPAY_PUBLIC_KEY,
+    gateway: ALIPAY_GATEWAY,
+    camelcase: true,
+  })
+}
+
+export async function createAlipayPagePay(params: AlipayPayParams) {
+  const alipay = getAlipaySDK()
+  const result = await alipay.exec('alipay.trade.page.pay', {
+    notify_url: params.notifyUrl,
+    return_url: params.returnUrl,
+    bizContent: {
+      out_trade_no: params.outTradeNo,
+      total_amount: params.totalAmount,
+      subject: params.subject,
+      body: params.body,
+      product_code: 'FAST_INSTANT_TRADE_PAY',
+    },
+  })
+
+  return { formHtml: result }
+}
+
+export async function createAlipayWapPay(params: AlipayPayParams) {
+  const alipay = getAlipaySDK()
+  const result = await alipay.exec('alipay.trade.wap.pay', {
+    notify_url: params.notifyUrl,
+    return_url: params.returnUrl,
+    bizContent: {
+      out_trade_no: params.outTradeNo,
+      total_amount: params.totalAmount,
+      subject: params.subject,
+      body: params.body,
+      product_code: 'QUICK_WAP_WAY',
+    },
+  })
+
+  return { redirectUrl: (result as unknown as { url: string }).url }
+}
+
+export async function queryAlipayOrder(outTradeNo: string) {
+  const alipay = getAlipaySDK()
+  const result = await alipay.exec('alipay.trade.query', {
+    bizContent: { out_trade_no: outTradeNo },
+  })
+
+  return result as unknown as {
+    tradeStatus: string
+    code: string
+  }
+}
+
+export async function verifyAlipayNotify(formData: Record<string, unknown>) {
+  const alipay = getAlipaySDK()
+  return alipay.checkNotifySign(formData)
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/components/index.ts

@@ -0,0 +1,4 @@
+export { UpgradeButton } from './upgrade-button'
+export { ProBadge } from './pro-badge'
+export { ProFeatureComparison } from './pro-feature-comparison'
+export { QuotaWarningBanner } from './quota-warning-banner'

package/dist/templates/web-nextjs/apps/web/src/features/subscription/components/pro-badge.tsx

@@ -0,0 +1,9 @@
+import { Badge } from '@/components/ui/badge'
+
+export function ProBadge() {
+  return (
+    <Badge variant="default" className="bg-gradient-to-r from-amber-500 to-orange-500 text-white">
+      PRO
+    </Badge>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/components/pro-feature-comparison.tsx

@@ -0,0 +1,70 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { Check, X } from 'lucide-react'
+
+interface Feature {
+  name: string
+  free: boolean | string
+  pro: boolean | string
+}
+
+interface ProFeatureComparisonProps {
+  features?: Feature[]
+}
+
+export function ProFeatureComparison({ features }: ProFeatureComparisonProps) {
+  const t = useTranslations('subscription')
+
+  const defaultFeatures: Feature[] = [
+    { name: t('featureProjects'), free: '3', pro: '50' },
+    { name: t('featureApiCalls'), free: '1,000', pro: '100,000' },
+    { name: t('featureSupport'), free: false, pro: true },
+    { name: t('featureAnalytics'), free: false, pro: true },
+  ]
+
+  const displayFeatures = features || defaultFeatures
+
+  return (
+    <div className="w-full overflow-hidden rounded-lg border">
+      <table className="w-full text-sm">
+        <thead>
+          <tr className="border-b bg-muted/50">
+            <th className="px-4 py-3 text-left font-medium">{t('feature')}</th>
+            <th className="px-4 py-3 text-center font-medium">{t('free')}</th>
+            <th className="px-4 py-3 text-center font-medium">{t('pro')}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {displayFeatures.map((feat, index) => (
+            <tr key={index} className="border-b last:border-0">
+              <td className="px-4 py-3 font-medium">{feat.name}</td>
+              <td className="px-4 py-3 text-center">
+                {typeof feat.free === 'boolean' ? (
+                  feat.free ? (
+                    <Check className="mx-auto h-4 w-4 text-green-500" />
+                  ) : (
+                    <X className="mx-auto h-4 w-4 text-muted-foreground" />
+                  )
+                ) : (
+                  <span>{feat.free}</span>
+                )}
+              </td>
+              <td className="px-4 py-3 text-center">
+                {typeof feat.pro === 'boolean' ? (
+                  feat.pro ? (
+                    <Check className="mx-auto h-4 w-4 text-green-500" />
+                  ) : (
+                    <X className="mx-auto h-4 w-4 text-muted-foreground" />
+                  )
+                ) : (
+                  <span className="font-medium">{feat.pro}</span>
+                )}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/components/quota-warning-banner.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import { AlertTriangle } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+
+interface QuotaWarningBannerProps {
+  quotaName?: string
+  currentUsage?: number
+  maxQuota?: number
+}
+
+export function QuotaWarningBanner({
+  quotaName = 'API calls',
+  currentUsage = 0,
+  maxQuota = 1000,
+}: QuotaWarningBannerProps) {
+  const router = useRouter()
+  const percentage = (currentUsage / maxQuota) * 100
+  const isNearLimit = percentage >= 80
+
+  if (!isNearLimit) return null
+
+  return (
+    <div className="flex items-center gap-3 rounded-lg border border-amber-200 bg-amber-50 p-4 dark:border-amber-900 dark:bg-amber-950">
+      <AlertTriangle className="h-5 w-5 flex-shrink-0 text-amber-600 dark:text-amber-400" />
+      <div className="flex-1">
+        <p className="text-sm font-medium text-amber-900 dark:text-amber-200">
+          You are using {currentUsage} of {maxQuota} {quotaName} ({percentage.toFixed(0)}%)
+        </p>
+      </div>
+      <Button variant="outline" size="sm" onClick={() => router.push('/pricing')}>
+        Upgrade
+      </Button>
+    </div>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/components/upgrade-button.tsx

@@ -0,0 +1,42 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import { Button } from '@/components/ui/button'
+import { Zap } from 'lucide-react'
+
+interface UpgradeButtonProps {
+  source?: string
+  feature?: string
+  trigger?: string
+  icon?: boolean
+  text?: string
+  highlight?: boolean
+}
+
+export function UpgradeButton({
+  source = 'default',
+  feature,
+  trigger,
+  icon = true,
+  text = 'Upgrade',
+  highlight = false,
+}: UpgradeButtonProps) {
+  const router = useRouter()
+
+  const handleClick = () => {
+    const params = new URLSearchParams()
+    if (source) params.set('source', source)
+    if (feature) params.set('feature', feature)
+    if (trigger) params.set('trigger', trigger)
+
+    const queryString = params.toString()
+    router.push(`/pricing${queryString ? `?${queryString}` : ''}`)
+  }
+
+  return (
+    <Button onClick={handleClick} variant={highlight ? 'default' : 'outline'} size="sm">
+      {icon && <Zap className="mr-1 h-4 w-4" />}
+      {text}
+    </Button>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/hooks.ts

@@ -0,0 +1,141 @@
+'use client'
+
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import type { Payment, SubscriptionPlan, UserSubscription } from './types'
+
+function createSupabaseClient() {
+  return import('@supabase/ssr').then(({ createBrowserClient }) =>
+    createBrowserClient(
+      process.env.NEXT_PUBLIC_SUPABASE_URL!,
+      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    ),
+  )
+}
+
+export function useSubscriptionPlans() {
+  return useQuery({
+    queryKey: ['subscription-plans'],
+    queryFn: async (): Promise<SubscriptionPlan[]> => {
+      const supabase = await createSupabaseClient()
+      const { data, error } = await supabase
+        .from('subscription_plans')
+        .select('*')
+        .eq('is_active', true)
+        .order('display_order', { ascending: true })
+
+      if (error) throw error
+      return (data as SubscriptionPlan[]) ?? []
+    },
+  })
+}
+
+export function useSubscriptionPlan(planCode: string) {
+  return useQuery({
+    queryKey: ['subscription-plan', planCode],
+    queryFn: async (): Promise<SubscriptionPlan | null> => {
+      const supabase = await createSupabaseClient()
+      const { data, error } = await supabase
+        .from('subscription_plans')
+        .select('*')
+        .eq('plan_code', planCode)
+        .single()
+
+      if (error && error.code !== 'PGRST116') throw error
+      return (data as SubscriptionPlan) ?? null
+    },
+  })
+}
+
+export function useUserSubscription(userId: string) {
+  return useQuery({
+    queryKey: ['user-subscription', userId],
+    queryFn: async (): Promise<UserSubscription | null> => {
+      const supabase = await createSupabaseClient()
+      const { data, error } = await supabase
+        .from('user_subscriptions')
+        .select('*')
+        .eq('user_id', userId)
+        .in('status', ['trial', 'active'])
+        .order('created_at', { ascending: false })
+        .limit(1)
+        .single()
+
+      if (error && error.code !== 'PGRST116') throw error
+      return (data as UserSubscription) ?? null
+    },
+    staleTime: 2 * 60 * 1000, // 2 minutes
+    enabled: !!userId,
+  })
+}
+
+export function useUserPayments(userId: string) {
+  return useQuery({
+    queryKey: ['user-payments', userId],
+    queryFn: async (): Promise<Payment[]> => {
+      const supabase = await createSupabaseClient()
+      const { data, error } = await supabase
+        .from('payments')
+        .select('*')
+        .eq('user_id', userId)
+        .order('created_at', { ascending: false })
+
+      if (error) throw error
+      return (data as Payment[]) ?? []
+    },
+    enabled: !!userId,
+  })
+}
+
+interface PaymentStatusResult {
+  status: string
+}
+
+export function usePaymentStatus(
+  orderNo: string,
+  paymentMethod: string,
+  options?: { enabled?: boolean },
+) {
+  return useQuery({
+    queryKey: ['payment-status', orderNo],
+    queryFn: async (): Promise<PaymentStatusResult> => {
+      const endpoint =
+        paymentMethod === 'alipay' ? '/api/payments/alipay/query' : '/api/payments/wechat/query'
+      const res = await fetch(endpoint, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ outTradeNo: orderNo }),
+      })
+      if (!res.ok) throw new Error('Failed to query payment status')
+      return res.json() as Promise<PaymentStatusResult>
+    },
+    refetchInterval: 3000,
+    enabled: options?.enabled ?? !!orderNo,
+  })
+}
+
+interface CreatePaymentParams {
+  userId: string
+  planId: number
+  amount: number
+  paymentMethod: string
+  billingCycle: string
+}
+
+export function useCreatePayment() {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (params: CreatePaymentParams) => {
+      const res = await fetch('/api/payments/create', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(params),
+      })
+      if (!res.ok) throw new Error('Failed to create payment')
+      return res.json()
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['user-payments'] })
+    },
+  })
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/payment-helpers.ts

@@ -0,0 +1,27 @@
+import crypto from 'crypto'
+
+/**
+ * Generates a unique order number in the format WN{timestamp}{4-digit-random}
+ * WN = WebNextjs prefix to avoid conflicts with other projects
+ */
+export function generateOrderNumber(): string {
+  const timestamp = Date.now()
+  const random = Math.floor(Math.random() * 10000)
+    .toString()
+    .padStart(4, '0')
+  return `WN${timestamp}${random}`
+}
+
+/**
+ * Formats a price in cents to a human-readable currency string (CNY)
+ */
+export function formatPriceInCents(cents: number): string {
+  return `¥${(cents / 100).toFixed(2)}`
+}
+
+/**
+ * Checks if a subscription is currently active
+ */
+export function isSubscriptionActive(status: string): boolean {
+  return status === 'trial' || status === 'active'
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/payment-service.ts

@@ -0,0 +1,56 @@
+import { getServerClient } from '@/infra/db/client'
+import type { Payment, CreatePaymentParams } from './types'
+
+export async function createPaymentRecord(params: CreatePaymentParams): Promise<Payment> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('payments')
+    .insert({
+      user_id: params.user_id,
+      subscription_id: params.subscription_id ?? null,
+      order_no: params.order_no,
+      amount: params.amount,
+      currency: params.currency ?? 'CNY',
+      payment_method: params.payment_method,
+      payment_channel: params.payment_channel ?? null,
+      status: 'pending',
+      metadata: params.metadata ?? {},
+    })
+    .select()
+    .single()
+
+  if (error) throw error
+  return data as Payment
+}
+
+export async function getPaymentByOrderNo(orderNo: string): Promise<Payment | null> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('payments')
+    .select('*')
+    .eq('order_no', orderNo)
+    .single()
+
+  if (error && error.code !== 'PGRST116') throw error
+  return (data as Payment) ?? null
+}
+
+export async function getPaymentById(id: number): Promise<Payment | null> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase.from('payments').select('*').eq('id', id).single()
+
+  if (error && error.code !== 'PGRST116') throw error
+  return (data as Payment) ?? null
+}
+
+export async function getUserPayments(userId: string): Promise<Payment[]> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('payments')
+    .select('*')
+    .eq('user_id', userId)
+    .order('created_at', { ascending: false })
+
+  if (error) throw error
+  return (data as Payment[]) ?? []
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/service.ts

@@ -0,0 +1,55 @@
+import { getBrowserClient, getServerClient } from '@/infra/db/client'
+import type { SubscriptionPlan, UserSubscription } from './types'
+
+export async function getActiveSubscriptionPlans(): Promise<SubscriptionPlan[]> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('subscription_plans')
+    .select('*')
+    .eq('is_active', true)
+    .order('display_order', { ascending: true })
+
+  if (error) throw error
+  return (data as SubscriptionPlan[]) ?? []
+}
+
+export async function getSubscriptionPlanByCode(
+  planCode: string,
+): Promise<SubscriptionPlan | null> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('subscription_plans')
+    .select('*')
+    .eq('plan_code', planCode)
+    .single()
+
+  if (error && error.code !== 'PGRST116') throw error
+  return (data as SubscriptionPlan) ?? null
+}
+
+export async function getUserActiveSubscription(userId: string): Promise<UserSubscription | null> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('user_subscriptions')
+    .select('*')
+    .eq('user_id', userId)
+    .in('status', ['trial', 'active'])
+    .order('created_at', { ascending: false })
+    .limit(1)
+    .single()
+
+  if (error && error.code !== 'PGRST116') throw error
+  return (data as UserSubscription) ?? null
+}
+
+export async function getUserSubscriptionHistory(userId: string): Promise<UserSubscription[]> {
+  const supabase = await getServerClient()
+  const { data, error } = await supabase
+    .from('user_subscriptions')
+    .select('*')
+    .eq('user_id', userId)
+    .order('created_at', { ascending: false })
+
+  if (error) throw error
+  return (data as UserSubscription[]) ?? []
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/types.ts

@@ -0,0 +1,73 @@
+export type PlanCode = 'free' | 'pro' | 'enterprise'
+
+export type BillingCycle = 'monthly' | 'yearly'
+
+export type PaymentMethod = 'alipay' | 'wechat' | 'stripe'
+
+export type PaymentStatus = 'pending' | 'paid' | 'failed' | 'refunded' | 'cancelled'
+
+export type SubscriptionStatus = 'trial' | 'active' | 'expired' | 'cancelled' | 'pending'
+
+export type PaymentChannel = 'alipay_page' | 'alipay_wap' | 'wechat_native' | 'wechat_h5'
+
+export interface SubscriptionPlan {
+  id: number
+  plan_code: PlanCode
+  plan_name: string
+  description: string | null
+  price_monthly: number
+  price_yearly: number
+  features: Record<string, unknown>
+  display_order: number
+  is_active: boolean
+  is_featured: boolean
+  created_at: string
+  updated_at: string
+}
+
+export interface UserSubscription {
+  id: number
+  user_id: string
+  plan_id: number
+  status: SubscriptionStatus
+  billing_cycle: BillingCycle
+  current_period_start: string | null
+  current_period_end: string | null
+  cancelled_at: string | null
+  cancel_at_period_end: boolean
+  last_payment_id: number | null
+  next_billing_date: string | null
+  metadata: Record<string, unknown> | null
+  created_at: string
+  updated_at: string
+}
+
+export interface Payment {
+  id: number
+  user_id: string
+  subscription_id: number | null
+  order_no: string
+  amount: number
+  currency: string
+  payment_method: PaymentMethod
+  payment_channel: PaymentChannel | null
+  status: PaymentStatus
+  provider_trade_no: string | null
+  provider_response: Record<string, unknown> | null
+  paid_at: string | null
+  refunded_at: string | null
+  metadata: Record<string, unknown> | null
+  created_at: string
+  updated_at: string
+}
+
+export interface CreatePaymentParams {
+  user_id: string
+  subscription_id?: number
+  order_no: string
+  amount: number
+  currency?: string
+  payment_method: PaymentMethod
+  payment_channel?: PaymentChannel
+  metadata?: Record<string, unknown>
+}

package/dist/templates/web-nextjs/apps/web/src/features/subscription/wechat/client.ts

@@ -0,0 +1,33 @@
+'use client'
+
+interface WechatPayResult {
+  type: 'qrcode' | 'redirect'
+  codeUrl?: string
+  h5Url?: string
+}
+
+export async function initiateWechatPayment(
+  paymentId: number,
+  userId: string,
+): Promise<WechatPayResult> {
+  const res = await fetch('/api/payments/wechat/create', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ paymentId, userId }),
+  })
+
+  if (!res.ok) {
+    throw new Error('Failed to initiate WeChat payment')
+  }
+
+  const data = (await res.json()) as WechatPayResult
+
+  if (data.type === 'qrcode' && data.codeUrl) {
+    return { type: 'qrcode', codeUrl: data.codeUrl }
+  } else if (data.type === 'redirect' && data.h5Url) {
+    window.location.href = data.h5Url
+    return { type: 'redirect', h5Url: data.h5Url }
+  }
+
+  throw new Error('Unexpected WeChat payment response')
+}