feat: Update public environment variable

ever-co · Dec 12, 2023 · 3e1a9ff · 3e1a9ff
1 parent c6caf50
commit 3e1a9ff
Show file tree

Hide file tree

Showing 13 changed files with 89 additions and 45 deletions.
diff --git a/apps/web/app/constants.ts b/apps/web/app/constants.ts
@@ -29,30 +29,47 @@ export const NO_TEAM_POPUP_SHOW_COOKIE_NAME = 'no-team-popup-show';
 export const ACTIVE_PROJECT_COOKIE_NAME = 'auth-active-project';
 
 // Recaptcha
-export const RECAPTCHA_SITE_KEY = getNextPublicEnv('NEXT_PUBLIC_CAPTCHA_SITE_KEY');
+export const RECAPTCHA_SITE_KEY = getNextPublicEnv(
+	'NEXT_PUBLIC_CAPTCHA_SITE_KEY',
+	process.env.NEXT_PUBLIC_CAPTCHA_SITE_KEY
+);
 export const RECAPTCHA_SECRET_KEY = process.env.CAPTCHA_SECRET_KEY;
 
 // Gauzy Server URL
 export const GAUZY_API_SERVER_URL = process.env.GAUZY_API_SERVER_URL || 'https://api.gauzy.co/api';
-export const GAUZY_API_BASE_SERVER_URL = getNextPublicEnv('NEXT_PUBLIC_GAUZY_API_SERVER_URL', 'https://api.gauzy.co');
+export const GAUZY_API_BASE_SERVER_URL = getNextPublicEnv(
+	'NEXT_PUBLIC_GAUZY_API_SERVER_URL',
+	process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL
+);
 
 // Invite
 export const INVITE_CALLBACK_URL = process.env.INVITE_CALLBACK_URL || 'https://app.ever.team/auth/passcode';
 export const INVITE_CALLBACK_PATH = '/auth/passcode';
 export const VERIFY_EMAIL_CALLBACK_URL = process.env.VERIFY_EMAIL_CALLBACK_URL || 'https://app.ever.team/verify-email';
 export const VERIFY_EMAIL_CALLBACK_PATH = '/verify-email';
-export const GA_MEASUREMENT_ID = getNextPublicEnv('NEXT_PUBLIC_GA_MEASUREMENT_ID');
+export const GA_MEASUREMENT_ID = getNextPublicEnv(
+	'NEXT_PUBLIC_GA_MEASUREMENT_ID',
+	process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID
+);
 
 // Chatwoot
-export const CHATWOOT_API_KEY = getNextPublicEnv('NEXT_PUBLIC_CHATWOOT_API_KEY');
+export const CHATWOOT_API_KEY = getNextPublicEnv(
+	'NEXT_PUBLIC_CHATWOOT_API_KEY',
+	process.env.NEXT_PUBLIC_CHATWOOT_API_KEY
+);
 
 export const SMTP_FROM_ADDRESS = process.env.SMTP_FROM_ADDRESS || '[email protected]';
 export const SMTP_HOST = process.env.SMTP_HOST || '';
 export const SMTP_PORT = process.env.SMTP_PORT || '';
 export const SMTP_SECURE = process.env.SMTP_SECURE || '';
 export const SMTP_USERNAME = process.env.SMTP_USERNAME || '';
 export const SMTP_PASSWORD = process.env.SMTP_PASSWORD || '';
-export const DISABLE_AUTO_REFRESH = getNextPublicEnv('NEXT_PUBLIC_DISABLE_AUTO_REFRESH');
+export const DISABLE_AUTO_REFRESH = getNextPublicEnv('NEXT_PUBLIC_DISABLE_AUTO_REFRESH', {
+	default: process.env.NEXT_PUBLIC_DISABLE_AUTO_REFRESH,
+	map(value) {
+		return value === 'true';
+	}
+});
 
 export const APP_NAME = process.env.APP_NAME || 'Ever Teams';
 export const APP_SIGNATURE = process.env.APP_SIGNATURE || 'Ever Teams';
