Merge branch 'main' of github.com:AmruthPillai/Reactive-Resume

- Introduced a new funding.json file to support project funding details.
- Updated package.json to version 4.5.3 and modified various dependencies, including @babel/core, @babel/preset-react, and others to their latest versions.
- Adjusted pnpm-lock.yaml to reflect the changes in dependencies and their versions.

README.md

@@ -38,16 +38,20 @@ Start creating your standout resume with Reactive Resume today!
 ## Templates
 
 | Azurill                                                                 | Bronzor                                                                 | Chikorita                                                                 |
-| ------------------------------------------------------------ | ----------------------------------------------------------- | ----------------------------------------------------------- |
-| <img src="https://i.imgur.com/jKgo04C.jpeg" width="200px" /> | <img src="https://i.imgur.com/DFNQZP2.jpg" width="200px" /> | <img src="https://i.imgur.com/Dwv8Y7f.jpg" width="200px" /> |
+| ----------------------------------------------------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------- |
+| <img src="./apps/client/public/templates/jpg/azurill.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/bronzor.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/chikorita.jpg" width="200px" /> |
 
-| Ditto                                                       | Kakuna                                                      | Nosepass                                                    |
-| ----------------------------------------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------- |
-| <img src="https://i.imgur.com/6c5lASL.jpg" width="200px" /> | <img src="https://i.imgur.com/268ML3t.jpg" width="200px" /> | <img src="https://i.imgur.com/npRLsPS.jpg" width="200px" /> |
+| Ditto                                                                | Gengar                                                                 | Glalie                                                                 |
+| -------------------------------------------------------------------- | ---------------------------------------------------------------------- | ---------------------------------------------------------------------- |
+| <img src="./apps/client/public/templates/jpg/ditto.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/gengar.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/glalie.jpg" width="200px" /> |
+
+| Kakuna                                                                 | Leafish                                                                 | Nosepass                                                                 |
+| ---------------------------------------------------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------ |
+| <img src="./apps/client/public/templates/jpg/kakuna.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/leafish.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/nosepass.jpg" width="200px" /> |
 
 | Onyx                                                                | Pikachu                                                                 | Rhyhorn                                                                 |
-| ----------------------------------------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------- |
-| <img src="https://i.imgur.com/cxplXOW.jpg" width="200px" /> | <img src="https://i.imgur.com/Y9f7qsh.jpg" width="200px" /> | <img src="https://i.imgur.com/h4kQxy2.jpg" width="200px" /> |
+| ------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------- |
+| <img src="./apps/client/public/templates/jpg/onyx.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/pikachu.jpg" width="200px" /> | <img src="./apps/client/public/templates/jpg/rhyhorn.jpg" width="200px" /> |
 
 ## Features
 

apps/artboard/src/templates/gengar.tsx

