feat(components): unify mode variable (#8091)

Author: deleonio

packages/components/src/i18n.ts

@@ -1,6 +1,6 @@
 import type { ComponentKeys, ResourcePrefix } from './core/i18n';
 import { getI18nInstance, initializeI18n } from './core/i18n';
-import { processEnv } from './schema';
+import { runtimeMode } from './schema';
 
 type Options = {
 	count?: number;
@@ -14,6 +14,6 @@ export let translate = (key: TranslationKey, options?: Options) => {
 	return i18n.translate(key, options);
 };
 
-if (processEnv === 'test') {
+if (runtimeMode === 'test') {
 	translate = (key): string => key;
 }

packages/components/src/schema/utils/prop.validators.ts

@@ -110,7 +110,7 @@ export const setState = <T>(component: Generic.Element.Component, propName: stri
 	 * Muss erstmal in sync bleiben, da sonst der
 	 * Tooltip nicht korrekt ausgerichtet wird.
 	 */
-	// if (component.hydrated === true || processEnv !== 'test') {
+	// if (component.hydrated === true || runtimeMode !== 'test') {
 	// clearTimeout(component.timeout as NodeJS.Timeout);
 	// component.timeout = setTimeout(() => {
 	// 	clearTimeout(component.timeout as NodeJS.Timeout);

packages/components/src/schema/utils/reuse.ts

@@ -1,10 +1,11 @@
-const PROCESS_ENVS = ['development', 'production', 'test'] as const;
-type ProcessEnv = (typeof PROCESS_ENVS)[number];
-export let processEnv: ProcessEnv = 'development';
+const MODES = ['development', 'production', 'test'] as const;
+export type Mode = (typeof MODES)[number];
+
+export let runtimeMode: Mode = 'development';
 try {
-	processEnv = process.env.NODE_ENV as ProcessEnv;
+	runtimeMode = process.env.NODE_ENV as Mode;
 } catch (e) {
-	processEnv = 'production';
+	runtimeMode = 'production';
 }
 
 /**

packages/components/src/utils/align-floating-elements.ts

@@ -1,5 +1,5 @@
 import { arrow, computePosition, flip, offset, shift } from '@floating-ui/dom';
-import { processEnv } from '../schema';
+import { runtimeMode } from '../schema';
 
 import type { AlignPropType } from '../schema';
 type Arguments = {
@@ -9,7 +9,7 @@ type Arguments = {
 	align?: AlignPropType;
 };
 export const alignFloatingElements = async ({ floatingElement, referenceElement, arrowElement, align = 'top' }: Arguments) => {
-	if (processEnv !== 'test') {
+	if (runtimeMode !== 'test') {
 		const middleware = [offset(arrowElement?.offsetHeight ?? 10), flip(), shift()];
 		if (arrowElement) {
 			middleware.push(arrow({ element: arrowElement }));

packages/components/src/utils/dev.utils.ts

@@ -65,7 +65,7 @@ Email: kolibri@itzbund.de
 
 let nonce = (): string => Math.floor(Math.random() * 16777215).toString(16);
 
-if (processEnv === 'test') {
+if (runtimeMode === 'test') {
 	nonce = (): string => 'nonce';
 }