I18n Support

.github/FUNDING.yml

@@ -1,3 +1,3 @@
-github: ixartz
-custom:
-  ["https://donate.stripe.com/7sI5m5146ehfddm7tj", "https://nextlessjs.com"]
+# github: ixartz
+# custom:
+#   ["https://donate.stripe.com/7sI5m5146ehfddm7tj", "https://nextlessjs.com"]

.github/workflows/CI.yml

@@ -32,7 +32,6 @@ jobs:
       - uses: wyvox/action-setup-pnpm@v3
         with:
           node-version: ${{ matrix.node_version }}
-          pnpm-version: 9
       # - name: Install Node.js
       #   uses: actions/setup-node@v4
       #   with:

.github/workflows/vercel.yaml

@@ -17,7 +17,7 @@ jobs:
           node-version: 20
       - uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
       - name: Install Vercel CLI
         run: npm install --global vercel@latest
       - name: Pull Vercel Environment Information

.node-version

@@ -0,0 +1 @@
+20.16.0

CONTRIBUTING.md

@@ -23,9 +23,8 @@ Following are the steps to contribute to this project:
 <!-- - [Docker](https://www.docker.com/) -->
 
 - [VSCode](https://code.visualstudio.com/)
-- [Node@20](https://nodejs.org/en/)
 - [Taskfile](https://taskfile.dev/#/installation)
-- [pnpm](https://pnpm.io/)
+- [fnm](https://github.com/Schniz/fnm)
 
 ## Running Locally
 

Taskfile.yaml

@@ -8,8 +8,10 @@ tasks:
   install:
     desc: Install dependencies
     cmds:
+      - fnm install
+      - corepack enable pnpm
       - pnpm install
-      - pnpx playwright install chromium #--with-deps
+      - pnpx playwright install chromium --with-deps
 
   storybook:
     desc: Run storybook

package.json

@@ -1,6 +1,6 @@
 {
   "name": "avtoolz",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "scripts": {
     "dev:spotlight": "spotlight-sidecar",
     "dev:next": "open-cli http://localhost:3000 && next dev",
@@ -190,5 +190,6 @@
   "author": "Ixartz (https://github.com/ixartz)",
   "engines": {
     "node": "=20"
-  }
+  },
+  "packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a"
 }

src/app/[locale]/(unauth)/tools/image-to-pdf/page.tsx

@@ -27,6 +27,7 @@ import {
   useDisclosure,
 } from "@nextui-org/react";
 import { wrap } from "comlink";
+import { useTranslations } from "next-intl";
 import { usePathname } from "next/navigation";
 import { useEffect, useState } from "react";
 const allowedFileTypes: MimeType[] = [
@@ -48,6 +49,7 @@ export default function Page() {
   const tool = getToolByHref(path);
   const [isLoading, setIsLoading] = useState(false);
   const { isOpen, onOpen, onOpenChange } = useDisclosure();
+  const t = useTranslations();
 
   const [pageOrientation, setPageOrientation] =
     useState<(typeof PAGE_ORIENTATION)[number]>("Portrait");
@@ -84,7 +86,7 @@ export default function Page() {
       reset();
       setIsLoading(false);
     }
-  }, [error]);
+  }, [error, onOpen, reset]);
 
   return (
     <>
@@ -203,7 +205,7 @@ export default function Page() {
               <Spacer y={2} />
               <div className="flex justify-center items-end">
                 <Button color="danger" variant="bordered" onPress={reset}>
-                  Reset
+                  {t("common.reset")}
                 </Button>
                 <Spacer x={2} />
                 <Button
@@ -214,7 +216,7 @@ export default function Page() {
                   isLoading={isLoading}
                   onPress={_doWork}
                 >
-                  Convert to PDF
+                  {t("image_to_pdf.convert_to_pdf")}
                 </Button>
               </div>
             </>
@@ -226,18 +228,15 @@ export default function Page() {
           {(onClose) => (
             <>
               <ModalHeader className="flex flex-col gap-1">
-                Invalid File
+                {t("unsupported_file_error.invalid_file")}
               </ModalHeader>
               <ModalBody>
-                <p>
-                  One or more of the files you have selected are not supported,
-                  invalid, or corrupted.
-                </p>
-                <p>Please ensure that the file is valid and not corrupted.</p>
+                <p>{t("unsupported_file_error.error_msg_one_or_more")}</p>
+                <p>{t("unsupported_file_error.error_msg_warning")}</p>
               </ModalBody>
               <ModalFooter>
                 <Button color="danger" variant="flat" onPress={onClose}>
-                  OK
+                  {}
                 </Button>
               </ModalFooter>
             </>

src/app/[locale]/layout.tsx

@@ -6,7 +6,7 @@ import { notFound } from "next/navigation";
 
 import { Cmdk } from "@/components/cmdk";
 import { Footer } from "@/components/footer";
-import { Header } from "@/components/header";
+import { Navbar } from "@/components/navbar";
 import { routes } from "@/config/routes";
 import { siteConfig } from "@/config/site";
 import { AppConfig } from "@/utils/appConfig";
@@ -80,7 +80,7 @@ export default function RootLayout(props: {
             locale={props.params.locale}
             messages={messages}
           >
-            <Header routes={routes.items.filter((r) => r.routes.length > 0)} />
+            <Navbar routes={routes.items.filter((r) => r.routes.length > 0)} />
             {props.children}
             <Footer />
             <Cmdk />