@heliosgraphics/utils 6.0.0-alpha.16 → 6.0.0-alpha.18

package/colors.ts

@@ -1,5 +1,7 @@
 type TypeRGB = [number, number, number]
 
+const HEX_COLOR_REGEX: RegExp = /^#(?:[0-9a-fA-F]{3}){1,2}$/
+
 const toHex = (c: unknown): string => {
 	if (c === null || c === undefined) return "ff"
 
@@ -35,6 +37,10 @@ export const hexToRgb = (hex?: string | null): TypeRGB | null => {
 	return [r, g, b]
 }
 
+export const isHexColor = (value?: string | null): boolean => {
+	return Boolean(value && HEX_COLOR_REGEX.test(value))
+}
+
 export const rgbToHex = (r: number | string = 255, g: number | string = 255, b: number | string = 255): string => {
 	return `#${toHex(r)}${toHex(g)}${toHex(b)}`
 }

package/index.ts

@@ -1,6 +1,6 @@
 export { getClasses } from "./classnames"
 export { copyValue } from "./clipboard"
-export { hexToRgb, rgbToHex } from "./colors"
+export { hexToRgb, isHexColor, rgbToHex } from "./colors"
 export { debounce } from "./debounce"
 export {
 	getIsEqual,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@heliosgraphics/utils",
-	"version": "6.0.0-alpha.16",
+	"version": "6.0.0-alpha.18",
 	"type": "module",
 	"sideEffects": false,
 	"author": "Chris Puska <chris@puska.org>",

package/sanitize.ts

@@ -25,6 +25,8 @@ const ALLOWED_TAGS = new Set([
 const ALLOWED_ATTRIBUTES = new Set(["class", "id", "title"])
 
 const SAFE_PROTOCOLS = /^(https?|mailto|tel|ftp):/i
+const EMOJI_CLUSTER_LEFT_PATTERN: RegExp = /\p{Extended_Pictographic}(?:\uFE0F|[\u{1F3FB}-\u{1F3FF}])*$/u
+const EMOJI_CLUSTER_RIGHT_PATTERN: RegExp = /^\p{Extended_Pictographic}/u
 
 interface SanitizeTextOptions {
 	allowLinks?: boolean
@@ -85,6 +87,15 @@ const DANGEROUS_FUNCTIONS: Array<RegExp> = [
 	/createElement\s*\(\s*["']script["']\s*\)/gi,
 ]
 
+const stripUnsafeZeroWidthCharacter = (character: string, index: number, text: string): string => {
+	if (character !== "\u200D") return ""
+
+	const leftText: string = text.slice(0, index)
+	const rightText: string = text.slice(index + character.length)
+
+	return EMOJI_CLUSTER_LEFT_PATTERN.test(leftText) && EMOJI_CLUSTER_RIGHT_PATTERN.test(rightText) ? character : ""
+}
+
 export const sanitizeText = (input: string = "", options: SanitizeTextOptions = {}): string => {
 	if (!input) return ""
 
@@ -140,7 +151,7 @@ export const sanitizeText = (input: string = "", options: SanitizeTextOptions =
 	}
 
 	sanitized = sanitized
-		.replace(/[\u200B-\u200D\uFEFF]/g, "")
+		.replace(/[\u200B-\u200D\uFEFF]/g, stripUnsafeZeroWidthCharacter)
 		// eslint-disable-next-line no-control-regex
 		.replace(/[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F-\u009F]/g, "")
 		.replace(/[\u202A-\u202E]/g, "")