From ee6c0293bfb81c9c816fa0bfdf4336d73475dcab Mon Sep 17 00:00:00 2001
From: "Ibrahima G. Coulibaly" <ibracool99@gmail.com>
Date: Mon, 24 Jun 2024 02:51:22 +0100
Subject: [PATCH] feat: change colors in png init

---
 .idea/workspace.xml                           |  33 +++--
 src/assets/grey-pattern.png                   | Bin 0 -> 78460 bytes
 src/assets/image.png                          | Bin 0 -> 13981 bytes
 src/components/InputHeader.tsx                |  10 ++
 src/components/ToolHeader.tsx                 |   2 +-
 src/components/input/InputFooter.tsx          |  24 ++++
 src/components/input/ToolFileInput.tsx        | 114 ++++++++++++++++++
 src/components/input/ToolTextInput.tsx        |  15 +--
 src/components/result/ToolFileResult.tsx      |  59 +++++++++
 src/components/result/ToolTextResult.tsx      |   5 +-
 .../image/png/change-colors-in-png/index.tsx  |  73 ++++++++++-
 .../image/png/change-colors-in-png/meta.ts    |   2 +-
 12 files changed, 309 insertions(+), 28 deletions(-)
 create mode 100644 src/assets/grey-pattern.png
 create mode 100644 src/assets/image.png
 create mode 100644 src/components/InputHeader.tsx
 create mode 100644 src/components/input/InputFooter.tsx
 create mode 100644 src/components/input/ToolFileInput.tsx
 create mode 100644 src/components/result/ToolFileResult.tsx

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9fb89b5..d18ac21 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,9 +4,18 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: readme">
+    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: create-tool.mjs">
+      <change afterPath="$PROJECT_DIR$/src/assets/grey-pattern.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/assets/image.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/components/InputHeader.tsx" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/components/input/InputFooter.tsx" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/components/input/ToolFileInput.tsx" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/components/result/ToolFileResult.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/scripts/create-tool.mjs" beforeDir="false" afterPath="$PROJECT_DIR$/scripts/create-tool.mjs" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/ToolHeader.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/ToolHeader.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/input/ToolTextInput.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/input/ToolTextInput.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/result/ToolTextResult.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/result/ToolTextResult.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/pages/image/png/change-colors-in-png/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/image/png/change-colors-in-png/index.tsx" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/pages/image/png/change-colors-in-png/meta.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/image/png/change-colors-in-png/meta.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -48,7 +57,7 @@
     "git-widget-placeholder": "main",
     "ignore.virus.scanning.warn.message": "true",
     "kotlin-language-version-configured": "true",
-    "last_opened_file_path": "C:/Users/HP/IdeaProjects/omni-tools/src/pages/string",
+    "last_opened_file_path": "C:/Users/HP/IdeaProjects/omni-tools/src/assets",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
     "node.js.selected.package.eslint": "(autodetect)",
@@ -78,11 +87,11 @@
   </component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\assets" />
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\pages\string" />
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\pages\string\split" />
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\pages\images" />
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\public" />
-      <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\assets" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\HP\IdeaProjects\omni-tools\src\components\options" />
@@ -160,7 +169,7 @@
       <workItem from="1719092003308" duration="14856000" />
       <workItem from="1719164664347" duration="2033000" />
       <workItem from="1719166718305" duration="1783000" />
-      <workItem from="1719168519203" duration="8034000" />
+      <workItem from="1719168519203" duration="13734000" />
     </task>
     <task id="LOCAL-00001" summary="feat: use vite and ts">
       <option name="closed" value="true" />
@@ -514,7 +523,15 @@
       <option name="project" value="LOCAL" />
       <updated>1719187190823</updated>
     </task>
-    <option name="localTasksCounter" value="45" />
+    <task id="LOCAL-00045" summary="fix: create-tool.mjs">
+      <option name="closed" value="true" />
+      <created>1719188162583</created>
+      <option name="number" value="00045" />
+      <option name="presentableId" value="LOCAL-00045" />
+      <option name="project" value="LOCAL" />
+      <updated>1719188162583</updated>
+    </task>
+    <option name="localTasksCounter" value="46" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -558,9 +575,9 @@
     <MESSAGE value="fix: build" />
     <MESSAGE value="chore: CODEOWNERS" />
     <MESSAGE value="ci: fix" />
-    <MESSAGE value="fix: create-tool.mjs" />
     <MESSAGE value="fix: readme" />