@@ -531,6 +531,11 @@ const mapSectionToComponent = (section: SectionKey) => {
     case "education": {
       return <Education />;
     }
+    
+    case "summary": {
+      return <Summary />;
+    }
+
     case "awards": {
       return <Awards />;
     }
@@ -592,8 +597,6 @@ export const Gengar = ({ columns, isFirstPage = false }: TemplateProps) => {
       </div>
 
       <div className={cn("main group", sidebar.length > 0 ? "col-span-2" : "col-span-3")}>
-        {isFirstPage && <Summary />}
-
         <div className="p-custom space-y-4">
           {main.map((section) => (
             <Fragment key={section}>{mapSectionToComponent(section)}</Fragment>

apps/client/public/funding.json

@@ -0,0 +1,67 @@
+{
+  "$schema": "https://fundingjson.org/schema/v1.0.0/funding.schema.json",
+  "version": "v1.0.0",
+  "entity": {
+    "type": "individual",
+    "role": "maintainer",
+    "name": "Amruth Pillai",
+    "email": "im.amruth@gmail.com",
+    "description": "Software Engineer",
+    "webpageUrl": {
+      "url": "https://rxresu.me/funding.json"
+    }
+  },
+  "projects": [
+    {
+      "guid": "reactive-resume",
+      "name": "Reactive Resume",
+      "description": "A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.",
+      "webpageUrl": {
+        "url": "https://rxresu.me"
+      },
+      "repositoryUrl": {
+        "url": "https://github.com/AmruthPillai/Reactive-Resume"
+      },
+      "licenses": ["spdx:MIT"],
+      "tags": ["data", "design", "productivity", "resume-builder"]
+    }
+  ],
+  "funding": {
+    "plans": [
+      {
+        "guid": "sponsor",
+        "status": "active",
+        "name": "Sponsor",
+        "description": "Support the project on a recurring basis by becoming a sponsor.",
+        "amount": 10,
+        "currency": "EUR",
+        "frequency": "monthly",
+        "channels": ["github", "open-collective"]
+      },
+      {
+        "guid": "donation",
+        "status": "active",
+        "name": "Donation",
+        "description": "Show your support for the project by making a one-time donation.",
+        "amount": 0,
+        "currency": "EUR",
+        "frequency": "one-time",
+        "channels": ["github", "open-collective"]
+      }
+    ],
+    "channels": [
+      {
+        "guid": "github",
+        "type": "payment-provider",
+        "description": "GitHub Sponsors",
+        "address": "https://github.com/sponsors/AmruthPillai"
+      },
+      {
+        "guid": "open-collective",
+        "type": "payment-provider",
+        "description": "Open Collective",
+        "address": "https://opencollective.com/reactive-resume"
+      }
+    ]
+  }
+}

apps/server/src/printer/printer.service.ts

@@ -139,8 +139,6 @@ export class PrinterService {
         page.waitForSelector('[data-page="1"]', { timeout: 15_000 }),
       ]);
 
-      await page.waitForNetworkIdle({ idleTime: 500, timeout: 15_000 });
-
       const pagesBuffer: Buffer[] = [];
 
       const processPage = async (index: number) => {

funding.json

@@ -0,0 +1 @@
+apps/client/public/funding.json

libs/ui/src/components/rich-input.tsx

@@ -151,6 +151,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("bold")}
           disabled={!editor.can().chain().toggleBold().run()}
+          data-state={editor.isActive("bold") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleBold().run()}
         >
           <TextBIcon />
@@ -163,6 +164,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("italic")}
           disabled={!editor.can().chain().focus().toggleItalic().run()}
+          data-state={editor.isActive("italic") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleItalic().run()}
         >
           <TextItalicIcon />
@@ -175,6 +177,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("strike")}
           disabled={!editor.can().chain().focus().toggleStrike().run()}
+          data-state={editor.isActive("strike") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleStrike().run()}
         >
           <TextStrikethroughIcon />
@@ -187,6 +190,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("underline")}
           disabled={!editor.can().chain().focus().toggleUnderline().run()}
+          data-state={editor.isActive("underline") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleUnderline().run()}
         >
           <TextAUnderlineIcon />
@@ -199,12 +203,15 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("highlight")}
           disabled={!editor.can().chain().focus().toggleHighlight().run()}
+          data-state={editor.isActive("highlight") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleHighlight().run()}
         >
           <HighlighterCircleIcon />
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Hyperlink">
         <Button type="button" size="sm" variant="ghost" className="px-2" onClick={setLink}>
           <LinkSimpleIcon />
@@ -217,6 +224,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("code")}
           disabled={!editor.can().chain().focus().toggleCode().run()}
+          data-state={editor.isActive("code") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleCode().run()}
         >
           <CodeIconImport />
@@ -229,18 +237,22 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("codeBlock")}
           disabled={!editor.can().chain().focus().toggleCodeBlock().run()}
+          data-state={editor.isActive("codeBlock") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleCodeBlock().run()}
         >
           <CodeBlockIconImport />
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Heading 1">
         <Toggle
           size="sm"
           type="button"
           pressed={editor.isActive("heading", { level: 1 })}
           disabled={!editor.can().chain().focus().toggleHeading({ level: 1 }).run()}
