refactor: move normalizeColor function to styleUtils and update its usage in markdown styles

Author: hryhoriiK97

src/normalizeMarkdownInputStyle.ts

@@ -1,5 +1,6 @@
 import { processColor, type ColorValue } from 'react-native';
 import type { MarkdownInputStyle } from './EnrichedMarkdownInput';
+import { normalizeColor } from './styleUtils';
 
 interface MarkdownInputStyleInternal {
   strong: {
@@ -18,9 +19,6 @@ interface MarkdownInputStyleInternal {
   };
 }
 
-const normalizeColor = (color: string | undefined): ColorValue | undefined =>
-  color ? processColor(color) : undefined;
-
 const DEFAULT_LINK_COLOR = '#2563EB';
 const DEFAULT_SPOILER_COLOR = '#374151';
 const DEFAULT_SPOILER_BG_COLOR = '#E5E7EB';

src/normalizeMarkdownStyle.ts

@@ -1,25 +1,15 @@
-import { Platform, processColor } from 'react-native';
+import { Platform } from 'react-native';
 import type { MarkdownStyle } from './types/MarkdownStyle';
 import type {
   BlockTextAlign,
   EmphasisFontStyle,
   MarkdownStyleInternal,
 } from './types/MarkdownStyleInternal';
-import { mergeSpoilerDefaults, isStyleEqual } from './styleUtils';
-
-// On native, processColor converts hex strings to ARGB integers the renderer
-// expects. On web, CSS accepts hex strings natively — no conversion needed.
-// MarkdownStyleInternal types colors as `string`; native consumers
-// (EnrichedMarkdownTextNativeComponent) accept `ColorValue` (string | number)
-// at runtime, so the ARGB integers processColor produces are handled correctly.
-export const normalizeColor = (
-  color: string | undefined
-): string | undefined =>
-  color
-    ? Platform.OS === 'web'
-      ? color
-      : ((processColor(color) ?? undefined) as string | undefined)
-    : undefined;
+import {
+  mergeSpoilerDefaults,
+  isStyleEqual,
+  normalizeColor,
+} from './styleUtils';
 
 const getSystemFont = (): string =>
   Platform.select({
@@ -75,7 +65,7 @@ const baseHeader: {
   textAlign: 'auto',
 };
 
-const DEFAULT_NORMALIZED_STYLE: MarkdownStyleInternal = Object.freeze({
+const DEFAULT_NORMALIZED_STYLE = Object.freeze({
   paragraph: {
     fontSize: 16,
     fontFamily: getSystemFont(),
@@ -237,7 +227,7 @@ const DEFAULT_NORMALIZED_STYLE: MarkdownStyleInternal = Object.freeze({
     particles: { density: 8, speed: 20 },
     solid: { borderRadius: 4 },
   },
-});
+} as MarkdownStyleInternal);
 
 const refCache = new WeakMap<MarkdownStyle, MarkdownStyleInternal>();
 const structuralCache: {

src/styleUtils.ts

@@ -1,12 +1,17 @@
+import { processColor, type ColorValue } from 'react-native';
 import type { MarkdownStyle } from './types/MarkdownStyle';
 import type { MarkdownStyleInternal } from './types/MarkdownStyleInternal';
 
+export const normalizeColor = (
+  color: string | undefined
+): ColorValue | undefined => (color ? processColor(color) : undefined);
+
 export function mergeSpoilerDefaults(
   user: MarkdownStyle['spoiler'],
   defaults: MarkdownStyleInternal['spoiler']
 ): MarkdownStyleInternal['spoiler'] {
   return {
-    color: user?.color ?? defaults.color,
+    color: (normalizeColor(user?.color) as string) ?? defaults.color,
     particles: {
       density: user?.particles?.density ?? defaults.particles.density,
       speed: user?.particles?.speed ?? defaults.particles.speed,