@@ -72,38 +89,52 @@ export const smtpConfiguration: () => I_SMTPRequest = () => ({
 
 // Cookies
 export const COOKIE_DOMAINS = getNextPublicEnv('NEXT_PUBLIC_COOKIE_DOMAINS', {
-	default: 'ever.team',
+	default: process.env.NEXT_PUBLIC_COOKIE_DOMAINS || 'ever.team',
 	map(value) {
 		return value?.split(',').map((d) => d.trim()) || [];
 	}
 });
 
 // MEET Constants
-export const MEET_DOMAIN = getNextPublicEnv('NEXT_PUBLIC_MEET_DOMAIN', 'meet.ever.team');
+export const MEET_DOMAIN = getNextPublicEnv(
+	'NEXT_PUBLIC_MEET_DOMAIN',
+	process.env.NEXT_PUBLIC_MEET_DOMAIN || 'meet.ever.team'
+);
 export const MEET_JWT_APP_ID = process.env.MEET_JWT_APP_ID || 'ever_teams';
 export const MEET_JWT_APP_SECRET = process.env.MEET_JWT_APP_SECRET;
 export const MEET_JWT_TOKEN_COOKIE_NAME = 'meet-jwt-session';
 
 // BOARD board
-export const BOARD_APP_DOMAIN = getNextPublicEnv('NEXT_PUBLIC_BOARD_APP_DOMAIN', 'https://board.ever.team');
+export const BOARD_APP_DOMAIN = getNextPublicEnv(
+	'NEXT_PUBLIC_BOARD_APP_DOMAIN',
+	process.env.NEXT_PUBLIC_BOARD_APP_DOMAIN || 'https://board.ever.team'
+);
+
 export const BOARD_BACKEND_POST_URL = getNextPublicEnv(
 	'NEXT_PUBLIC_BOARD_BACKEND_POST_URL',
-	'https://jsonboard.ever.team/api/v2/post/'
+	process.env.NEXT_PUBLIC_BOARD_BACKEND_POST_URL || 'https://jsonboard.ever.team/api/v2/post/'
+);
+export const BOARD_FIREBASE_CONFIG = getNextPublicEnv(
+	'NEXT_PUBLIC_BOARD_FIREBASE_CONFIG',
+	process.env.NEXT_PUBLIC_BOARD_FIREBASE_CONFIG
 );
-export const BOARD_FIREBASE_CONFIG = getNextPublicEnv('NEXT_PUBLIC_BOARD_FIREBASE_CONFIG');
 
 // Jitsu
 export const jitsuConfiguration: () => JitsuOptions = () => ({
-	host: getNextPublicEnv('NEXT_PUBLIC_JITSU_BROWSER_URL', '').value,
-	writeKey: getNextPublicEnv('NEXT_PUBLIC_JITSU_BROWSER_WRITE_KEY', '').value,
+	host: getNextPublicEnv('NEXT_PUBLIC_JITSU_BROWSER_URL', process.env.NEXT_PUBLIC_JITSU_BROWSER_URL).value,
+	writeKey: getNextPublicEnv('NEXT_PUBLIC_JITSU_BROWSER_WRITE_KEY', process.env.NEXT_PUBLIC_JITSU_BROWSER_WRITE_KEY)
+		.value,
 	// if enabled - events will be sent to the console but no data sent to Jitsu.
 	// Strange this is not mentioned in the documentation https://github.com/jitsucom/jitsu/blob/35c4ecaff54d61a87853381cb17262b7bfbd4a6e/libs/jitsu-js/src/jitsu.ts#L40
 	echoEvents: false,
 	debug: false
 });
 
 // Github Integration
-export const GITHUB_APP_NAME = getNextPublicEnv('NEXT_PUBLIC_GITHUB_APP_NAME', 'ever-github');
+export const GITHUB_APP_NAME = getNextPublicEnv(
+	'NEXT_PUBLIC_GITHUB_APP_NAME',
+	process.env.NEXT_PUBLIC_GITHUB_APP_NAME || 'ever-github'
+);
 
 // Application Languages
 export const APPLICATION_LANGUAGES = [

diff --git a/apps/web/app/env.ts b/apps/web/app/env.ts
@@ -15,9 +15,9 @@ type ReturnedType<T> = {
 };
 
 /**
- * This function loads only env variables which start with NEXT_PUBLIC_*
+ * This function only loads environment variables starting with NEXT_PUBLIC_*
  *
- * Useful to get the latest value of variable at runtime instead of build time
+ * Useful for getting the latest value of the variable at runtime rather than at build time
  *
  * @param name
  * @param options
@@ -26,9 +26,9 @@ type ReturnedType<T> = {
 export function getNextPublicEnv<O extends Options<unknown>>(name: string, options?: O): ReturnedType<O> {
 	return {
 		get value() {
-			let value = typeof options === 'string' ? options : options?.default;
-			value = NEXT_PUBLIC_ENVS.value[name] || value;
+			const defaultValue = typeof options === 'string' ? options : options?.default;
 
+			let value = NEXT_PUBLIC_ENVS.value[name] || defaultValue;
 			if (typeof options === 'object' && options.map) {
 				value = options.map(value) as any;
 			}

diff --git a/apps/web/app/hooks/features/useImageAssets.ts b/apps/web/app/hooks/features/useImageAssets.ts
@@ -1,6 +1,7 @@
 import { getAccessTokenCookie } from '@app/helpers';
 import { useCallback, useState } from 'react';
 import axios, { AxiosResponse } from 'axios';
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 
 export function useImageAssets() {
 	const [loading, setLoading] = useState(false);
@@ -15,7 +16,7 @@ export function useImageAssets() {
 			setLoading(true);
 
 			return axios
-				.post(process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL + `/api/image-assets/upload/${folder}`, formData, {
+				.post(GAUZY_API_BASE_SERVER_URL.value + `/api/image-assets/upload/${folder}`, formData, {
 					headers: {
 						'tenant-id': tenantId,
 						authorization: `Bearer ${bearer_token}`

diff --git a/apps/web/app/services/client/api/auth.ts b/apps/web/app/services/client/api/auth.ts
@@ -2,6 +2,7 @@ import { getRefreshTokenCookie } from '@app/helpers/cookies';
 import { ISuccessResponse } from '@app/interfaces';
 import { ILoginResponse, IRegisterDataAPI, ISigninEmailConfirmResponse } from '@app/interfaces/IAuthentication';
 import api, { get } from '../axios';
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 
 export const signInWithEmailAndCodeAPI = (email: string, code: string) => {
 	return api.post<ILoginResponse>(`/auth/login`, {
@@ -44,7 +45,7 @@ export const getAuthenticatedUserDataAPI = async () => {
 	const endpoint = `/user/me?${query.toString()}`;
 	const data = await get(endpoint, true);
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 };
 
 export const verifyUserEmailByCodeAPI = (code: string) => {

diff --git a/apps/web/app/services/client/api/employee.ts b/apps/web/app/services/client/api/employee.ts
@@ -1,3 +1,4 @@
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 import { get } from '../axios';
 
 export async function getWorkingEmployeesAPI(tenantId: string, organizationId: string) {
@@ -8,10 +9,8 @@ export async function getWorkingEmployeesAPI(tenantId: string, organizationId: s
 	};
 	const query = new URLSearchParams(params);
 
-	const endpoint = process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL
-		? `/employee/pagination?${query.toString()}`
-		: '/employee/working';
+	const endpoint = GAUZY_API_BASE_SERVER_URL.value ? `/employee/pagination?${query.toString()}` : '/employee/working';
 	const data = await get(endpoint, true, { tenantId });
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
diff --git a/apps/web/app/services/client/api/invite.ts b/apps/web/app/services/client/api/invite.ts
@@ -1,6 +1,6 @@
 import { PaginationResponse } from '@app/interfaces/IDataResponse';
 import { IInvitation, MyInvitationActionEnum, CreateResponse, IInviteCreate, IRole } from '@app/interfaces';
-import { INVITE_CALLBACK_URL } from '@app/constants';
+import { GAUZY_API_BASE_SERVER_URL, INVITE_CALLBACK_URL } from '@app/constants';
 import api, { get, post } from '../axios';
 import { AxiosResponse } from 'axios';
 
@@ -41,7 +41,7 @@ export async function inviteByEmailsAPI(data: IIInviteRequest, tenantId: string)
 	// for not direct call we need to adjust data to include name and email only
 	const fetchData = await post(endpoint, dataToInviteUser, true, { tenantId });
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? fetchData.data : fetchData;
+	return GAUZY_API_BASE_SERVER_URL.value ? fetchData.data : fetchData;
 }
 
 export async function getTeamInvitationsAPI(tenantId: string, organizationId: string, role: string, teamId: string) {
@@ -56,7 +56,7 @@ export async function getTeamInvitationsAPI(tenantId: string, organizationId: st
 	const endpoint = `/invite?${query.toString()}`;
 	const data = await get(endpoint, true, { tenantId });
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function removeTeamInvitationsAPI(invitationId: string) {
@@ -73,7 +73,7 @@ export async function getMyInvitationsAPI(tenantId: string) {
 	const endpoint = '/invite/me';
 	const data = await get(endpoint, true, { tenantId });
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function acceptRejectMyInvitationsAPI(invitationId: string, action: MyInvitationActionEnum) {

diff --git a/apps/web/app/services/client/api/languages.ts b/apps/web/app/services/client/api/languages.ts
@@ -1,8 +1,9 @@
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 import { get } from '../axios';
 
 export async function getLanguageListAPI(is_system: boolean) {
 	const endpoint = `/languages?is_system=${is_system}`;
 	const data = await get(endpoint, true);
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
diff --git a/apps/web/app/services/client/api/organization-team.ts b/apps/web/app/services/client/api/organization-team.ts
@@ -9,6 +9,7 @@ import {
 } from '@app/interfaces';
 import moment from 'moment';
 import api, { get } from '../axios';
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 
 export async function getOrganizationTeamsAPI(organizationId: string, tenantId: string) {
 	const relations = [
@@ -36,7 +37,7 @@ export async function getOrganizationTeamsAPI(organizationId: string, tenantId:
 	const endpoint = `/organization-team?${query.toString()}`;
 
 	const data = await get(endpoint, true, { tenantId });
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function createOrganizationTeamAPI(name: string) {
@@ -74,7 +75,7 @@ export async function getOrganizationTeamAPI(teamId: string, organizationId: str
 	const endpoint = `/organization-team/${teamId}?${queries.toString()}`;
 	const data = await get(endpoint, true);
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function editOrganizationTeamAPI(data: IOrganizationTeamUpdate) {

diff --git a/apps/web/app/services/client/api/tasks.ts b/apps/web/app/services/client/api/tasks.ts
@@ -3,6 +3,7 @@ import { CreateResponse, DeleteResponse, PaginationResponse } from '@app/interfa
 import { ICreateTask, ITeamTask } from '@app/interfaces/ITask';
 import { ITasksTimesheet } from '@app/interfaces/ITimer';
 import api, { get } from '../axios';
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 
 export function getTasksByIdAPI(taskId: string) {
 	return api.get<CreateResponse<ITeamTask>>(`/tasks/${taskId}`);
@@ -40,7 +41,7 @@ export async function getTeamTasksAPI(organizationId: string, tenantId: string,
 	const endpoint = `/tasks/team?${query.toString()}`;
 	const data = await get(endpoint, true, { tenantId });
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function deleteTaskAPI(taskId: string) {
@@ -61,7 +62,7 @@ export async function tasksTimesheetStatisticsAPI(
 	organizationId: string,
 	employeeId?: string
 ) {
-	if (process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL) {
+	if (GAUZY_API_BASE_SERVER_URL.value) {
 		const employeesParams = employeeId
 			? [employeeId].reduce((acc: any, v, i) => {
 					acc[`employeeIds[${i}]`] = v;
@@ -109,7 +110,7 @@ export async function activeTaskTimesheetStatisticsAPI(
 	organizationId: string,
 	employeeId?: string
 ) {
-	if (process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL) {
+	if (GAUZY_API_BASE_SERVER_URL.value) {
 		const employeesParams = employeeId
 			? [employeeId].reduce((acc: any, v, i) => {
 					acc[`employeeIds[${i}]`] = v;

diff --git a/apps/web/app/services/client/api/timer.ts b/apps/web/app/services/client/api/timer.ts
@@ -1,14 +1,13 @@
 import { ITimerStatus, IToggleTimerParams, TimerSource } from '@app/interfaces/ITimer';
 import api, { get } from '../axios';
+import { GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 
 export async function getTimerStatusAPI(tenantId: string, organizationId: string) {
 	const params = new URLSearchParams({ tenantId, organizationId });
-	const endpoint = process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL
-		? `/timesheet/timer/status?${params.toString()}`
-		: '/timer/status';
+	const endpoint = GAUZY_API_BASE_SERVER_URL.value ? `/timesheet/timer/status?${params.toString()}` : '/timer/status';
 	const data = await get(endpoint, true);
 
-	return process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL ? data.data : data;
+	return GAUZY_API_BASE_SERVER_URL.value ? data.data : data;
 }
 
 export function toggleTimerAPI(body: Pick<IToggleTimerParams, 'taskId'>) {

diff --git a/apps/web/app/services/client/axios.ts b/apps/web/app/services/client/axios.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-mixed-spaces-and-tabs */
-import { API_BASE_URL, DEFAULT_APP_PATH } from '@app/constants';
+import { API_BASE_URL, DEFAULT_APP_PATH, GAUZY_API_BASE_SERVER_URL } from '@app/constants';
 import { getAccessTokenCookie, getActiveTeamIdCookie } from '@app/helpers/cookies';
 import axios, { AxiosResponse } from 'axios';
 
@@ -36,9 +36,9 @@ api.interceptors.response.use(
 );
 
 const apiDirect = axios.create({
-	baseURL: `${process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL}/api`,
 	timeout: 60 * 1000
 });
+
 apiDirect.interceptors.request.use(
 	async (config: any) => {
 		const cookie = getAccessTokenCookie();
@@ -53,6 +53,7 @@ apiDirect.interceptors.request.use(
 		Promise.reject(error);
 	}
 );
+
 apiDirect.interceptors.response.use(
 	(response: AxiosResponse) => {
 		return {
@@ -78,8 +79,12 @@ function get(
 		tenantId: string;
 	}
 ) {
-	return isDirect && process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL
+	let baseURL: string | undefined = GAUZY_API_BASE_SERVER_URL.value;
+	baseURL = baseURL ? `${baseURL}/api` : undefined;
+
+	return isDirect && baseURL
 		? apiDirect.get(endpoint, {
+				baseURL,
 				headers: {
 					...(extras?.tenantId ? { 'tenant-id': extras?.tenantId } : {})
 				}
@@ -95,15 +100,19 @@ function post(
 		tenantId: string;
 	}
 ) {
-	return isDirect && process.env.NEXT_PUBLIC_GAUZY_API_SERVER_URL
+	let baseURL: string | undefined = GAUZY_API_BASE_SERVER_URL.value;
+	baseURL = baseURL ? `${baseURL}/api` : undefined;
+
+	return isDirect && baseURL
 		? apiDirect.post(endpoint, data, {
+				baseURL,
 				headers: {
 					...(extras?.tenantId ? { 'tenant-id': extras?.tenantId } : {})
 				}
 		  })
 		: api.post(endpoint, data);
 }
 
-export default api;
+export { get, post };
 
-export { apiDirect, get, post };
+export default api;
diff --git a/apps/web/lib/app/init-state.tsx b/apps/web/lib/app/init-state.tsx
@@ -121,7 +121,7 @@ function InitState() {
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);
 
-	return DISABLE_AUTO_REFRESH.value !== 'true' ? <AutoRefresher /> : <></>;
+	return !DISABLE_AUTO_REFRESH.value ? <AutoRefresher /> : <></>;
 }
 
 function useOneTimeLoad(func: () => void) {