chore: remove RENDER_ID

Author: TW-IT-Jerry Liu

inc/class/admin/cpt/index.php

@@ -184,7 +184,7 @@ public function add_metabox( string $post_type ): void {
 	 */
 	public function render_meta_box(): void {
 		// phpcs:ignore
-		echo '<div id="' . Utils::RENDER_ID_2 . '"></div>';
+		echo '<div id="' . Utils::APP2_SELECTOR . '"></div>';
 	}
 
 

inc/class/front-end/index.php

@@ -24,7 +24,7 @@ public function __construct() {
 	 */
 	public function render_app(): void {
 		// phpcs:ignore
-		echo '<div id="' . Utils::RENDER_ID_1 . '"></div>';
+		echo '<div id="' . Utils::APP1_SELECTOR . '"></div>';
 	}
 }
 

inc/utils/class-utils.php

@@ -15,9 +15,5 @@ abstract class Utils {
 	const APP1_SELECTOR = 'my_app';
 	const APP2_SELECTOR = 'my_app_metabox';
 	const API_TIMEOUT   = '30000';
-
-	const RENDER_ID_1 = 'my_app';
-	const RENDER_ID_2 = 'my_app_metabox';
-
 	const DEFAULT_IMAGE = 'http://1.gravatar.com/avatar/1c39955b5fe5ae1bf51a77642f052848?s=96&d=mm&r=g';
 }

js/src/types/global.d.ts

@@ -15,8 +15,8 @@ declare global {
       KEBAB: string
       SNAKE: string
       BASE_URL: string
-      RENDER_ID_1: string
-      RENDER_ID_2: string
+      APP1_SELECTOR: string
+      APP2_SELECTOR: string
       API_TIMEOUT: string
     }
   }

js/src/utils/env.tsx

@@ -1,19 +1,25 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 
+import { removeTrailingSlash } from '@/utils'
+
 const APP_DOMAIN = 'my_app_data' as string
 export const snake = window?.[APP_DOMAIN]?.env?.SNAKE || 'my_app'
 export const appName = window?.[APP_DOMAIN]?.env?.APP_NAME || 'My App'
 export const kebab = window?.[APP_DOMAIN]?.env?.KEBAB || 'my-app'
 export const app1Selector = window?.[APP_DOMAIN]?.env?.APP1_SELECTOR || 'my_app'
 export const app2Selector =
   window?.[APP_DOMAIN]?.env?.APP2_SELECTOR || 'my_app_metabox'
-export const apiUrl = window?.wpApiSettings?.root || '/wp-json'
+export const apiUrl =
+  removeTrailingSlash(window?.wpApiSettings?.root) || '/wp-json'
 export const ajaxUrl =
-  window?.[APP_DOMAIN]?.env?.ajaxUrl || '/wp-admin/admin-ajax.php'
-export const siteUrl = window?.[APP_DOMAIN]?.env?.siteUrl || '/'
+  removeTrailingSlash(window?.[APP_DOMAIN]?.env?.ajaxUrl) ||
+  '/wp-admin/admin-ajax.php'
+export const siteUrl =
+  removeTrailingSlash(window?.[APP_DOMAIN]?.env?.siteUrl) || '/'
 export const currentUserId = window?.[APP_DOMAIN]?.env?.userId || '0'
 export const postId = window?.[APP_DOMAIN]?.env?.postId || '0'
-export const permalink = window?.[APP_DOMAIN]?.env?.permalink || '/'
-export const apiTimeout = import.meta.env.API_TIMEOUT || '30000'
+export const permalink =
+  removeTrailingSlash(window?.[APP_DOMAIN]?.env?.permalink) || '/'
+export const apiTimeout = '30000'
 export const ajaxNonce = window?.[APP_DOMAIN]?.env?.nonce || ''