+          data-state={editor.isActive("heading", { level: 1 }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
         >
           <TextHOneIcon />
@@ -253,6 +265,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("heading", { level: 2 })}
           disabled={!editor.can().chain().focus().toggleHeading({ level: 2 }).run()}
+          data-state={editor.isActive("heading", { level: 2 }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
         >
           <TextHTwoIcon />
@@ -265,6 +278,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("heading", { level: 3 })}
           disabled={!editor.can().chain().focus().toggleHeading({ level: 3 }).run()}
+          data-state={editor.isActive("heading", { level: 3 }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleHeading({ level: 3 }).run()}
         >
           <TextHThreeIcon />
@@ -276,18 +290,22 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           size="sm"
           type="button"
           pressed={editor.isActive("paragraph")}
+          data-state={editor.isActive("paragraph") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().setParagraph().run()}
         >
           <ParagraphIconImport />
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Align Left">
         <Toggle
           size="sm"
           type="button"
           pressed={editor.isActive({ textAlign: "left" })}
           disabled={!editor.can().chain().focus().setTextAlign("left").run()}
+          data-state={editor.isActive({ textAlign: "left" }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().setTextAlign("left").run()}
         >
           <TextAlignLeftIcon />
@@ -300,6 +318,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive({ textAlign: "center" })}
           disabled={!editor.can().chain().focus().setTextAlign("center").run()}
+          data-state={editor.isActive({ textAlign: "center" }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().setTextAlign("center").run()}
         >
           <TextAlignCenterIcon />
@@ -312,6 +331,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive({ textAlign: "right" })}
           disabled={!editor.can().chain().focus().setTextAlign("right").run()}
+          data-state={editor.isActive({ textAlign: "right" }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().setTextAlign("right").run()}
         >
           <TextAlignRightIcon />
@@ -324,18 +344,22 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive({ textAlign: "justify" })}
           disabled={!editor.can().chain().focus().setTextAlign("justify").run()}
+          data-state={editor.isActive({ textAlign: "justify" }) ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().setTextAlign("justify").run()}
         >
           <TextAlignJustifyIcon />
         </Toggle>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Bullet List">
         <Toggle
           size="sm"
           type="button"
           pressed={editor.isActive("bulletList")}
           disabled={!editor.can().chain().focus().toggleBulletList().run()}
+          data-state={editor.isActive("bulletList") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleBulletList().run()}
         >
           <ListBulletsIcon />
@@ -348,6 +372,7 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
           type="button"
           pressed={editor.isActive("orderedList")}
           disabled={!editor.can().chain().focus().toggleOrderedList().run()}
+          data-state={editor.isActive("orderedList") ? "on" : "off"}
           onPressedChange={() => editor.chain().focus().toggleOrderedList().run()}
         >
           <ListNumbersIcon />
@@ -380,6 +405,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Button>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Popover>
         <Tooltip content="Insert Image">
           <PopoverTrigger asChild>
@@ -419,6 +446,8 @@ const Toolbar = ({ editor }: { editor: Editor }) => {
         </Button>
       </Tooltip>
 
+      <div className="my-auto h-5 w-px bg-border" />
+
       <Tooltip content="Undo">
         <Button
           size="sm"

package.json

@@ -1,10 +1,10 @@
 {
   "name": "@reactive-resume/source",
   "description": "A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.",
-  "version": "4.5.1",
+  "version": "4.5.3",
   "license": "MIT",
   "private": true,
-  "packageManager": "pnpm@10.18.1",
+  "packageManager": "pnpm@10.20.0",
   "author": {
     "name": "Amruth Pillai",
     "url": "https://amruthpillai.com",
@@ -32,8 +32,8 @@
     "messages:extract": "pnpm exec lingui extract --clean --overwrite"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.4",
-    "@babel/preset-react": "^7.27.1",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
     "@lingui/cli": "^4.14.1",
     "@lingui/conf": "^4.14.1",
     "@lingui/swc-plugin": "^4.1.0",
@@ -57,13 +57,13 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/eslint-plugin-query": "^5.91.0",
+    "@tanstack/eslint-plugin-query": "^5.91.2",
     "@testing-library/react": "^16.3.0",
-    "@tiptap/core": "^2.26.2",
+    "@tiptap/core": "^2.27.1",
     "@types/async-retry": "^1.4.9",
     "@types/bcryptjs": "^2.4.6",
-    "@types/cookie-parser": "^1.4.9",
-    "@types/express": "^4.17.23",
+    "@types/cookie-parser": "^1.4.10",
+    "@types/express": "^4.17.25",
     "@types/express-session": "^1.18.2",
     "@types/file-saver": "^2.0.7",
     "@types/jest": "^29.5.14",
@@ -71,12 +71,12 @@
     "@types/lodash.get": "^4.4.9",
     "@types/lodash.set": "^4.3.9",
     "@types/multer": "^1.4.13",
-    "@types/node": "^22.18.8",
-    "@types/nodemailer": "^6.4.20",
+    "@types/node": "^22.19.0",
+    "@types/nodemailer": "^6.4.21",
     "@types/papaparse": "^5.3.16",
     "@types/passport": "^1.0.17",
     "@types/passport-github2": "^1.2.9",
-    "@types/passport-google-oauth20": "^2.0.16",
+    "@types/passport-google-oauth20": "^2.0.17",
     "@types/passport-local": "^1.0.38",
     "@types/passport-openidconnect": "^0.1.3",
     "@types/prismjs": "^1.26.5",
@@ -86,8 +86,8 @@
     "@types/retry": "^0.12.5",
     "@types/sanitize-html": "^2.16.0",
     "@types/webfontloader": "^1.6.38",
-    "@typescript-eslint/eslint-plugin": "^8.46.0",
-    "@typescript-eslint/parser": "^8.46.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.3",
+    "@typescript-eslint/parser": "^8.46.3",
     "@vitejs/plugin-react": "^4.7.0",
     "@vitejs/plugin-react-swc": "^3.11.0",
     "@vitest/coverage-v8": "^2.1.9",
@@ -114,14 +114,14 @@
     "postcss-import": "^16.1.1",
     "postcss-nested": "^6.2.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14",
+    "prettier-plugin-tailwindcss": "^0.7.1",
     "tailwindcss": "^3.4.18",
     "tailwindcss-animate": "^1.0.7",
-    "ts-jest": "^29.4.4",
+    "ts-jest": "^29.4.5",
     "ts-node": "^10.9.2",
-    "turbo": "^2.5.8",
+    "turbo": "^2.6.0",
     "typescript": "^5.9.3",
-    "vite": "^5.4.20",
+    "vite": "^5.4.21",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^2.1.9"
   },
@@ -147,7 +147,7 @@
     "@nestjs/serve-static": "^4.0.2",
     "@nestjs/swagger": "^7.4.2",
     "@nestjs/terminus": "^10.3.0",
-    "@paralleldrive/cuid2": "^2.2.2",
+    "@paralleldrive/cuid2": "^2.3.1",
     "@phosphor-icons/react": "^2.1.10",
     "@prisma/client": "^5.22.0",
     "@radix-ui/react-accordion": "^1.2.12",
@@ -176,32 +176,32 @@
     "@radix-ui/react-visually-hidden": "^1.2.3",
     "@sindresorhus/slugify": "^2.2.1",
     "@swc/helpers": "^0.5.17",
-    "@tanstack/react-query": "^5.90.2",
-    "@tiptap/extension-highlight": "^2.26.2",
-    "@tiptap/extension-image": "^2.26.2",
-    "@tiptap/extension-link": "^2.26.2",
-    "@tiptap/extension-text-align": "^2.26.2",
-    "@tiptap/extension-underline": "^2.26.2",
-    "@tiptap/pm": "^2.26.2",
-    "@tiptap/react": "^2.26.2",
-    "@tiptap/starter-kit": "^2.26.1",
+    "@tanstack/react-query": "^5.90.6",
+    "@tiptap/extension-highlight": "^2.27.1",
+    "@tiptap/extension-image": "^2.27.1",
+    "@tiptap/extension-link": "^2.27.1",
+    "@tiptap/extension-text-align": "^2.27.1",
+    "@tiptap/extension-underline": "^2.27.1",
+    "@tiptap/pm": "^2.27.1",
+    "@tiptap/react": "^2.27.1",
+    "@tiptap/starter-kit": "^2.27.1",
     "@types/passport-jwt": "^4.0.1",
     "async-retry": "^1.3.3",
-    "axios": "^1.12.2",
+    "axios": "^1.13.1",
     "axios-auth-refresh": "^3.3.6",
     "bcryptjs": "^2.4.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "cookie-parser": "^1.4.7",
-    "dayjs": "^1.11.18",
+    "dayjs": "^1.11.19",
     "deepmerge": "^4.3.1",
     "express-session": "^1.18.2",
     "file-saver": "^2.0.5",
     "framer-motion": "^11.18.2",
     "fuzzy": "^0.1.3",
     "helmet": "^7.2.0",
-    "immer": "^10.1.3",
+    "immer": "^10.2.0",
     "jszip": "^3.10.1",
     "lodash.debounce": "^4.0.8",
     "lodash.get": "^4.4.2",
@@ -211,7 +211,7 @@
     "nestjs-minio-client": "^2.2.0",
     "nestjs-prisma": "^0.26.0",
     "nestjs-zod": "^3.0.0",
-    "nodemailer": "^6.10.1",
+    "nodemailer": "^7.0.10",
     "openai": "^4.104.0",
     "otplib": "^12.0.1",
     "papaparse": "^5.5.3",
@@ -230,10 +230,10 @@
     "react-colorful": "^5.6.1",
     "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",
-    "react-hook-form": "^7.64.0",
-    "react-parallax-tilt": "^1.7.310",
+    "react-hook-form": "^7.66.0",
+    "react-parallax-tilt": "^1.7.311",
     "react-resizable-panels": "^2.1.9",
-    "react-router": "^7.9.4",
+    "react-router": "^7.9.5",
     "react-simple-code-editor": "^0.14.1",
     "react-zoom-pan-pinch": "^3.7.0",
     "reflect-metadata": "^0.2.2",
@@ -243,7 +243,7 @@
     "tailwind-merge": "^2.6.0",
     "tslib": "^2.8.1",
     "unique-names-generator": "^4.7.1",
-    "use-breakpoint": "^4.0.6",
+    "use-breakpoint": "^4.0.10",
     "use-keyboard-shortcut": "^1.1.6",
     "usehooks-ts": "^3.1.1",
     "webfontloader": "^1.6.28",