-    <option name="LAST_COMMIT_MESSAGE" value="fix: readme" />
+    <MESSAGE value="fix: create-tool.mjs" />
+    <option name="LAST_COMMIT_MESSAGE" value="fix: create-tool.mjs" />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">
     <expand />
diff --git a/src/assets/grey-pattern.png b/src/assets/grey-pattern.png
new file mode 100644
index 0000000000000000000000000000000000000000..b734005fc2efb900b3ad4632d5f5be0c55f58f86
GIT binary patch
literal 78460
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
DM5#;2

literal 0
HcmV?d00001

diff --git a/src/assets/image.png b/src/assets/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e01b1e39d2b05af0f6d89ff90639a39da3b442d
GIT binary patch
literal 13981
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
bFt1PA_um!uq(WaM12Fn#dhai}-TQw4qghvS

literal 0
HcmV?d00001

diff --git a/src/components/InputHeader.tsx b/src/components/InputHeader.tsx
new file mode 100644
index 0000000..de0884a
--- /dev/null
+++ b/src/components/InputHeader.tsx
@@ -0,0 +1,10 @@
+import Typography from '@mui/material/Typography';
+import React from 'react';
+
+export default function InputHeader({ title }: { title: string }) {
+  return (
+    <Typography mb={1} fontSize={30} color={'primary'}>
+      {title}
+    </Typography>
+  );
+}
diff --git a/src/components/ToolHeader.tsx b/src/components/ToolHeader.tsx
index 570f11b..ded1fff 100644
--- a/src/components/ToolHeader.tsx
+++ b/src/components/ToolHeader.tsx
@@ -29,7 +29,7 @@ export default function ToolHeader({
   description
 }: ToolHeaderProps) {
   return (
-    <Stack direction={'row'} alignItems={'center'} spacing={2} mt={4}>
+    <Stack direction={'row'} alignItems={'center'} spacing={2} my={4}>
       <Box>
         <Typography mb={2} fontSize={30} color={'primary'}>
           {title}
diff --git a/src/components/input/InputFooter.tsx b/src/components/input/InputFooter.tsx
new file mode 100644
index 0000000..c8e93f6
--- /dev/null
+++ b/src/components/input/InputFooter.tsx
@@ -0,0 +1,24 @@
+import { Stack } from '@mui/material';
+import Button from '@mui/material/Button';
+import PublishIcon from '@mui/icons-material/Publish';
+import ContentPasteIcon from '@mui/icons-material/ContentPaste';
+import React from 'react';
+
+export default function InputFooter({
+  handleImport,
+  handleCopy
+}: {
+  handleImport: () => void;
+  handleCopy: () => void;
+}) {
+  return (
+    <Stack mt={1} direction={'row'} spacing={2}>
+      <Button onClick={handleImport} startIcon={<PublishIcon />}>
+        Import from file
+      </Button>
+      <Button onClick={handleCopy} startIcon={<ContentPasteIcon />}>
+        Copy to clipboard
+      </Button>
+    </Stack>
+  );
+}
diff --git a/src/components/input/ToolFileInput.tsx b/src/components/input/ToolFileInput.tsx
new file mode 100644
index 0000000..ced405f
--- /dev/null
+++ b/src/components/input/ToolFileInput.tsx
@@ -0,0 +1,114 @@
+import { Box, styled, TextField, useTheme } from '@mui/material';
+import Typography from '@mui/material/Typography';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import InputHeader from '../InputHeader';
+import InputFooter from './InputFooter';
+import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
+import greyPattern from '@assets/grey-pattern.png';
+
+interface ToolFileInputProps {
+  value: File | null;
+  onChange: (file: File) => void;
+  accept: string[];
+  title?: string;
+}
+
+export default function ToolFileInput({
+  value,
+  onChange,
+  accept,
+  title = 'File'
+}: ToolFileInputProps) {
+  const [preview, setPreview] = useState<string | null>(null);
+  const theme = useTheme();
+  const { showSnackBar } = useContext(CustomSnackBarContext);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const handleCopy = () => {
+    navigator.clipboard
+      .writeText(value?.name ?? '')
+      .then(() => showSnackBar('Text copied', 'success'))
+      .catch((err) => {
+        showSnackBar('Failed to copy: ' + err, 'error');
+      });
+  };
+  useEffect(() => {
+    if (value) {
+      const objectUrl = URL.createObjectURL(value);
+      setPreview(objectUrl);
+
+      // Clean up memory when the component is unmounted or the file changes
+      return () => URL.revokeObjectURL(objectUrl);
+    } else {
+      setPreview(null);
+    }
+  }, [value]);
+
+  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (file) onChange(file);
+  };
+  const handleImportClick = () => {
+    fileInputRef.current?.click();
+  };
+  return (
+    <Box>
+      <InputHeader title={title} />
+      <Box
+        sx={{
+          width: '100%',
+          height: 250,
+          border: preview ? 0 : 1,
+          borderRadius: 2,
+          boxShadow: '5'
+        }}
+      >
+        {preview ? (
+          <Box
+            width={'100%'}
+            height={'100%'}
+            sx={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundImage: `url(${greyPattern})`
+            }}
+          >
+            <img
+              src={preview}
+              alt="Preview"
+              style={{ maxWidth: '100%', maxHeight: 250 }}
+            />
+          </Box>
+        ) : (
+          <Box
+            onClick={handleImportClick}
+            sx={{
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'center',
+              justifyContent: 'center',
+              padding: 5,
+              height: '100%',
+              cursor: 'pointer'
+            }}
+          >
+            <Typography color={theme.palette.grey['600']}>
+              Click here to select an image from your device, press Ctrl+V to
+              use an image from your clipboard, drag and drop a file from
+              desktop
+            </Typography>
+          </Box>
+        )}
+      </Box>
+      <InputFooter handleCopy={handleCopy} handleImport={handleImportClick} />
+      <input
+        ref={fileInputRef}
+        style={{ display: 'none' }}
+        type="file"
+        accept={accept.join(',')}
+        onChange={handleFileChange}
+      />
+    </Box>
+  );
+}
diff --git a/src/components/input/ToolTextInput.tsx b/src/components/input/ToolTextInput.tsx
index b086c3e..d5a666d 100644
--- a/src/components/input/ToolTextInput.tsx
+++ b/src/components/input/ToolTextInput.tsx
@@ -5,6 +5,8 @@ import PublishIcon from '@mui/icons-material/Publish';
 import ContentPasteIcon from '@mui/icons-material/ContentPaste';
 import React, { useContext, useRef } from 'react';
 import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
+import InputHeader from '../InputHeader';
+import InputFooter from './InputFooter';
 
 export default function ToolTextInput({
   value,
@@ -45,9 +47,7 @@ export default function ToolTextInput({
   };
   return (
     <Box id="tool">
-      <Typography fontSize={30} color={'primary'}>
-        {title}
-      </Typography>
+      <InputHeader title={title} />
       <TextField
         value={value}
         onChange={(event) => onChange(event.target.value)}
@@ -55,14 +55,7 @@ export default function ToolTextInput({
         multiline
         rows={10}
       />
-      <Stack mt={1} direction={'row'} spacing={2}>
-        <Button onClick={handleImportClick} startIcon={<PublishIcon />}>
-          Import from file
-        </Button>
-        <Button onClick={handleCopy} startIcon={<ContentPasteIcon />}>
-          Copy to clipboard
-        </Button>
-      </Stack>
+      <InputFooter handleCopy={handleCopy} handleImport={handleImportClick} />
       <input
         type="file"
         accept="*"
diff --git a/src/components/result/ToolFileResult.tsx b/src/components/result/ToolFileResult.tsx
new file mode 100644
index 0000000..d9f0e67
--- /dev/null
+++ b/src/components/result/ToolFileResult.tsx
@@ -0,0 +1,59 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import InputHeader from '../InputHeader';
+import greyPattern from '@assets/grey-pattern.png';
+
+export default function ToolFileResult({
+  title = 'Result',
+  value
+}: {
+  title?: string;
+  value: File | null;
+}) {
+  const [preview, setPreview] = React.useState<string | null>(null);
+
+  React.useEffect(() => {
+    if (value) {
+      const objectUrl = URL.createObjectURL(value);
+      setPreview(objectUrl);
+
+      return () => URL.revokeObjectURL(objectUrl);
+    } else {
+      setPreview(null);
+    }
+  }, [value]);
+
+  return (
+    <Box>
+      <InputHeader title={title} />
+      <Box
+        sx={{
+          width: '100%',
+          height: 250,
+          border: preview ? 0 : 1,
+          borderRadius: 2,
+          boxShadow: '5'
+        }}
+      >
+        {preview && (
+          <Box
+            width={'100%'}
+            height={'100%'}
+            sx={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundImage: `url(${greyPattern})`
+            }}
+          >
+            <img
+              src={preview}
+              alt="Result"
+              style={{ maxWidth: '100%', maxHeight: 250 }}
+            />
+          </Box>
+        )}
+      </Box>
+    </Box>
+  );
+}
diff --git a/src/components/result/ToolTextResult.tsx b/src/components/result/ToolTextResult.tsx
index 3a4c80b..efaec01 100644
--- a/src/components/result/ToolTextResult.tsx
+++ b/src/components/result/ToolTextResult.tsx
@@ -5,6 +5,7 @@ import DownloadIcon from '@mui/icons-material/Download';
 import ContentPasteIcon from '@mui/icons-material/ContentPaste';
 import React, { useContext } from 'react';
 import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
+import InputHeader from '../InputHeader';
 
 export default function ToolTextResult({
   title = 'Result',
@@ -37,9 +38,7 @@ export default function ToolTextResult({
   };
   return (
     <Box>
-      <Typography fontSize={30} color={'primary'}>
-        {title}
-      </Typography>
+      <InputHeader title={title} />
       <TextField value={value} fullWidth multiline rows={10} />
       <Stack mt={1} direction={'row'} spacing={2}>
         <Button onClick={handleDownload} startIcon={<DownloadIcon />}>
diff --git a/src/pages/image/png/change-colors-in-png/index.tsx b/src/pages/image/png/change-colors-in-png/index.tsx
index b08b174..59da401 100644
--- a/src/pages/image/png/change-colors-in-png/index.tsx
+++ b/src/pages/image/png/change-colors-in-png/index.tsx
@@ -1,11 +1,76 @@
 import { Box } from '@mui/material';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import * as Yup from 'yup';
+import Grid from '@mui/material/Grid';
+import ToolTextInput from '../../../../components/input/ToolTextInput';
+import ToolTextResult from '../../../../components/result/ToolTextResult';
+import ToolFileInput from '../../../../components/input/ToolFileInput';
+import ToolFileResult from '../../../../components/result/ToolFileResult';
 
-const initialValues = {};
+const initialValues = {
+  rgba: [0, 0, 0, 0]
+};
 const validationSchema = Yup.object({
   // splitSeparator: Yup.string().required('The separator is required')
 });
 export default function ChangeColorsInPng() {
-  return <Box>Lorem ipsum</Box>;
-}
\ No newline at end of file
+  const [input, setInput] = useState<File | null>(null);
+  const [result, setResult] = useState<File | null>(null);
+
+  useEffect(() => {
+    if (input) {
+      const processImage = async (file: File) => {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        if (ctx == null) return;
+        const img = new Image();
+
+        img.src = URL.createObjectURL(file);
+        await img.decode();
+
+        canvas.width = img.width;
+        canvas.height = img.height;
+        ctx.drawImage(img, 0, 0);
+
+        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+        const data: Uint8ClampedArray = imageData.data;
+        for (let i = 0; i < data.length; i += 4) {
+          // Check for white pixel
+          if (data[i] === 255 && data[i + 1] === 255 && data[i + 2] === 255) {
+            data[i] = 255; // Red
+            data[i + 1] = 0; // Green
+            data[i + 2] = 0; // Blue
+          }
+        }
+
+        ctx.putImageData(imageData, 0, 0);
+
+        canvas.toBlob((blob) => {
+          if (blob) {
+            const newFile = new File([blob], file.name, { type: 'image/png' });
+            setResult(newFile);
+          }
+        }, 'image/png');
+      };
+
+      processImage(input);
+    }
+  }, [input]);
+  return (
+    <Box>
+      <Grid container spacing={2}>
+        <Grid item xs={6}>
+          <ToolFileInput
+            value={input}
+            onChange={setInput}
+            accept={['image/png']}
+            title={'Input PNG'}
+          />
+        </Grid>
+        <Grid item xs={6}>
+          <ToolFileResult title={'Output PNG with new colors'} value={result} />
+        </Grid>
+      </Grid>
+    </Box>
+  );
+}
diff --git a/src/pages/image/png/change-colors-in-png/meta.ts b/src/pages/image/png/change-colors-in-png/meta.ts
index 4bd2f83..c6aac38 100644
--- a/src/pages/image/png/change-colors-in-png/meta.ts
+++ b/src/pages/image/png/change-colors-in-png/meta.ts
@@ -1,6 +1,6 @@
 import { defineTool } from '@tools/defineTool';
 import { lazy } from 'react';
-import image from '@assets/text.png';
+import image from '@assets/image.png';
 
 export const tool = defineTool('png', {
   name: 'Change colors in png',