S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 fix(oauth): Refactor OAuth configuration types and update related API methods

Browse Source
This commit is contained in:
web@ppanel
2025-01-19 22:34:12 +07:00
parent 18ee600836
commit 6227ba91d0
8 changed files with 201 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/admin/app/dashboard/auth-control/apple/page.tsx
+50 -36
View File
@@ -1,6 +1,6 @@
'use client';
import { getOAuthConfig, oAuthCreateConfig, updateOAuthConfig } from '@/services/admin/system';
import { getOAuthByPlatform, updateOAuthConfig } from '@/services/admin/system';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { Switch } from '@workspace/ui/components/switch';
@@ -14,28 +14,22 @@ export default function Page() {
const t = useTranslations('apple');
const { data, refetch } = useQuery({
queryKey: ['getOAuthConfig', 'apple'],
queryKey: ['getOAuthByPlatform', 'apple'],
queryFn: async () => {
const { data } = await getOAuthConfig();
return data.data?.list.find((item) => item.platform === 'apple') as API.OAuthConfig;
const { data } = await getOAuthByPlatform({
platform: 'apple',
});
return data.data;
},
});
async function updateConfig(key: keyof API.OAuthConfig, value: unknown) {
async function updateConfig(key: keyof API.UpdateOAuthConfig, value: unknown) {
if (data?.[key] === value) return;
try {
if (data?.id) {
await oAuthCreateConfig({
...data,
platform: 'apple',
[key]: value,
} as API.OAuthConfig);
} else {
await updateOAuthConfig({
...data,
[key]: value,
} as API.OAuthConfig);
}
await updateOAuthConfig({
...data,
[key]: value,
} as API.UpdateOAuthConfig);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
@@ -66,21 +60,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='ABCDE1FGHI'
value={data?.team_id}
onValueBlur={(value) => updateConfig('team_id', value)}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('clientId')}</Label>
<p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder='com.your.app.service'
value={data?.client_id}
onValueBlur={(value) => updateConfig('client_id', value)}
value={data?.config?.team_id}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
team_id: value,
});
}}
/>
</TableCell>
</TableRow>
@@ -92,8 +78,31 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='ABC1234567'
value={data?.key_id}
onValueBlur={(value) => updateConfig('key_id', value)}
value={data?.config?.key_id}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
key_id: value,
});
}}
/>
</TableCell>
</TableRow>
<TableRow>
<TableCell>
<Label>{t('clientId')}</Label>
<p className='text-muted-foreground text-xs'>{t('clientIdDescription')}</p>
</TableCell>
<TableCell className='text-right'>
<EnhancedInput
placeholder='com.your.app.service'
value={data?.config?.client_id}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_id: value,
});
}}
/>
</TableCell>
</TableRow>
@@ -106,8 +115,13 @@ export default function Page() {
<Textarea
className='h-20'
placeholder={`-----BEGIN PRIVATE KEY-----\nMIGTAgEA...\n-----END PRIVATE KEY-----`}
value={data?.client_secret}
onBlur={(e) => updateConfig('client_secret', e.target.value)}
value={data?.config?.client_secret}
onBlur={(e) => {
updateConfig('config', {
...data?.config,
client_secret: e.target.value,
});
}}
/>
</TableCell>
</TableRow>
apps/admin/app/dashboard/auth-control/facebook/page.tsx
+25 -21
View File
@@ -1,6 +1,6 @@
'use client';
import { getOAuthConfig, oAuthCreateConfig, updateOAuthConfig } from '@/services/admin/system';
import { getOAuthByPlatform, updateOAuthConfig } from '@/services/admin/system';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { Switch } from '@workspace/ui/components/switch';
@@ -13,28 +13,22 @@ export default function Page() {
const t = useTranslations('facebook');
const { data, refetch } = useQuery({
queryKey: ['getOAuthConfig', 'facebook'],
queryKey: ['getOAuthByPlatform', 'facebook'],
queryFn: async () => {
const { data } = await getOAuthConfig();
return data.data?.list.find((item) => item.platform === 'facebook') as API.OAuthConfig;
const { data } = await getOAuthByPlatform({
platform: 'facebook',
});
return data.data;
},
});
async function updateConfig(key: keyof API.OAuthConfig, value: unknown) {
async function updateConfig(key: keyof API.UpdateOAuthConfig, value: unknown) {
if (data?.[key] === value) return;
try {
if (data?.id) {
await oAuthCreateConfig({
...data,
platform: 'facebook',
[key]: value,
} as API.OAuthConfig);
} else {
await updateOAuthConfig({
...data,
[key]: value,
} as API.OAuthConfig);
}
await updateOAuthConfig({
...data,
[key]: value,
} as API.UpdateOAuthConfig);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
@@ -65,8 +59,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='1234567890123456'
value={data?.client_id}
onValueBlur={(value) => updateConfig('client_id', value)}
value={data?.config?.client_id}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_id: value,
});
}}
/>
</TableCell>
</TableRow>
@@ -78,8 +77,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='1234567890abcdef1234567890abcdef'
value={data?.client_secret}
onValueBlur={(value) => updateConfig('client_secret', value)}
value={data?.config?.client_secret}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_secret: value,
});
}}
/>
</TableCell>
</TableRow>
apps/admin/app/dashboard/auth-control/github/page.tsx
+25 -22
View File
@@ -1,6 +1,6 @@
'use client';
import { getOAuthConfig, oAuthCreateConfig, updateOAuthConfig } from '@/services/admin/system';
import { getOAuthByPlatform, updateOAuthConfig } from '@/services/admin/system';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { Switch } from '@workspace/ui/components/switch';
@@ -13,35 +13,28 @@ export default function Page() {
const t = useTranslations('github');
const { data, refetch } = useQuery({
queryKey: ['getOAuthConfig', 'github'],
queryKey: ['getOAuthByPlatform', 'github'],
queryFn: async () => {
const { data } = await getOAuthConfig();
return data.data?.list.find((item) => item.platform === 'github') as API.OAuthConfig;
const { data } = await getOAuthByPlatform({
platform: 'github',
});
return data.data;
},
});
async function updateConfig(key: keyof API.OAuthConfig, value: unknown) {
async function updateConfig(key: keyof API.UpdateOAuthConfig, value: unknown) {
if (data?.[key] === value) return;
try {
if (data?.id) {
await oAuthCreateConfig({
...data,
platform: 'github',
[key]: value,
} as API.OAuthConfig);
} else {
await updateOAuthConfig({
...data,
[key]: value,
} as API.OAuthConfig);
}
await updateOAuthConfig({
...data,
[key]: value,
} as API.UpdateOAuthConfig);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
toast.error(t('saveFailed'));
}
}
return (
<Table>
<TableBody>
@@ -65,8 +58,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='e.g., Iv1.1234567890abcdef'
value={data?.client_id}
onValueBlur={(value) => updateConfig('client_id', value)}
value={data?.config?.client_id}
onValueBlur={(value) =>
updateConfig('config', {
...data?.config,
client_id: value,
})
}
/>
</TableCell>
</TableRow>
@@ -78,8 +76,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='e.g., 1234567890abcdef1234567890abcdef12345678'
value={data?.client_secret}
onValueBlur={(value) => updateConfig('client_secret', value)}
value={data?.config?.client_secret}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_secret: value,
});
}}
/>
</TableCell>
</TableRow>
apps/admin/app/dashboard/auth-control/google/page.tsx
+25 -21
View File
@@ -1,6 +1,6 @@
'use client';
import { getOAuthConfig, oAuthCreateConfig, updateOAuthConfig } from '@/services/admin/system';
import { getOAuthByPlatform, updateOAuthConfig } from '@/services/admin/system';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { Switch } from '@workspace/ui/components/switch';
@@ -13,28 +13,22 @@ export default function Page() {
const t = useTranslations('google');
const { data, refetch } = useQuery({
queryKey: ['getOAuthConfig', 'google'],
queryKey: ['getOAuthByPlatform', 'google'],
queryFn: async () => {
const { data } = await getOAuthConfig();
return data.data?.list.find((item) => item.platform === 'google') as API.OAuthConfig;
const { data } = await getOAuthByPlatform({
platform: 'google',
});
return data.data;
},
});
async function updateConfig(key: keyof API.OAuthConfig, value: unknown) {
async function updateConfig(key: keyof API.UpdateOAuthConfig, value: unknown) {
if (data?.[key] === value) return;
try {
if (data?.id) {
await oAuthCreateConfig({
...data,
platform: 'google',
[key]: value,
} as API.OAuthConfig);
} else {
await updateOAuthConfig({
...data,
[key]: value,
} as API.OAuthConfig);
}
await updateOAuthConfig({
...data,
[key]: value,
} as API.UpdateOAuthConfig);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
@@ -65,8 +59,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='123456789-abc123def456.apps.googleusercontent.com'
value={data?.client_id}
onValueBlur={(value) => updateConfig('client_id', value)}
value={data?.config?.client_id}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_id: value,
});
}}
/>
</TableCell>
</TableRow>
@@ -78,8 +77,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='GOCSPX-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
value={data?.client_secret}
onValueBlur={(value) => updateConfig('client_secret', value)}
value={data?.config?.client_secret}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
client_secret: value,
});
}}
/>
</TableCell>
</TableRow>
apps/admin/app/dashboard/auth-control/telegram/page.tsx
+25 -21
View File
@@ -1,6 +1,6 @@
'use client';
import { getOAuthConfig, oAuthCreateConfig, updateOAuthConfig } from '@/services/admin/system';
import { getOAuthByPlatform, updateOAuthConfig } from '@/services/admin/system';
import { useQuery } from '@tanstack/react-query';
import { Label } from '@workspace/ui/components/label';
import { Switch } from '@workspace/ui/components/switch';
@@ -13,28 +13,22 @@ export default function Page() {
const t = useTranslations('telegram');
const { data, refetch } = useQuery({
queryKey: ['getOAuthConfig', 'telegram'],
queryKey: ['getOAuthByPlatform', 'telegram'],
queryFn: async () => {
const { data } = await getOAuthConfig();
return data.data?.list.find((item) => item.platform === 'telegram') as API.OAuthConfig;
const { data } = await getOAuthByPlatform({
platform: 'telegram',
});
return data.data;
},
});
async function updateConfig(key: keyof API.OAuthConfig, value: unknown) {
async function updateConfig(key: keyof API.UpdateOAuthConfig, value: unknown) {
if (data?.[key] === value) return;
try {
if (data?.id) {
await oAuthCreateConfig({
...data,
platform: 'telegram',
[key]: value,
} as API.OAuthConfig);
} else {
await updateOAuthConfig({
...data,
[key]: value,
} as API.OAuthConfig);
}
await updateOAuthConfig({
...data,
[key]: value,
} as API.UpdateOAuthConfig);
toast.success(t('saveSuccess'));
refetch();
} catch (error) {
@@ -65,8 +59,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='6123456789'
value={data?.client_id}
onValueBlur={(value) => updateConfig('client_id', value)}
value={data?.config?.bot}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
bot: value,
});
}}
/>
</TableCell>
</TableRow>
@@ -78,8 +77,13 @@ export default function Page() {
<TableCell className='text-right'>
<EnhancedInput
placeholder='6123456789:AAHn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
value={data?.client_secret}
onValueBlur={(value) => updateConfig('client_secret', value)}
value={data?.config?.bot_token}
onValueBlur={(value) => {
updateConfig('config', {
...data?.config,
bot_token: value,
});
}}
/>
</TableCell>
</TableRow>