diff --git a/.codacy.yml b/.codacy.yml new file mode 100644 index 000000000..3785a50f6 --- /dev/null +++ b/.codacy.yml @@ -0,0 +1,3 @@ +--- +exclude_paths: + - "migrations/**" diff --git a/apps/server/package.json b/apps/server/package.json index 19c63c8a3..dd0ea7b5a 100644 --- a/apps/server/package.json +++ b/apps/server/package.json @@ -80,6 +80,7 @@ "react-email": "^6.9.3", "react-pdf-html": "^2.1.5", "resumable-stream": "^2.2.12", + "sanitize-html": "^2.17.7", "sharp": "^0.35.4", "tokenx": "^2.1.0", "ts-pattern": "^5.9.0", diff --git a/apps/web/locales/en-US.po b/apps/web/locales/en-US.po index de80be782..c3f17ade8 100644 --- a/apps/web/locales/en-US.po +++ b/apps/web/locales/en-US.po @@ -618,6 +618,10 @@ msgstr "API Reference" msgid "App" msgstr "App" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Application" +msgstr "Application" + #: src/features/applications/components/application-actions-menu.tsx msgid "Application actions" msgstr "Application actions" @@ -783,6 +787,10 @@ msgstr "Attach a resume file (PDF)" msgid "Attach files" msgstr "Attach files" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Attach PDF" +msgstr "Attach PDF" + #: src/routes/agent/-components/agent-chat.tsx msgid "Attachment" msgstr "Attachment" @@ -1007,6 +1015,10 @@ msgstr "Changed your mind? Rename your resume to something more descriptive." msgid "Changelog" msgstr "Changelog" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Changes are shared between your library and the resume builder." +msgstr "Changes are shared between your library and the resume builder." + #: src/routes/agent/-components/agent-chat.tsx #: src/routes/agent/$threadId.tsx msgid "Chat" @@ -1056,6 +1068,10 @@ msgstr "Chinese (Simplified)" msgid "Chinese (Traditional)" msgstr "Chinese (Traditional)" +#: src/features/cover-letters/library.tsx +msgid "Choose a cover letter" +msgstr "Choose a cover letter" + #: src/routes/agent/-components/new-thread-setup.tsx msgid "Choose a model and resume draft." msgstr "Choose a model and resume draft." @@ -1070,10 +1086,15 @@ msgstr "Choose a PDF" msgid "Choose a preset or custom shade." msgstr "Choose a preset or custom shade." +#: src/features/cover-letters/editor-dialog.tsx #: src/routes/agent/-components/new-thread-setup.tsx msgid "Choose a resume" msgstr "Choose a resume" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Choose an application" +msgstr "Choose an application" + #: src/routes/builder/$resumeId/-sidebar/right/sections/export.tsx msgid "Choose PDF, DOCX, Markdown, or JSON. Export your resume and cover letter separately when available." msgstr "Choose PDF, DOCX, Markdown, or JSON. Export your resume and cover letter separately when available." @@ -1105,6 +1126,11 @@ msgstr "Click here to select a file to import" msgid "Client ID" msgstr "Client ID" +#: src/features/cover-letters/editor-dialog.tsx +#: src/features/cover-letters/editor.tsx +msgid "Close" +msgstr "Close" + #: src/routes/agent/-components/agent-chat.tsx msgid "Close AI assistant" msgstr "Close AI assistant" @@ -1218,6 +1244,7 @@ msgstr "Contacts" #: src/dialogs/resume/sections/cover-letter.tsx #: src/dialogs/resume/sections/summary-item.tsx +#: src/features/cover-letters/editor.tsx msgid "Content" msgstr "Content" @@ -1265,6 +1292,10 @@ msgstr "Copied to clipboard." msgid "Copy" msgstr "Copy" +#: src/features/cover-letters/library.tsx +msgid "Copy an existing letter from this resume" +msgstr "Copy an existing letter from this resume" + #: src/dialogs/auth/enable-two-factor.tsx msgid "Copy and store these backup codes in case you lose your device." msgstr "Copy and store these backup codes in case you lose your device." @@ -1277,6 +1308,10 @@ msgstr "Copy Backup Codes" msgid "Copy JSON" msgstr "Copy JSON" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Copy saved to your cover-letter library." +msgstr "Copy saved to your cover-letter library." + #. Accessible label for the button that copies the two-factor secret key #: src/dialogs/auth/enable-two-factor.tsx msgid "Copy secret" @@ -1315,6 +1350,11 @@ msgstr "Correct the year, or write \"Present\" for ongoing work." msgid "Could not complete this connection. Restart the connection from your client and try again." msgstr "Could not complete this connection. Restart the connection from your client and try again." +#: src/features/cover-letters/editor-dialog.tsx +#: src/features/cover-letters/library.tsx +msgid "Could not complete this action. Please try again." +msgstr "Could not complete this action. Please try again." + #: src/features/resume/export/use-resume-export.ts msgid "Could not generate the DOCX. Please try again." msgstr "Could not generate the DOCX. Please try again." @@ -1324,6 +1364,18 @@ msgstr "Could not generate the DOCX. Please try again." msgid "Could not generate the PDF. Please try again." msgstr "Could not generate the PDF. Please try again." +#: src/features/cover-letters/library.tsx +msgid "Could not load cover letters." +msgstr "Could not load cover letters." + +#: src/features/cover-letters/library.tsx +msgid "Could not load the selected resume." +msgstr "Could not load the selected resume." + +#: src/features/cover-letters/editor-dialog.tsx +msgid "Could not load this cover letter." +msgstr "Could not load this cover letter." + #: src/features/resume/export/use-resume-export.ts msgid "Could not prepare your resume for printing. Please try again." msgstr "Could not prepare your resume for printing. Please try again." @@ -1337,6 +1389,10 @@ msgstr "Could not reach the AI provider. Please try again." msgid "Could not restore this patch." msgstr "Could not restore this patch." +#: src/features/cover-letters/editor.tsx +msgid "Could not save the cover letter. Please try again." +msgstr "Could not save the cover letter. Please try again." + #: src/dialogs/auth/enable-two-factor.tsx msgid "Could not set up two-factor authentication." msgstr "Could not set up two-factor authentication." @@ -1396,6 +1452,7 @@ msgstr "Counted separately from the parse score. Coverage does not predict anyth #: src/features/applications/components/application-detail-sheet.tsx #: src/features/applications/components/application-form-sheet.tsx +#: src/features/cover-letters/library.tsx #: src/features/resume/export/download-dialog.tsx msgid "Cover letter" msgstr "Cover letter" @@ -1413,6 +1470,16 @@ msgstr "Cover Letter" msgid "Cover letter draft" msgstr "Cover letter draft" +#: src/features/cover-letters/library.tsx +#: src/routes/dashboard/-components/sidebar.tsx +#: src/routes/dashboard/cover-letters.tsx +msgid "Cover letters" +msgstr "Cover letters" + +#: src/features/cover-letters/library.tsx +msgid "Cover-letter library" +msgstr "Cover-letter library" + #. Create API key dialog submit action #: src/dialogs/api-key/create.tsx #: src/dialogs/resume/index.tsx @@ -1431,6 +1498,7 @@ msgstr "Cover letter draft" #: src/dialogs/resume/sections/skill.tsx #: src/dialogs/resume/sections/summary-item.tsx #: src/dialogs/resume/sections/volunteer.tsx +#: src/features/cover-letters/library.tsx #: src/routes/dashboard/resumes/index.tsx msgid "Create" msgstr "Create" @@ -1519,10 +1587,18 @@ msgstr "Create a new volunteer experience" msgid "Create a Sample Resume" msgstr "Create a Sample Resume" +#: src/features/cover-letters/library.tsx +msgid "Create and edit letters using your resume’s styling." +msgstr "Create and edit letters using your resume’s styling." + #: src/routes/_home/-sections/features.tsx msgid "Create as many resumes as you want." msgstr "Create as many resumes as you want." +#: src/features/cover-letters/library.tsx +msgid "Create cover letter" +msgstr "Create cover letter" + #: src/routes/agent/-components/new-thread-setup.tsx msgid "Create from scratch" msgstr "Create from scratch" @@ -1656,6 +1732,10 @@ msgstr "Deep check" msgid "DeepSeek" msgstr "DeepSeek" +#: src/features/cover-letters/library.tsx +msgid "Default styling" +msgstr "Default styling" + #: src/dialogs/resume/sections/education.tsx msgid "Degree" msgstr "Degree" @@ -1669,6 +1749,7 @@ msgstr "Degree" #: src/features/applications/components/application-actions-menu.tsx #: src/features/applications/components/application-detail-sheet.tsx #: src/features/applications/components/table-view.tsx +#: src/features/cover-letters/editor-dialog.tsx #: src/features/settings/authentication/components/passkeys.tsx #: src/features/settings/pages/api-keys.tsx #: src/routes/agent/-components/agent-chat.tsx @@ -1712,6 +1793,10 @@ msgstr "Delete this agent thread?" msgid "Delete this application?" msgstr "Delete this application?" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Delete this cover letter?" +msgstr "Delete this cover letter?" + #: src/features/applications/components/application-detail-sheet.tsx msgid "Delete this timeline entry?" msgstr "Delete this timeline entry?" @@ -1794,6 +1879,14 @@ msgstr "Disable Two-Factor Authentication" msgid "Disabling two-factor authentication..." msgstr "Disabling two-factor authentication..." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Discard" +msgstr "Discard" + +#: src/features/cover-letters/editor-dialog.tsx +msgid "Discard unsaved changes?" +msgstr "Discard unsaved changes?" + #. Authentication settings action to unlink a connected social login provider #: src/features/settings/authentication/components/social-provider.tsx msgid "Disconnect" @@ -1862,6 +1955,7 @@ msgstr "Download CSV" msgid "Download options" msgstr "Download options" +#: src/features/cover-letters/editor-dialog.tsx #: src/features/resume/public/public-resume.tsx #: src/routes/agent/-components/resume-pane.tsx msgid "Download PDF" @@ -1898,6 +1992,7 @@ msgstr "Drop the pronouns and start from the verb. That is the convention in mos #. Resume card context menu action to create a copy #. Resume card dropdown action to create a copy #: src/dialogs/resume/index.tsx +#: src/features/cover-letters/editor-dialog.tsx #: src/routes/builder/$resumeId/-components/header.tsx #: src/routes/builder/$resumeId/-sidebar/left/sections/custom.tsx #: src/routes/builder/$resumeId/-sidebar/left/shared/section-item.tsx @@ -1937,6 +2032,11 @@ msgstr "Earlier versions are kept; the builder's undo history is reset." msgid "Edit" msgstr "Edit" +#. placeholder {0}: letter.name +#: src/features/cover-letters/library.tsx +msgid "Edit {0}" +msgstr "Edit {0}" + #. Screen reader label for button that edits a keyword chip. Variable is the current keyword text. #: src/components/input/chip-input.tsx msgid "Edit {chip}" @@ -1956,6 +2056,10 @@ msgstr "Edit color {0}" msgid "Edit content in fullscreen mode" msgstr "Edit content in fullscreen mode" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Edit cover letter" +msgstr "Edit cover letter" + #: src/features/applications/components/application-detail-sheet.tsx msgid "Edit date" msgstr "Edit date" @@ -2056,6 +2160,10 @@ msgstr "English" msgid "English (United Kingdom)" msgstr "English (United Kingdom)" +#: src/features/cover-letters/editor.tsx +msgid "Enter a name for this cover letter." +msgstr "Enter a name for this cover letter." + #: src/features/settings/authentication/components/passkeys.tsx msgid "Enter a name for your passkey." msgstr "Enter a name for your passkey." @@ -2155,6 +2263,10 @@ msgstr "Export Data" msgid "Export from the original document instead of scanning or screenshotting it." msgstr "Export from the original document instead of scanning or screenshotting it." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Export JSON" +msgstr "Export JSON" + #: src/features/settings/pages/account.tsx msgid "Export my data" msgstr "Export my data" @@ -2677,6 +2789,10 @@ msgstr "Hide password" msgid "Hide picture" msgstr "Hide picture" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Hide preview" +msgstr "Hide preview" + #: src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx msgid "Hide Section Icons" msgstr "Hide Section Icons" @@ -2754,6 +2870,10 @@ msgstr "Import {0}" msgid "Import an existing resume" msgstr "Import an existing resume" +#: src/features/cover-letters/library.tsx +msgid "Import cover letter JSON" +msgstr "Import cover letter JSON" + #: src/routes/dashboard/applications/index.tsx msgid "Import CSV" msgstr "Import CSV" @@ -2767,6 +2887,10 @@ msgstr "Import failed. Check the CSV and try again." msgid "Import from CSV" msgstr "Import from CSV" +#: src/features/cover-letters/library.tsx +msgid "Import JSON" +msgstr "Import JSON" + #. placeholder {0}: result.imported #: src/features/applications/components/import-applications-sheet.tsx msgid "Imported {0} application(s)." @@ -2950,6 +3074,10 @@ msgstr "Keep a single address, so software does not have to guess which one to u msgid "Keep access when you are not using the application." msgstr "Keep access when you are not using the application." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Keep editing" +msgstr "Keep editing" + #: src/features/ats-checker/messages.ts msgid "Keep it under 2.5 MB, usually by removing or shrinking images." msgstr "Keep it under 2.5 MB, usually by removing or shrinking images." @@ -3386,6 +3514,8 @@ msgstr "Must start with https://" #: src/features/applications/components/application-detail-sheet.tsx #: src/features/ats-checker/parse-preview.tsx #: src/features/auth/pages/register.tsx +#: src/features/cover-letters/editor.tsx +#: src/features/cover-letters/library.tsx #: src/features/settings/pages/profile.tsx #: src/routes/builder/$resumeId/-sidebar/left/sections/basics.tsx #: src/routes/dashboard/resumes/index.tsx @@ -3462,6 +3592,10 @@ msgstr "New thread" msgid "New Thread" msgstr "New Thread" +#: src/features/cover-letters/library.tsx +msgid "Next" +msgstr "Next" + #: src/routes/_home/-sections/features.tsx msgid "No ads and no trackers, so nothing gets in your way." msgstr "No ads and no trackers, so nothing gets in your way." @@ -3495,6 +3629,10 @@ msgstr "No commands match that search." msgid "No conventional section headings were found." msgstr "No conventional section headings were found." +#: src/features/cover-letters/library.tsx +msgid "No cover letters found. Create one or import an existing letter." +msgstr "No cover letters found. Create one or import an existing letter." + #. Error shown when AI import endpoint returns no parsed resume data #: src/dialogs/resume/import.tsx msgid "No data was returned from the AI provider." @@ -3789,8 +3927,10 @@ msgid "Page" msgstr "Page" #. Layout editor page label with 1-based page number +#. placeholder {0}: Math.floor(offset / 20) + 1 #. placeholder {0}: pageIndex + 1 #. placeholder {0}: targetPageIndex + 1 +#: src/features/cover-letters/library.tsx #: src/routes/builder/$resumeId/-sidebar/left/shared/section-item.tsx #: src/routes/builder/$resumeId/-sidebar/right/sections/layout/pages.tsx msgid "Page {0}" @@ -3916,6 +4056,14 @@ msgstr "Patch rolled back." msgid "PDF" msgstr "PDF" +#: src/features/cover-letters/editor-dialog.tsx +msgid "PDF snapshot attached to the application." +msgstr "PDF snapshot attached to the application." + +#: src/features/cover-letters/editor-dialog.tsx +msgid "PDFs already attached to applications will remain available." +msgstr "PDFs already attached to applications will remain available." + #: src/dialogs/resume/sections/education.tsx #: src/dialogs/resume/sections/experience.tsx #: src/dialogs/resume/sections/project.tsx @@ -4051,6 +4199,14 @@ msgstr "Preview and export fall back to base styles." msgid "Preview and export keep valid styles and ignore invalid styles." msgstr "Preview and export keep valid styles and ignore invalid styles." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Preview PDF" +msgstr "Preview PDF" + +#: src/features/cover-letters/library.tsx +msgid "Previous" +msgstr "Previous" + #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx msgid "Primary Color" msgstr "Primary Color" @@ -4241,6 +4397,7 @@ msgid "Ready to activate with warnings" msgstr "Ready to activate with warnings" #: src/dialogs/resume/sections/cover-letter.tsx +#: src/features/cover-letters/editor.tsx msgid "Recipient" msgstr "Recipient" @@ -4270,10 +4427,18 @@ msgstr "References" msgid "Referred by…, things to emphasize, etc." msgstr "Referred by…, things to emphasize, etc." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Refresh from resume" +msgstr "Refresh from resume" + #: src/features/settings/authentication/components/passkeys.tsx msgid "Register New Device" msgstr "Register New Device" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Reload latest version" +msgstr "Reload latest version" + #: src/features/auth/pages/forgot-password.tsx msgid "Remember your password? <0/>" msgstr "Remember your password? <0/>" @@ -4340,6 +4505,10 @@ msgstr "Reorder custom field" msgid "Repeated far more often than the posting itself uses them: {0}. Recruiters notice." msgstr "Repeated far more often than the posting itself uses them: {0}. Recruiters notice." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Replace" +msgstr "Replace" + #: src/features/ats-checker/messages.ts msgid "Replace icon fonts with plain text, then re-export." msgstr "Replace icon fonts with plain text, then re-export." @@ -4348,6 +4517,10 @@ msgstr "Replace icon fonts with plain text, then re-export." msgid "Replace tables with plain paragraphs and lists. Cells extract in storage order, not reading order." msgstr "Replace tables with plain paragraphs and lists. Cells extract in storage order, not reading order." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Replace the attached cover letter?" +msgstr "Replace the attached cover letter?" + #: src/routes/builder/$resumeId/-sidebar/right/sections/information.tsx msgid "Report a Bug" msgstr "Report a Bug" @@ -4438,6 +4611,11 @@ msgstr "Resume options" msgid "Resume patch" msgstr "Resume patch" +#: src/features/cover-letters/editor-dialog.tsx +#: src/features/cover-letters/library.tsx +msgid "Resume styling" +msgstr "Resume styling" + #: src/dialogs/resume/template/gallery.tsx msgid "Resume templates for different professions and tastes. Pick the one that suits you." msgstr "Resume templates for different professions and tastes. Pick the one that suits you." @@ -4450,6 +4628,8 @@ msgstr "Resume templates for different professions and tastes. Pick the one that msgid "Resumes" msgstr "Resumes" +#: src/features/cover-letters/editor-dialog.tsx +#: src/features/cover-letters/library.tsx #: src/routes/agent/-components/agent-chat.tsx msgid "Retry" msgstr "Retry" @@ -4577,14 +4757,27 @@ msgstr "Save changes" #: src/dialogs/resume/sections/skill.tsx #: src/dialogs/resume/sections/summary-item.tsx #: src/dialogs/resume/sections/volunteer.tsx +#: src/features/cover-letters/editor.tsx #: src/features/settings/pages/profile.tsx msgid "Save Changes" msgstr "Save Changes" +#: src/features/cover-letters/editor.tsx +msgid "Save changes before previewing, exporting, or changing styling." +msgstr "Save changes before previewing, exporting, or changing styling." + +#: src/features/cover-letters/library.tsx +msgid "Save copy to library" +msgstr "Save copy to library" + #: src/features/settings/integrations/components/ai-section.tsx msgid "Save model" msgstr "Save model" +#: src/features/cover-letters/library.tsx +msgid "Save resume changes before copying its content or styling." +msgstr "Save resume changes before copying its content or styling." + #: src/features/ats-checker/messages.ts msgid "Save the file with every page upright." msgstr "Save the file with every page upright." @@ -4626,6 +4819,14 @@ msgstr "Search applications…" msgid "Search commands" msgstr "Search commands" +#: src/features/cover-letters/library.tsx +msgid "Search cover letters" +msgstr "Search cover letters" + +#: src/features/cover-letters/library.tsx +msgid "Search cover letters..." +msgstr "Search cover letters..." + #. Accessible label for icon picker search input #. Placeholder text in icon picker search input #: src/components/input/icon-picker.tsx @@ -5211,6 +5412,14 @@ msgstr "Stylesheet editor" msgid "Stylesheet has fatal errors" msgstr "Stylesheet has fatal errors" +#: src/features/cover-letters/editor-dialog.tsx +msgid "Styling and sender details are copied. Future resume edits apply only when you refresh." +msgstr "Styling and sender details are copied. Future resume edits apply only when you refresh." + +#: src/features/cover-letters/editor-dialog.tsx +msgid "Styling and sender details refreshed from the selected resume." +msgstr "Styling and sender details refreshed from the selected resume." + #: src/routes/_home/-sections/footer.tsx msgid "Subreddit" msgstr "Subreddit" @@ -5411,6 +5620,10 @@ msgstr "The imported file could not be parsed into a valid resume." msgid "The order the text is stored in disagrees badly with the order it reads in." msgstr "The order the text is stored in disagrees badly with the order it reads in." +#: src/features/cover-letters/library.tsx +msgid "The original letter stays in your resume. Each copy can be edited independently." +msgstr "The original letter stays in your resume. Each copy can be edited independently." + #: src/components/layout/not-found-screen.tsx msgid "The page you're looking for may have been moved or no longer exists." msgstr "The page you're looking for may have been moved or no longer exists." @@ -5544,6 +5757,10 @@ msgstr "This check only runs on resumes written in English." msgid "This connection request is invalid or has expired." msgstr "This connection request is invalid or has expired." +#: src/features/cover-letters/editor.tsx +msgid "This cover letter changed elsewhere. Your edits are still here. Reload the latest version before saving again." +msgstr "This cover letter changed elsewhere. Your edits are still here. Reload the latest version before saving again." + #: src/dialogs/api-key/create.tsx msgid "This creates a new API key, which lets other programs read and change your resume data through the Reactive Resume API." msgstr "This creates a new API key, which lets other programs read and change your resume data through the Reactive Resume API." @@ -5676,6 +5893,10 @@ msgstr "This period ends before it starts." msgid "This period starts in the future." msgstr "This period starts in the future." +#: src/features/cover-letters/library.tsx +msgid "This resume has no embedded cover letters." +msgstr "This resume has no embedded cover letters." + #: src/routes/builder/$resumeId/-sidebar/left/index.tsx msgid "This resume is locked" msgstr "This resume is locked" @@ -6668,6 +6889,10 @@ msgstr "Your resume uses \"I\" and \"my\"." msgid "Your resume's public URL is protected by a password. Share the password only with people you trust." msgstr "Your resume's public URL is protected by a password. Share the password only with people you trust." +#: src/features/cover-letters/editor-dialog.tsx +msgid "Your saved cover letter will remain unchanged." +msgstr "Your saved cover letter will remain unchanged." + #: src/routes/_home/-sections/donate.tsx msgid "Your support keeps the project free and open to everyone, now and later." msgstr "Your support keeps the project free and open to everyone, now and later." diff --git a/apps/web/src/components/input/rich-input.tsx b/apps/web/src/components/input/rich-input.tsx index 2fab65160..3fc4ed43e 100644 --- a/apps/web/src/components/input/rich-input.tsx +++ b/apps/web/src/components/input/rich-input.tsx @@ -89,6 +89,7 @@ const extensions = [ ]; type Props = UseEditorOptions & { + "aria-label"?: string; value: string; onChange: (value: string) => void; style?: React.CSSProperties; @@ -96,7 +97,15 @@ type Props = UseEditorOptions & { editorClassName?: string; }; -export function RichInput({ value, onChange, style, className, editorClassName, ...options }: Props) { +export function RichInput({ + value, + onChange, + style, + className, + editorClassName, + "aria-label": ariaLabel, + ...options +}: Props) { const { i18n } = useLingui(); const textDirection = isRTL(i18n.locale) ? "rtl" : undefined; const [isFullscreen, setIsFullscreen] = useState(false); @@ -110,6 +119,7 @@ export function RichInput({ value, onChange, style, className, editorClassName, shouldRerenderOnTransaction: false, editorProps: { attributes: { + ...(ariaLabel ? { "aria-label": ariaLabel } : {}), spellcheck: "false", "data-editor": "true", "data-fullscreen": isFullscreen ? "true" : "false", diff --git a/apps/web/src/features/applications/components/application-ai-copilot.test.tsx b/apps/web/src/features/applications/components/application-ai-copilot.test.tsx new file mode 100644 index 000000000..46c77e1eb --- /dev/null +++ b/apps/web/src/features/applications/components/application-ai-copilot.test.tsx @@ -0,0 +1,125 @@ +// @vitest-environment happy-dom + +import type { Application } from "../types"; +import { act, render, screen, waitFor } from "@testing-library/react"; +import userEvent from "@testing-library/user-event"; +import { beforeAll, beforeEach, expect, it, vi } from "vitest"; +import { i18n } from "@lingui/core"; +import { I18nProvider } from "@lingui/react"; +import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; + +const mocks = vi.hoisted(() => ({ draft: vi.fn(), other: vi.fn() })); +type MockEditorDialogProps = { letterId: string }; +vi.mock("@/libs/orpc/client", () => ({ + orpc: { + applications: { + ai: { + matchScore: { mutationOptions: (options: object) => ({ ...options, mutationFn: mocks.other }) }, + tailorResume: { mutationOptions: (options: object) => ({ ...options, mutationFn: mocks.other }) }, + draftMessage: { mutationOptions: (options: object) => ({ ...options, mutationFn: mocks.draft }) }, + }, + }, + coverLetters: { list: { key: () => ["cover-letters"] } }, + }, +})); +vi.mock("@/features/cover-letters/editor-dialog", () => ({ + CoverLetterEditorDialog: ({ letterId }: MockEditorDialogProps) =>
Saved letter {letterId}
, +})); + +const { ApplicationAiCopilot } = await import("./application-ai-copilot"); +const application: Application = { + id: "application", + company: "Example", + role: "Engineer", + location: null, + salary: null, + status: "saved", + archived: false, + resumeId: null, + source: null, + sourceUrl: null, + jobDescription: null, + matchScore: null, + aiMetadata: null, + notes: null, + resumeFileUrl: null, + resumeFileName: null, + coverLetterUrl: null, + coverLetterName: null, + followUpAt: null, + followUpNote: null, + tags: [], + contacts: [], + activity: [], + appliedAt: new Date(), + createdAt: new Date(), + updatedAt: new Date(), +}; + +beforeAll(() => i18n.loadAndActivate({ locale: "en", messages: {} })); +beforeEach(() => vi.resetAllMocks()); + +function draftRequest() { + let resolve!: (result: { text: string; coverLetterId?: string }) => void; + const promise = new Promise<{ text: string; coverLetterId?: string }>((accept) => { + resolve = accept; + }); + return { promise, resolve }; +} + +function renderCopilot() { + return render( + + + + + , + ); +} + +it.each(["cover-letter", "follow-up"] as const)( + "blocks both draft actions while the first %s is pending", + async (kind) => { + const request = draftRequest(); + mocks.draft.mockReturnValue(request.promise); + renderCopilot(); + const coverLetter = screen.getByRole("button", { name: /Draft a cover letter/ }); + const followUp = screen.getByRole("button", { name: /Draft a follow-up/ }); + await userEvent.click(kind === "cover-letter" ? coverLetter : followUp); + await waitFor(() => expect(mocks.draft).toHaveBeenCalledTimes(1)); + expect(coverLetter).toBeDisabled(); + expect(followUp).toBeDisabled(); + await userEvent.click(coverLetter); + await userEvent.click(followUp); + expect(mocks.draft).toHaveBeenCalledTimes(1); + await act(async () => + request.resolve( + kind === "cover-letter" ? { text: "Letter", coverLetterId: "letter-one" } : { text: "Follow-up" }, + ), + ); + if (kind === "cover-letter") expect(await screen.findByRole("dialog")).toHaveTextContent("letter-one"); + else expect(await screen.findByText("Follow-up")).toBeVisible(); + expect(coverLetter).toBeEnabled(); + expect(followUp).toBeEnabled(); + }, +); + +it("prevents duplicate saved letters after an earlier follow-up completed", async () => { + mocks.draft.mockResolvedValueOnce({ text: "Earlier follow-up" }); + const request = draftRequest(); + mocks.draft.mockReturnValueOnce(request.promise); + renderCopilot(); + const coverLetter = screen.getByRole("button", { name: /Draft a cover letter/ }); + const followUp = screen.getByRole("button", { name: /Draft a follow-up/ }); + await userEvent.click(followUp); + await screen.findByText("Earlier follow-up"); + await userEvent.click(coverLetter); + await waitFor(() => expect(mocks.draft).toHaveBeenCalledTimes(2)); + expect(coverLetter).toBeDisabled(); + expect(followUp).toBeDisabled(); + await userEvent.click(coverLetter); + expect(mocks.draft).toHaveBeenCalledTimes(2); + await act(async () => request.resolve({ text: "Saved letter", coverLetterId: "letter-two" })); + expect(await screen.findByRole("dialog")).toHaveTextContent("letter-two"); + expect(screen.queryByText("Earlier follow-up")).not.toBeInTheDocument(); +}); diff --git a/apps/web/src/features/applications/components/application-ai-copilot.tsx b/apps/web/src/features/applications/components/application-ai-copilot.tsx index 7d8cadf8d..e4abd8fd3 100644 --- a/apps/web/src/features/applications/components/application-ai-copilot.tsx +++ b/apps/web/src/features/applications/components/application-ai-copilot.tsx @@ -1,4 +1,3 @@ -import type { ResumeData } from "@reactive-resume/schema/resume/data"; import type { Application } from "../types"; import { t } from "@lingui/core/macro"; import { Trans } from "@lingui/react/macro"; @@ -7,71 +6,19 @@ import { CaretRightIcon, CopyIcon, EnvelopeSimpleIcon, - FilePdfIcon, MagicWandIcon, PaperPlaneTiltIcon, SparkleIcon, SpinnerGapIcon, } from "@phosphor-icons/react"; -import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; +import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useCallback, useState } from "react"; import { toast } from "@reactive-resume/ui/components/toast"; -import { generateFilename } from "@reactive-resume/utils/file"; import { cn } from "@reactive-resume/utils/style"; -import { createResumePdfBlob } from "@/features/resume/export/pdf-document"; +import { CoverLetterEditorDialog } from "@/features/cover-letters/editor-dialog"; import { orpc } from "@/libs/orpc/client"; import { applicationsListQueryKey } from "../queries"; -const COPILOT_COVER_LETTER_SECTION_ID = "copilot-cover-letter"; - -const escapeHtml = (value: string) => - value - .replace(/&/g, "&") - .replace(//g, ">") - .replace(/"/g, """) - .replace(/'/g, "'"); - -const toHtmlParagraphs = (value: string) => - value - .trim() - .split(/\n\s*\n/) - .map((paragraph) => `

${escapeHtml(paragraph).replace(/\n/g, "
")}

`) - .join(""); - -function createCoverLetterPdfData(data: ResumeData, text: string): ResumeData { - return { - ...data, - customSections: [ - { - id: COPILOT_COVER_LETTER_SECTION_ID, - type: "cover-letter", - title: "", - icon: "", - columns: 1, - hidden: false, - keepTogether: false, - startOnNewPage: false, - items: [ - { - id: `${COPILOT_COVER_LETTER_SECTION_ID}-item`, - hidden: false, - recipient: "", - content: toHtmlParagraphs(text), - }, - ], - }, - ], - metadata: { - ...data.metadata, - layout: { - ...data.metadata.layout, - pages: [{ fullWidth: true, main: [COPILOT_COVER_LETTER_SECTION_ID], sidebar: [] }], - }, - }, - }; -} - // Score bands drive the ring color and the label — a job-fit gauge, not a generic percentage. function band(score: number) { if (score >= 75) return { color: "#10b981", label: t`Strong fit` }; @@ -156,11 +103,7 @@ type Props = { application: Application }; export function ApplicationAiCopilot({ application }: Props) { const queryClient = useQueryClient(); const [draft, setDraft] = useState<{ kind: string; text: string } | null>(null); - const [isGeneratingCoverLetter, setIsGeneratingCoverLetter] = useState(false); - const { data: resume } = useQuery({ - ...orpc.resume.getById.queryOptions({ input: { id: application.resumeId ?? "" } }), - enabled: !!application.resumeId, - }); + const [coverLetterId, setCoverLetterId] = useState(null); const invalidate = () => { void queryClient.invalidateQueries({ queryKey: applicationsListQueryKey() }); @@ -186,56 +129,22 @@ export function ApplicationAiCopilot({ application }: Props) { ); const draftMessage = useMutation( orpc.applications.ai.draftMessage.mutationOptions({ - onSuccess: (result, variables) => setDraft({ kind: variables.kind, text: result.text }), + onSuccess: (result, variables) => { + if (result.coverLetterId) { + setDraft(null); + setCoverLetterId(result.coverLetterId); + void queryClient.invalidateQueries({ queryKey: orpc.coverLetters.list.key() }); + } else { + setDraft({ kind: variables.kind, text: result.text }); + } + }, onError: (error) => toast.add({ type: "error", description: error.message || t`Drafting failed.` }), }), ); - const attachCoverLetter = useMutation( - orpc.applications.attachDocument.mutationOptions({ - onSuccess: () => { - invalidate(); - toast.add({ type: "success", description: t`Cover letter PDF attached to this application.` }); - }, - onError: (error) => - toast.add({ type: "error", description: error.message || t`Could not attach the cover letter PDF.` }), - }), - ); - - const pending = - matchScore.isPending || tailorResume.isPending || draftMessage.isPending || attachCoverLetter.isPending; + const pending = matchScore.isPending || tailorResume.isPending || draftMessage.isPending; const canScore = !!application.resumeId && !!application.jobDescription; const score = application.matchScore; const gaps = aiGaps(application); - const attachDraftAsPdf = async () => { - if (draft?.kind !== "cover-letter" || isGeneratingCoverLetter) return; - if (!resume) { - toast.add({ type: "error", description: t`Link a resume to generate a cover letter PDF.` }); - return; - } - - setIsGeneratingCoverLetter(true); - let file: File; - try { - const blob = await createResumePdfBlob(createCoverLetterPdfData(resume.data, draft.text)); - file = new File([blob], generateFilename(`Cover Letter - ${application.company || "Untitled"}`, "pdf"), { - type: "application/pdf", - }); - } catch { - toast.add({ type: "error", description: t`Could not generate the cover letter PDF.` }); - setIsGeneratingCoverLetter(false); - return; - } - - try { - await attachCoverLetter.mutateAsync({ id: application.id, kind: "cover-letter", file }); - } catch { - // Mutation onError displays the upload failure. - } finally { - setIsGeneratingCoverLetter(false); - } - }; - - // biome-ignore lint/correctness/useExhaustiveDependencies: keep review-requested callback dependencies explicit. const copyDraft = useCallback(async () => { try { if (!navigator.clipboard?.writeText) throw new Error("Clipboard unavailable"); @@ -247,7 +156,7 @@ export function ApplicationAiCopilot({ application }: Props) { description: t`Could not copy to clipboard. Please copy the text manually.`, }); } - }, [draft?.text, toast, t]); + }, [draft?.text]); return (
@@ -333,14 +242,16 @@ export function ApplicationAiCopilot({ application }: Props) { icon={} title={Draft a cover letter} description={t`From your resume and the posting`} - pending={draftMessage.isPending && draft?.kind !== "follow-up"} + disabled={draftMessage.isPending} + pending={draftMessage.isPending && draftMessage.variables?.kind === "cover-letter"} onClick={() => draftMessage.mutate({ id: application.id, kind: "cover-letter" })} /> } title={Draft a follow-up} description={t`A friendly nudge for the recruiter`} - pending={draftMessage.isPending && draft?.kind === "follow-up"} + disabled={draftMessage.isPending} + pending={draftMessage.isPending && draftMessage.variables?.kind === "follow-up"} onClick={() => draftMessage.mutate({ id: application.id, kind: "follow-up" })} /> @@ -359,23 +270,6 @@ export function ApplicationAiCopilot({ application }: Props) { > Copy - {draft.kind === "cover-letter" && ( - - )}
); } diff --git a/apps/web/src/features/cover-letters/editor-dialog.tsx b/apps/web/src/features/cover-letters/editor-dialog.tsx new file mode 100644 index 000000000..36f184908 --- /dev/null +++ b/apps/web/src/features/cover-letters/editor-dialog.tsx @@ -0,0 +1,366 @@ +import type { CoverLetter } from "@reactive-resume/schema/cover-letter/data"; +import { t } from "@lingui/core/macro"; +import { Trans } from "@lingui/react/macro"; +import { useQuery, useQueryClient } from "@tanstack/react-query"; +import { ClientOnly, useBlocker } from "@tanstack/react-router"; +import { lazy, Suspense, useCallback, useId, useMemo, useRef, useState } from "react"; +import { createCoverLetterResumeData } from "@reactive-resume/resume/cover-letter"; +import { Button } from "@reactive-resume/ui/components/button"; +import { + Dialog, + DialogContent, + DialogDescription, + DialogHeader, + DialogTitle, +} from "@reactive-resume/ui/components/dialog"; +import { Label } from "@reactive-resume/ui/components/label"; +import { Separator } from "@reactive-resume/ui/components/separator"; +import { Spinner } from "@reactive-resume/ui/components/spinner"; +import { toast } from "@reactive-resume/ui/components/toast"; +import { downloadWithAnchor, generateFilename } from "@reactive-resume/utils/file"; +import { Combobox } from "@/components/ui/combobox"; +import { useConfirm } from "@/hooks/use-confirm"; +import { getReadableErrorMessage } from "@/libs/error-message"; +import { orpc } from "@/libs/orpc/client"; +import { CoverLetterEditor } from "./editor"; + +const PdfViewer = lazy(() => + import("@/features/resume/public/pdf-viewer").then((module) => ({ default: module.PdfViewer })), +); + +type CoverLetterEditorDialogProps = { + letterId: string; + onClose: () => void; + activeResumeId?: string; + resumeReady?: boolean; +}; + +export function CoverLetterEditorDialog({ + letterId, + onClose, + activeResumeId, + resumeReady = true, +}: CoverLetterEditorDialogProps) { + const queryClient = useQueryClient(); + const confirm = useConfirm(); + const [editState, setEditState] = useState({ dirty: false, pending: false }); + const [reloadVersion, setReloadVersion] = useState(0); + const [busy, setBusy] = useState(false); + const running = useRef(false); + const query = useQuery(orpc.coverLetters.getById.queryOptions({ input: { id: letterId } })); + const onDirtyChange = useCallback((dirty: boolean, pending: boolean) => setEditState({ dirty, pending }), []); + + const canClose = () => { + if (editState.pending || running.current) return false; + if (!editState.dirty) return true; + return confirm(t`Discard unsaved changes?`, { + description: t`Your saved cover letter will remain unchanged.`, + confirmText: t`Discard`, + cancelText: t`Keep editing`, + }); + }; + const requestClose = async () => { + if (await canClose()) onClose(); + }; + useBlocker({ + shouldBlockFn: async () => !(await canClose()), + enableBeforeUnload: editState.dirty || editState.pending || busy, + }); + + const remember = (letter: CoverLetter) => { + queryClient.setQueryData(orpc.coverLetters.getById.queryKey({ input: { id: letter.id } }), letter); + void queryClient.invalidateQueries({ queryKey: orpc.coverLetters.list.key() }); + }; + const run = async (action: () => Promise) => { + if (running.current) return; + running.current = true; + setBusy(true); + try { + await action(); + } catch (error) { + toast.add({ + type: "error", + description: getReadableErrorMessage(error, t`Could not complete this action. Please try again.`), + }); + } finally { + running.current = false; + setBusy(false); + } + }; + const reload = async () => { + if (!(await canClose())) return; + await run(async () => { + remember(await orpc.coverLetters.getById.call({ id: letterId })); + setReloadVersion((version) => version + 1); + }); + }; + + return ( + { + if (!open) void requestClose(); + }} + > + + + + Edit cover letter + + + Changes are shared between your library and the resume builder. + + + {query.isPending ? ( + + ) : query.error ? ( +
+

{getReadableErrorMessage(query.error, t`Could not load this cover letter.`)}

+ + +
+ ) : ( + <> + void requestClose()} + onDirtyChange={onDirtyChange} + onSave={async (changes) => { + const updated = await orpc.coverLetters.update.call({ id: letterId, ...changes }); + remember(updated); + return updated; + }} + actions={(letter, disabled) => ( + + )} + /> + + + )} + + + ); +} + +type CoverLetterActionsProps = { + letter: CoverLetter; + activeResumeId?: string; + resumeReady: boolean; + disabled: boolean; + run: (action: () => Promise) => Promise; + onUpdated: (letter: CoverLetter) => void; + onDeleted: () => void; +}; + +function CoverLetterActions({ + letter, + activeResumeId, + resumeReady, + disabled, + run, + onUpdated, + onDeleted, +}: CoverLetterActionsProps) { + const queryClient = useQueryClient(); + const confirm = useConfirm(); + const styleId = useId(); + const applicationId = useId(); + const [resumeId, setResumeId] = useState(letter.sourceResumeId); + const [selectedApplicationId, setSelectedApplicationId] = useState(letter.sourceApplicationId); + const [preview, setPreview] = useState(false); + const sourceReady = resumeId !== activeResumeId || resumeReady; + const resumes = useQuery(orpc.resume.list.queryOptions({ input: {} })); + const applications = useQuery(orpc.applications.list.queryOptions({ input: { includeArchived: false } })); + const data = useMemo(() => createCoverLetterResumeData(letter), [letter]); + const createPdf = async () => { + const { createResumePdfBlob } = await import("@/features/resume/export/pdf-document"); + return createResumePdfBlob(data, undefined, { includeCoverLetterHeader: true }); + }; + + return ( +
+ +
+
+ + + + + +
+
+ +
+ ({ value: resume.id, label: resume.name }))} + value={resumeId} + onValueChange={setResumeId} + placeholder={t`Choose a resume`} + /> + +
+

+ Styling and sender details are copied. Future resume edits apply only when you refresh. +

+ {!sourceReady && ( +

+ Save resume changes before copying its content or styling. +

+ )} +
+
+ +
+ ({ + value: application.id, + label: `${application.company} — ${application.role}`, + }))} + value={selectedApplicationId} + onValueChange={setSelectedApplicationId} + placeholder={t`Choose an application`} + /> + +
+
+
+ {preview && ( + }> + }> + + + + )} +
+ ); +} diff --git a/apps/web/src/features/cover-letters/editor.test.tsx b/apps/web/src/features/cover-letters/editor.test.tsx new file mode 100644 index 000000000..a596d0589 --- /dev/null +++ b/apps/web/src/features/cover-letters/editor.test.tsx @@ -0,0 +1,126 @@ +// @vitest-environment happy-dom + +import type { CoverLetter } from "@reactive-resume/schema/cover-letter/data"; +import type { ReactNode } from "react"; +import { cleanup, fireEvent, render as renderComponent, screen, waitFor } from "@testing-library/react"; +import { afterEach, beforeAll, describe, expect, it, vi } from "vitest"; +import { i18n } from "@lingui/core"; +import { I18nProvider } from "@lingui/react"; +import { ORPCError } from "@orpc/client"; +import { defaultResumeData } from "@reactive-resume/schema/resume/default"; +import { CoverLetterEditor } from "./editor"; + +beforeAll(() => i18n.loadAndActivate({ locale: "en", messages: {} })); +afterEach(cleanup); +type WrapperProps = { children: ReactNode }; +function Wrapper({ children }: WrapperProps) { + return {children}; +} +const render = (ui: ReactNode) => renderComponent(ui, { wrapper: Wrapper }); + +vi.mock("@/components/input/rich-input", () => ({ + RichInput: ({ + value, + onChange, + "aria-label": label, + editable, + }: { + value: string; + onChange: (value: string) => void; + "aria-label": string; + editable?: boolean; + }) => ( +