[Updated - v0.2.1]

- fixed ts-lint
- set Astro static build configuration instead of SSR

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## v0.2.1
+
+- [Edited] fixed ts-lint
+- [Edited] set Astro static build configuration instead of SSR
+
 ## v0.2.0
 
 - [Edited] Re-structure into Astro ✨

README.md

@@ -5,6 +5,7 @@ The AES encryption & decryption tools with interactive web-app.
 ![preview](docs/preview.jpg)
 
 ## Table of Contents
+
 - [encrypt-tools](#encrypt-tools)
   - [Table of Contents](#table-of-contents)
   - [📦 Build with](#-build-with)

astro.config.mjs

@@ -7,7 +7,7 @@ import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "server",
+  output: "static",
   integrations: [
     tailwind({
       applyBaseStyles: false,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "encrypt-tools",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -13,6 +13,7 @@
     "format": "prettier --plugin=prettier-plugin-astro --plugin=prettier-plugin-tailwindcss --write ."
   },
   "dependencies": {
+    "@astrojs/check": "^0.9.4",
     "@astrojs/react": "^3.6.3",
     "@astrojs/tailwind": "^5.1.2",
     "@radix-ui/react-label": "^2.1.0",
@@ -39,4 +40,4 @@
     "prettier-plugin-tailwindcss": "^0.6.9",
     "vitest": "^2.1.6"
   }
-}
+}

src/components/common/Footer.astro

@@ -1,10 +1,10 @@
 ---
-const buyMeACoffeeLink = "https://www.buymeacoffee.com/watsize";
+// const buyMeACoffeeLink = "https://www.buymeacoffee.com/watsize";
 const githubLink = "https://github.com/owlsome-official/encrypt-tools";
 ---
 
 <footer
-  class="xs:flex-row flex w-full flex-col items-center justify-between gap-4 pt-4"
+  class="flex w-full flex-col items-center justify-between gap-4 pt-4 xs:flex-row"
 >
   <div>
     Made with ❤️ by <a

src/components/form/textarea/ResultArea.tsx

@@ -1,3 +1,5 @@
+// @ts-nocheck: `document.execCommand` is deprecated
+
 import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import { resultAtom } from "@/lib/atoms";
@@ -29,17 +31,16 @@ const RenderCopyResultButton = () => {
   const [copyText, setCopyText] = useState("Copy");
   const result = useAtomValue(resultAtom);
 
-  const copyToClipboard = (e: React.MouseEvent<HTMLButtonElement>) => {
+  const copyToClipboard = (_e: React.MouseEvent<HTMLButtonElement>) => {
     var textField = document.createElement("textarea");
     textField.innerText = result;
     document.body.appendChild(textField);
     textField.select();
-    document.execCommand("copy");
-    textField.remove();
-
     try {
+      document.execCommand("copy");
       navigator.clipboard.writeText(result);
     } catch {}
+    textField.remove();
 
     setCopyText("Copied");
     setTimeout(() => {

src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Skeleton({
   className,
@@ -9,7 +9,7 @@ function Skeleton({
       className={cn("animate-pulse rounded-md bg-primary/10", className)}
       {...props}
     />
-  )
+  );
 }
 
-export { Skeleton }
+export { Skeleton };

tsconfig.json

@@ -7,5 +7,6 @@
     "paths": {
       "@/*": ["./src/*"]
     }
-  }
+  },
+  "include": ["src/**/*"]
 }