refactor: 更新 API 相關變數名稱，統一使用大寫常數

j7-dev · j7-dev · commit 586d58c8ddbc · 2025-12-02T17:36:36.000+08:00
diff --git a/js/src/App1.tsx b/js/src/App1.tsx
@@ -18,18 +18,18 @@ import routerBindings, {
 } from '@refinedev/react-router-v6'
 import { dataProvider } from './rest-data-provider'
 import { HashRouter, Outlet, Route, Routes } from 'react-router-dom'
-import { apiUrl, kebab } from '@/utils'
+import { API_URL, KEBAB } from '@/utils'
 import { resources } from '@/resources'
 
 function App() {
 	return (
 		<HashRouter>
 			<Refine
 				dataProvider={{
-					default: dataProvider(`${apiUrl}/${kebab}`),
-					'wp-rest': dataProvider(`${apiUrl}/wp/v2`),
-					'wc-rest': dataProvider(`${apiUrl}/wc/v3`),
-					'wc-store': dataProvider(`${apiUrl}/wc/store/v1`),
+					default: dataProvider(`${API_URL}/${KEBAB}`),
+					'wp-rest': dataProvider(`${API_URL}/wp/v2`),
+					'wc-rest': dataProvider(`${API_URL}/wc/v3`),
+					'wc-store': dataProvider(`${API_URL}/wc/store/v1`),
 				}}
 				notificationProvider={useNotificationProvider}
 				routerProvider={routerBindings}
diff --git a/js/src/App2.tsx b/js/src/App2.tsx
@@ -18,17 +18,17 @@ import routerBindings, {
 } from '@refinedev/react-router-v6'
 import { dataProvider } from './rest-data-provider'
 import { HashRouter, Outlet, Route, Routes } from 'react-router-dom'
-import { apiUrl, kebab } from '@/utils'
+import { API_URL, KEBAB } from '@/utils'
 
 function App() {
 	return (
 		<HashRouter>
 			<Refine
 				dataProvider={{
-					default: dataProvider(`${apiUrl}/${kebab}`),
-					'wp-rest': dataProvider(`${apiUrl}/wp/v2`),
-					'wc-rest': dataProvider(`${apiUrl}/wc/v3`),
-					'wc-store': dataProvider(`${apiUrl}/wc/store/v1`),
+					default: dataProvider(`${API_URL}/${KEBAB}`),
+					'wp-rest': dataProvider(`${API_URL}/wp/v2`),
+					'wc-rest': dataProvider(`${API_URL}/wc/v3`),
+					'wc-store': dataProvider(`${API_URL}/wc/store/v1`),
 				}}
 				notificationProvider={useNotificationProvider}
 				routerProvider={routerBindings}
diff --git a/js/src/api/resources/adminAjax.tsx b/js/src/api/resources/adminAjax.tsx
@@ -1,36 +1,36 @@
 /* eslint-disable quote-props */
 import { axiosInstance as axios } from '@/rest-data-provider'
-import { ajaxUrl } from '@/utils'
+import { AJAX_URL } from '@/utils'
 import { AxiosRequestConfig } from 'axios'
 
 export type TAdminAjaxArgs = {
-  action: string
-  nonce: string
-  [key: string]: string | number | undefined
+	action: string
+	nonce: string
+	[key: string]: string | number | undefined
 }
 
 export const adminAjax = async ({
-  args,
-  config = undefined,
+	args,
+	config = undefined,
 }: {
-  args?: TAdminAjaxArgs
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	args?: TAdminAjaxArgs
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const formData = new FormData()
+	const formData = new FormData()
 
-  if (!!args) {
-    Object.keys(args).forEach((key) => {
-      formData.append(key, args[key] as string)
-    })
-  }
+	if (!!args) {
+		Object.keys(args).forEach((key) => {
+			formData.append(key, args[key] as string)
+		})
+	}
 
-  const result = await axios.post(ajaxUrl, formData, {
-    ...config,
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
-      Accept: 'application/json',
-    },
-  })
+	const result = await axios.post(AJAX_URL, formData, {
+		...config,
+		headers: {
+			'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+			Accept: 'application/json',
+		},
+	})
 
-  return result
+	return result
 }
diff --git a/js/src/api/resources/create.tsx b/js/src/api/resources/create.tsx
@@ -1,27 +1,27 @@
 import { axiosInstance as axios } from '@/rest-data-provider'
-import { apiUrl, getDataProviderUrlParams } from '@/utils'
+import { API_URL, getDataProviderUrlParams } from '@/utils'
 import { TDataProvider } from '@/types'
 import { AxiosRequestConfig } from 'axios'
 
 export const createResource = async ({
-  resource,
-  dataProvider = 'wp-rest',
-  args,
-  config,
+	resource,
+	dataProvider = 'wp-rest',
+	args,
+	config,
 }: {
-  resource: string
-  dataProvider?: TDataProvider
-  args?: {
-    [key: string]: any
-  }
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	resource: string
+	dataProvider?: TDataProvider
+	args?: {
+		[key: string]: any
+	}
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
-  const createResult = await axios.post(
-    `${apiUrl}/${dataProviderUrlParams}/${resource}`,
-    args,
-    config,
-  )
+	const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
+	const createResult = await axios.post(
+		`${API_URL}/${dataProviderUrlParams}/${resource}`,
+		args,
+		config,
+	)
 
-  return createResult
+	return createResult
 }
diff --git a/js/src/api/resources/delete.tsx b/js/src/api/resources/delete.tsx
@@ -1,24 +1,24 @@
 import { axiosInstance as axios } from '@/rest-data-provider'
-import { apiUrl, getDataProviderUrlParams } from '@/utils'
+import { API_URL, getDataProviderUrlParams } from '@/utils'
 import { TDataProvider } from '@/types'
 import { AxiosRequestConfig } from 'axios'
 
 export const deleteResource = async ({
-  resource,
-  dataProvider = 'wp-rest',
-  pathParams = [],
-  config = undefined,
+	resource,
+	dataProvider = 'wp-rest',
+	pathParams = [],
+	config = undefined,
 }: {
-  resource: string
-  dataProvider?: TDataProvider
-  pathParams?: string[]
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	resource: string
+	dataProvider?: TDataProvider
+	pathParams?: string[]
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
-  const deleteResult = await axios.delete(
-    `${apiUrl}/${dataProviderUrlParams}/${resource}/${pathParams.join('/')}`,
-    config,
-  )
+	const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
+	const deleteResult = await axios.delete(
+		`${API_URL}/${dataProviderUrlParams}/${resource}/${pathParams.join('/')}`,
+		config,
+	)
 
-  return deleteResult
+	return deleteResult
 }
diff --git a/js/src/api/resources/get.tsx b/js/src/api/resources/get.tsx
@@ -1,52 +1,52 @@
 import { axiosInstance as axios } from '@/rest-data-provider'
-import { apiUrl, getDataProviderUrlParams } from '@/utils'
+import { API_URL, getDataProviderUrlParams } from '@/utils'
 import { TDataProvider } from '@/types'
 import { AxiosRequestConfig } from 'axios'
 
 export const getResource = async ({
-  resource,
-  dataProvider = 'wp-rest',
-  pathParams = [],
-  args = {},
-  config = undefined,
+	resource,
+	dataProvider = 'wp-rest',
+	pathParams = [],
+	args = {},
+	config = undefined,
 }: {
-  resource: string
-  dataProvider?: TDataProvider
-  pathParams?: string[]
-  args?: Record<string, string>
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	resource: string
+	dataProvider?: TDataProvider
+	pathParams?: string[]
+	args?: Record<string, string>
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
-  const getResult = await axios.get(
-    `${apiUrl}/${dataProviderUrlParams}/${resource}/${pathParams.join(
-      '/',
-    )}?${new URLSearchParams(args).toString()}`,
-    config,
-  )
+	const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
+	const getResult = await axios.get(
+		`${API_URL}/${dataProviderUrlParams}/${resource}/${pathParams.join(
+			'/',
+		)}?${new URLSearchParams(args).toString()}`,
+		config,
+	)
 
-  return getResult
+	return getResult
 }
 
 export const getResources = async ({
-  resource,
-  dataProvider = 'wp-rest',
-  pathParams = [],
-  args = {},
-  config = undefined,
+	resource,
+	dataProvider = 'wp-rest',
+	pathParams = [],
+	args = {},
+	config = undefined,
 }: {
-  resource: string
-  dataProvider?: TDataProvider
-  pathParams?: string[]
-  args?: Record<string, string>
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	resource: string
+	dataProvider?: TDataProvider
+	pathParams?: string[]
+	args?: Record<string, string>
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
-  const getResult = await axios.get(
-    `${apiUrl}/${dataProviderUrlParams}/${resource}/${pathParams.join(
-      '/',
-    )}?${new URLSearchParams(args).toString()}`,
-    config,
-  )
+	const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
+	const getResult = await axios.get(
+		`${API_URL}/${dataProviderUrlParams}/${resource}/${pathParams.join(
+			'/',
+		)}?${new URLSearchParams(args).toString()}`,
+		config,
+	)
 
-  return getResult
+	return getResult
 }
diff --git a/js/src/api/resources/update.tsx b/js/src/api/resources/update.tsx
@@ -1,29 +1,29 @@
 import { axiosInstance as axios } from '@/rest-data-provider'
-import { apiUrl, getDataProviderUrlParams } from '@/utils'
+import { API_URL, getDataProviderUrlParams } from '@/utils'
 import { TDataProvider } from '@/types'
 import { AxiosRequestConfig } from 'axios'
 
 export const updateResource = async ({
-  resource,
-  dataProvider = 'wp-rest',
-  pathParams = [],
-  args = {},
-  config = undefined,
+	resource,
+	dataProvider = 'wp-rest',
+	pathParams = [],
+	args = {},
+	config = undefined,
 }: {
-  resource: string
-  dataProvider?: TDataProvider
-  pathParams?: string[]
-  args?: {
-    [key: string]: any
-  }
-  config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
+	resource: string
+	dataProvider?: TDataProvider
+	pathParams?: string[]
+	args?: {
+		[key: string]: any
+	}
+	config?: AxiosRequestConfig<{ [key: string]: any }> | undefined
 }) => {
-  const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
-  const updateResult = await axios.post(
-    `${apiUrl}/${dataProviderUrlParams}/${resource}/${pathParams.join('/')}`,
-    args,
-    config,
-  )
+	const dataProviderUrlParams = getDataProviderUrlParams(dataProvider)
+	const updateResult = await axios.post(
+		`${API_URL}/${dataProviderUrlParams}/${resource}/${pathParams.join('/')}`,
+		args,
+		config,
+	)
 
-  return updateResult
+	return updateResult
 }
diff --git a/js/src/main.tsx b/js/src/main.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-import { app1Selector, app2Selector } from '@/utils'
+import { APP1_SELECTOR, APP2_SELECTOR } from '@/utils'
 import { StyleProvider } from '@ant-design/cssinjs'
 
 const App1 = React.lazy(() => import('./App1'))
@@ -17,8 +17,8 @@ const queryClient = new QueryClient({
 	},
 })
 
-const app1Nodes = document.querySelectorAll(app1Selector)
-const app2Nodes = document.querySelectorAll(app2Selector)
+const app1Nodes = document.querySelectorAll(APP1_SELECTOR)
+const app2Nodes = document.querySelectorAll(APP2_SELECTOR)
 
 const mapping = [
 	{
diff --git a/js/src/rest-data-provider/index.ts b/js/src/rest-data-provider/index.ts
diff --git a/js/src/rest-data-provider/utils/axios.ts b/js/src/rest-data-provider/utils/axios.ts
diff --git a/js/src/types/global.d.ts b/js/src/types/global.d.ts
diff --git a/js/src/utils/env.tsx b/js/src/utils/env.tsx
