From a150d5077559ef31395a9aa25044e2300d7e0936 Mon Sep 17 00:00:00 2001
From: YanisBft <yanis.briffaut@gmail.com>
Date: Thu, 13 Jul 2023 21:54:10 +0200
Subject: [PATCH] Add button to generate random color (#403)

---
 src/app/Utils.ts              | 4 ++++
 src/app/schema/renderHtml.tsx | 3 ++-
 src/locales/en.json           | 1 +
 src/locales/fr.json           | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/Utils.ts b/src/app/Utils.ts
index 41bdd58e..8d4e6216 100644
--- a/src/app/Utils.ts
+++ b/src/app/Utils.ts
@@ -40,6 +40,10 @@ export function generateUUID() {
 	})
 }
 
+export function generateColor() {
+	return Math.floor(Math.random() * 16777215)
+}
+
 export function newSeed(model: DataModel) {
 	const seed = Math.floor(Math.random() * (4294967296)) - 2147483648
 	const dimensions = model.get(new Path(['dimensions']))
diff --git a/src/app/schema/renderHtml.tsx b/src/app/schema/renderHtml.tsx
index beeeeafc..12f59aec 100644
--- a/src/app/schema/renderHtml.tsx
+++ b/src/app/schema/renderHtml.tsx
@@ -5,7 +5,7 @@ import type { ComponentChildren, JSX } from 'preact'
 import { memo } from 'preact/compat'
 import { useState } from 'preact/hooks'
 import config from '../Config.js'
-import { deepClone, deepEqual, generateUUID, hexId, hexToRgb, isObject, newSeed, rgbToHex, stringToColor } from '../Utils.js'
+import { deepClone, deepEqual, generateColor, generateUUID, hexId, hexToRgb, isObject, newSeed, rgbToHex, stringToColor } from '../Utils.js'
 import { ItemDisplay } from '../components/ItemDisplay.jsx'
 import { Btn, Octicon } from '../components/index.js'
 import { VanillaColors } from '../components/previews/BiomeSourcePreview.jsx'
@@ -403,6 +403,7 @@ function NumberSuffix({ path, config, integer, value, lang }: NodeProps<NumberHo
 	return <>
 		<input type="text" value={value ?? ''} onBlur={onChange} onKeyDown={evt => {if (evt.key === 'Enter') onChange(evt)}} />
 		{config?.color && <input type="color" value={'#' + (value?.toString(16).padStart(6, '0') ?? '000000')} onChange={onColor} />}
+		{config?.color && <button onClick={() => path.set(generateColor())} class="tooltipped tip-se" aria-label={localize(lang, 'generate_new_color')}>{Octicon.sync}</button>}
 		{['dimension.generator.seed', 'dimension.generator.biome_source.seed', 'world_settings.seed', 'structure_placement.salt'].includes(path.getContext().join('.')) && <button onClick={() => newSeed(path.model)} class="tooltipped tip-se" aria-label={localize(lang, 'generate_new_seed')}>{Octicon.sync}</button>}
 	</>
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index 130a044b..35cce763 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -58,6 +58,7 @@
   "fields": "Fields",
   "generate_new_seed": "Generate new seed",
   "generate_new_uuid": "Generate new UUID",
+  "generate_new_color": "Generate new color",
   "generator.not_found": "Cannot find generator \"%0%\"",
   "generator.error_min_version": "The minimum version for this generator is %0%",
   "generator.error_max_version": "This generator is not available in versions above %0%",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index b15f397b..49bd80c8 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -42,6 +42,7 @@
     "format.yaml": "YAML",
     "generate_new_seed": "Générer une nouvelle graine",
     "generate_new_uuid": "Générer un nouvel UUID",
+    "generate_new_color": "Générer une nouvelle couleur",
     "generators.all": "Tout les générateurs",
     "generators.no_results": "Aucun générateur trouvé pour cette recherche",
     "generators.popular": "Générateur Populaires",