Merge branch #enzostvs/deepsite' into 'nomadicsynth/deepsite'

LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2025 DeepSite
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

src/components/ask-ai/ask-ai.tsx

@@ -4,8 +4,9 @@ import { RiSparkling2Fill } from "react-icons/ri";
 import { GrSend } from "react-icons/gr";
 import classNames from "classnames";
 import { toast } from "react-toastify";
-import { useLocalStorage } from "react-use";
+import { useCopyToClipboard, useLocalStorage } from "react-use";
 import { MdPreview } from "react-icons/md";
+import { IoCopy } from "react-icons/io5";
 
 import Login from "../login/login";
 import { defaultHTML } from "./../../../utils/consts";
@@ -39,6 +40,8 @@ function AskAI({
   const [openProvider, setOpenProvider] = useState(false);
   const [providerError, setProviderError] = useState("");
   const [openProModal, setOpenProModal] = useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const [_, copyToClipboard] = useCopyToClipboard();
 
   const audio = new Audio(SuccessSound);
   audio.volume = 0.5;
@@ -148,6 +151,18 @@ function AskAI({
         isAiWorking ? "animate-pulse" : ""
       }`}
     >
+      {defaultHTML !== html && (
+        <p
+          className="text-2xl text-white/50 hover:text-white/80 -translate-y-[calc(100%+8px)] absolute top-0 right-0 cursor-pointer"
+          onClick={() => {
+            copyToClipboard(html);
+            toast.success("HTML copied to clipboard");
+            audio.play();
+          }}
+        >
+          <IoCopy />
+        </p>
+      )}
       {defaultHTML !== html && (
         <button
           className="bg-white lg:hidden -translate-y-[calc(100%+8px)] absolute left-0 top-0 shadow-md text-gray-950 text-xs font-medium py-2 px-3 lg:px-4 rounded-lg flex items-center gap-2 border border-gray-100 hover:brightness-150 transition-all duration-100 cursor-pointer"