mirror of
https://github.com/iib0011/omni-tools.git
synced 2025-09-20 14:39:34 +02:00
feat: rotate pdf
This commit is contained in:
210
.idea/workspace.xml
generated
210
.idea/workspace.xml
generated
@@ -4,13 +4,14 @@
|
|||||||
<option name="autoReloadType" value="SELECTIVE" />
|
<option name="autoReloadType" value="SELECTIVE" />
|
||||||
</component>
|
</component>
|
||||||
<component name="ChangeListManager">
|
<component name="ChangeListManager">
|
||||||
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="chore: result file name">
|
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="chore: text result extensions">
|
||||||
|
<change afterPath="$PROJECT_DIR$/src/pages/tools/pdf/rotate-pdf/index.tsx" afterDir="false" />
|
||||||
|
<change afterPath="$PROJECT_DIR$/src/pages/tools/pdf/rotate-pdf/meta.ts" afterDir="false" />
|
||||||
|
<change afterPath="$PROJECT_DIR$/src/pages/tools/pdf/rotate-pdf/rotate-pdf.service.test.ts" afterDir="false" />
|
||||||
|
<change afterPath="$PROJECT_DIR$/src/pages/tools/pdf/rotate-pdf/service.ts" afterDir="false" />
|
||||||
|
<change afterPath="$PROJECT_DIR$/src/pages/tools/pdf/rotate-pdf/types.ts" afterDir="false" />
|
||||||
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
||||||
<change beforePath="$PROJECT_DIR$/src/pages/tools/csv/csv-to-json/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/csv/csv-to-json/index.tsx" afterDir="false" />
|
<change beforePath="$PROJECT_DIR$/src/pages/tools/pdf/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/pdf/index.ts" afterDir="false" />
|
||||||
<change beforePath="$PROJECT_DIR$/src/pages/tools/csv/csv-to-xml/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/csv/csv-to-xml/index.tsx" afterDir="false" />
|
|
||||||
<change beforePath="$PROJECT_DIR$/src/pages/tools/json/minify/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/json/minify/index.tsx" afterDir="false" />
|
|
||||||
<change beforePath="$PROJECT_DIR$/src/pages/tools/json/prettify/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/json/prettify/index.tsx" afterDir="false" />
|
|
||||||
<change beforePath="$PROJECT_DIR$/src/pages/tools/json/stringify/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools/json/stringify/index.tsx" afterDir="false" />
|
|
||||||
</list>
|
</list>
|
||||||
<option name="SHOW_DIALOG" value="false" />
|
<option name="SHOW_DIALOG" value="false" />
|
||||||
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
||||||
@@ -33,72 +34,72 @@
|
|||||||
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
|
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
|
||||||
<option name="RESET_MODE" value="HARD" />
|
<option name="RESET_MODE" value="HARD" />
|
||||||
</component>
|
</component>
|
||||||
<component name="GitHubPullRequestSearchHistory"><![CDATA[{
|
<component name="GitHubPullRequestSearchHistory">{
|
||||||
"history": [
|
"history": [
|
||||||
{
|
{
|
||||||
"assignee": "iib0011"
|
"assignee": "iib0011"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"state": "OPEN"
|
"state": "OPEN"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"lastFilter": {
|
"lastFilter": {
|
||||||
"state": "OPEN"
|
"state": "OPEN"
|
||||||
}
|
}
|
||||||
}]]></component>
|
}</component>
|
||||||
<component name="GitHubPullRequestState"><![CDATA[{
|
<component name="GitHubPullRequestState">{
|
||||||
"prStates": [
|
"prStates": [
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts51PkS9",
|
"id": "PR_kwDOMJIfts51PkS9",
|
||||||
"number": 22
|
"number": 22
|
||||||
},
|
},
|
||||||
"lastSeen": 1741207144695
|
"lastSeen": 1741207144695
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts6NiNYl",
|
"id": "PR_kwDOMJIfts6NiNYl",
|
||||||
"number": 32
|
"number": 32
|
||||||
},
|
},
|
||||||
"lastSeen": 1741209723869
|
"lastSeen": 1741209723869
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts6Nheyd",
|
"id": "PR_kwDOMJIfts6Nheyd",
|
||||||
"number": 31
|
"number": 31
|
||||||
},
|
},
|
||||||
"lastSeen": 1741213371410
|
"lastSeen": 1741213371410
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts6NmRBs",
|
"id": "PR_kwDOMJIfts6NmRBs",
|
||||||
"number": 33
|
"number": 33
|
||||||
},
|
},
|
||||||
"lastSeen": 1741282429036
|
"lastSeen": 1741282429036
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts5zyFTs",
|
"id": "PR_kwDOMJIfts5zyFTs",
|
||||||
"number": 15
|
"number": 15
|
||||||
},
|
},
|
||||||
"lastSeen": 1741535540953
|
"lastSeen": 1741535540953
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts6QQB3c",
|
"id": "PR_kwDOMJIfts6QQB3c",
|
||||||
"number": 59
|
"number": 59
|
||||||
},
|
},
|
||||||
"lastSeen": 1743018960900
|
"lastSeen": 1743018960900
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": {
|
"id": {
|
||||||
"id": "PR_kwDOMJIfts6QMPEg",
|
"id": "PR_kwDOMJIfts6QMPEg",
|
||||||
"number": 58
|
"number": 58
|
||||||
},
|
},
|
||||||
"lastSeen": 1743019452983
|
"lastSeen": 1743019452983
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}]]></component>
|
}</component>
|
||||||
<component name="GithubPullRequestsUISettings">{
|
<component name="GithubPullRequestsUISettings">{
|
||||||
"selectedUrlAndAccountId": {
|
"selectedUrlAndAccountId": {
|
||||||
"url": "https://github.com/iib0011/omni-tools.git",
|
"url": "https://github.com/iib0011/omni-tools.git",
|
||||||
@@ -127,55 +128,55 @@
|
|||||||
<option name="hideEmptyMiddlePackages" value="true" />
|
<option name="hideEmptyMiddlePackages" value="true" />
|
||||||
<option name="showLibraryContents" value="true" />
|
<option name="showLibraryContents" value="true" />
|
||||||
</component>
|
</component>
|
||||||
<component name="PropertiesComponent"><![CDATA[{
|
<component name="PropertiesComponent">{
|
||||||
"keyToString": {
|
"keyToString": {
|
||||||
"ASKED_ADD_EXTERNAL_FILES": "true",
|
"ASKED_ADD_EXTERNAL_FILES": "true",
|
||||||
"ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
|
"ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
|
||||||
"Docker.Dockerfile build.executor": "Run",
|
"Docker.Dockerfile build.executor": "Run",
|
||||||
"Docker.Dockerfile.executor": "Run",
|
"Docker.Dockerfile.executor": "Run",
|
||||||
"Playwright.Create transparent PNG.should make png color transparent.executor": "Run",
|
"Playwright.Create transparent PNG.should make png color transparent.executor": "Run",
|
||||||
"Playwright.JoinText Component.executor": "Run",
|
"Playwright.JoinText Component.executor": "Run",
|
||||||
"Playwright.JoinText Component.should merge text pieces with specified join character.executor": "Run",
|
"Playwright.JoinText Component.should merge text pieces with specified join character.executor": "Run",
|
||||||
"RunOnceActivity.OpenProjectViewOnStart": "true",
|
"RunOnceActivity.OpenProjectViewOnStart": "true",
|
||||||
"RunOnceActivity.ShowReadmeOnStart": "true",
|
"RunOnceActivity.ShowReadmeOnStart": "true",
|
||||||
"RunOnceActivity.git.unshallow": "true",
|
"RunOnceActivity.git.unshallow": "true",
|
||||||
"Vitest.compute function (1).executor": "Run",
|
"Vitest.compute function (1).executor": "Run",
|
||||||
"Vitest.compute function.executor": "Run",
|
"Vitest.compute function.executor": "Run",
|
||||||
"Vitest.mergeText.executor": "Run",
|
"Vitest.mergeText.executor": "Run",
|
||||||
"Vitest.mergeText.should merge lines and preserve blank lines when deleteBlankLines is false.executor": "Run",
|
"Vitest.mergeText.should merge lines and preserve blank lines when deleteBlankLines is false.executor": "Run",
|
||||||
"Vitest.mergeText.should merge lines, preserve blank lines and trailing spaces when both deleteBlankLines and deleteTrailingSpaces are false.executor": "Run",
|
"Vitest.mergeText.should merge lines, preserve blank lines and trailing spaces when both deleteBlankLines and deleteTrailingSpaces are false.executor": "Run",
|
||||||
"Vitest.parsePageRanges.executor": "Run",
|
"Vitest.parsePageRanges.executor": "Run",
|
||||||
"Vitest.removeDuplicateLines function.executor": "Run",
|
"Vitest.removeDuplicateLines function.executor": "Run",
|
||||||
"Vitest.removeDuplicateLines function.newlines option.executor": "Run",
|
"Vitest.removeDuplicateLines function.newlines option.executor": "Run",
|
||||||
"Vitest.removeDuplicateLines function.newlines option.should filter newlines when newlines is set to filter.executor": "Run",
|
"Vitest.removeDuplicateLines function.newlines option.should filter newlines when newlines is set to filter.executor": "Run",
|
||||||
"Vitest.replaceText function (regexp mode).should return the original text when passed an invalid regexp.executor": "Run",
|
"Vitest.replaceText function (regexp mode).should return the original text when passed an invalid regexp.executor": "Run",
|
||||||
"Vitest.replaceText function.executor": "Run",
|
"Vitest.replaceText function.executor": "Run",
|
||||||
"git-widget-placeholder": "main",
|
"git-widget-placeholder": "main",
|
||||||
"ignore.virus.scanning.warn.message": "true",
|
"ignore.virus.scanning.warn.message": "true",
|
||||||
"kotlin-language-version-configured": "true",
|
"kotlin-language-version-configured": "true",
|
||||||
"last_opened_file_path": "C:/Users/Ibrahima/IdeaProjects/omni-tools/src/components/input",
|
"last_opened_file_path": "C:/Users/Ibrahima/IdeaProjects/omni-tools/src/components/input",
|
||||||
"node.js.detected.package.eslint": "true",
|
"node.js.detected.package.eslint": "true",
|
||||||
"node.js.detected.package.tslint": "true",
|
"node.js.detected.package.tslint": "true",
|
||||||
"node.js.selected.package.eslint": "(autodetect)",
|
"node.js.selected.package.eslint": "(autodetect)",
|
||||||
"node.js.selected.package.tslint": "(autodetect)",
|
"node.js.selected.package.tslint": "(autodetect)",
|
||||||
"nodejs_package_manager_path": "npm",
|
"nodejs_package_manager_path": "npm",
|
||||||
"npm.build.executor": "Run",
|
"npm.build.executor": "Run",
|
||||||
"npm.dev.executor": "Run",
|
"npm.dev.executor": "Run",
|
||||||
"npm.lint.executor": "Run",
|
"npm.lint.executor": "Run",
|
||||||
"npm.prebuild.executor": "Run",
|
"npm.prebuild.executor": "Run",
|
||||||
"npm.script:create:tool.executor": "Run",
|
"npm.script:create:tool.executor": "Run",
|
||||||
"npm.test.executor": "Run",
|
"npm.test.executor": "Run",
|
||||||
"npm.test:e2e.executor": "Run",
|
"npm.test:e2e.executor": "Run",
|
||||||
"npm.test:e2e:run.executor": "Run",
|
"npm.test:e2e:run.executor": "Run",
|
||||||
"prettierjs.PrettierConfiguration.Package": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\prettier",
|
"prettierjs.PrettierConfiguration.Package": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\prettier",
|
||||||
"project.structure.last.edited": "Problems",
|
"project.structure.last.edited": "Problems",
|
||||||
"project.structure.proportion": "0.0",
|
"project.structure.proportion": "0.0",
|
||||||
"project.structure.side.proportion": "0.2",
|
"project.structure.side.proportion": "0.2",
|
||||||
"settings.editor.selected.configurable": "refactai_advanced_settings",
|
"settings.editor.selected.configurable": "refactai_advanced_settings",
|
||||||
"ts.external.directory.path": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\typescript\\lib",
|
"ts.external.directory.path": "C:\\Users\\Ibrahima\\IdeaProjects\\omni-tools\\node_modules\\typescript\\lib",
|
||||||
"vue.rearranger.settings.migration": "true"
|
"vue.rearranger.settings.migration": "true"
|
||||||
}
|
}
|
||||||
}]]></component>
|
}</component>
|
||||||
<component name="ReactDesignerToolWindowState">
|
<component name="ReactDesignerToolWindowState">
|
||||||
<option name="myId2Visible">
|
<option name="myId2Visible">
|
||||||
<map>
|
<map>
|
||||||
@@ -365,15 +366,8 @@
|
|||||||
<workItem from="1741547560596" duration="1671000" />
|
<workItem from="1741547560596" duration="1671000" />
|
||||||
<workItem from="1741567442768" duration="14127000" />
|
<workItem from="1741567442768" duration="14127000" />
|
||||||
<workItem from="1741971589699" duration="371000" />
|
<workItem from="1741971589699" duration="371000" />
|
||||||
<workItem from="1743018497879" duration="2495000" />
|
<workItem from="1743018497879" duration="3895000" />
|
||||||
</task>
|
<workItem from="1743047367993" duration="986000" />
|
||||||
<task id="LOCAL-00120" summary="fix: bg">
|
|
||||||
<option name="closed" value="true" />
|
|
||||||
<created>1740503419102</created>
|
|
||||||
<option name="number" value="00120" />
|
|
||||||
<option name="presentableId" value="LOCAL-00120" />
|
|
||||||
<option name="project" value="LOCAL" />
|
|
||||||
<updated>1740503419102</updated>
|
|
||||||
</task>
|
</task>
|
||||||
<task id="LOCAL-00121" summary="fix: bg">
|
<task id="LOCAL-00121" summary="fix: bg">
|
||||||
<option name="closed" value="true" />
|
<option name="closed" value="true" />
|
||||||
@@ -759,7 +753,15 @@
|
|||||||
<option name="project" value="LOCAL" />
|
<option name="project" value="LOCAL" />
|
||||||
<updated>1743020690384</updated>
|
<updated>1743020690384</updated>
|
||||||
</task>
|
</task>
|
||||||
<option name="localTasksCounter" value="169" />
|
<task id="LOCAL-00169" summary="chore: text result extensions">
|
||||||
|
<option name="closed" value="true" />
|
||||||
|
<created>1743022260639</created>
|
||||||
|
<option name="number" value="00169" />
|
||||||
|
<option name="presentableId" value="LOCAL-00169" />
|
||||||
|
<option name="project" value="LOCAL" />
|
||||||
|
<updated>1743022260639</updated>
|
||||||
|
</task>
|
||||||
|
<option name="localTasksCounter" value="170" />
|
||||||
<servers />
|
<servers />
|
||||||
</component>
|
</component>
|
||||||
<component name="TypeScriptGeneratedFilesManager">
|
<component name="TypeScriptGeneratedFilesManager">
|
||||||
@@ -806,7 +808,6 @@
|
|||||||
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
|
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
|
||||||
<option name="CHECK_NEW_TODO" value="false" />
|
<option name="CHECK_NEW_TODO" value="false" />
|
||||||
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
|
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
|
||||||
<MESSAGE value="fix: tsc" />
|
|
||||||
<MESSAGE value="style: optimizations" />
|
<MESSAGE value="style: optimizations" />
|
||||||
<MESSAGE value="fix: replace text service" />
|
<MESSAGE value="fix: replace text service" />
|
||||||
<MESSAGE value="chore: smooth scroll for use this tool and examles" />
|
<MESSAGE value="chore: smooth scroll for use this tool and examles" />
|
||||||
@@ -831,7 +832,8 @@
|
|||||||
<MESSAGE value="feat: split pdf" />
|
<MESSAGE value="feat: split pdf" />
|
||||||
<MESSAGE value="fix: typo" />
|
<MESSAGE value="fix: typo" />
|
||||||
<MESSAGE value="chore: result file name" />
|
<MESSAGE value="chore: result file name" />
|
||||||
<option name="LAST_COMMIT_MESSAGE" value="chore: result file name" />
|
<MESSAGE value="chore: text result extensions" />
|
||||||
|
<option name="LAST_COMMIT_MESSAGE" value="chore: text result extensions" />
|
||||||
</component>
|
</component>
|
||||||
<component name="XSLT-Support.FileAssociations.UIState">
|
<component name="XSLT-Support.FileAssociations.UIState">
|
||||||
<expand />
|
<expand />
|
||||||
|
@@ -1,4 +1,5 @@
|
|||||||
|
import { tool as pdfRotatePdf } from './rotate-pdf/meta';
|
||||||
import { meta as splitPdfMeta } from './split-pdf/meta';
|
import { meta as splitPdfMeta } from './split-pdf/meta';
|
||||||
import { DefinedTool } from '@tools/defineTool';
|
import { DefinedTool } from '@tools/defineTool';
|
||||||
|
|
||||||
export const pdfTools: DefinedTool[] = [splitPdfMeta];
|
export const pdfTools: DefinedTool[] = [splitPdfMeta, pdfRotatePdf];
|
||||||
|
242
src/pages/tools/pdf/rotate-pdf/index.tsx
Normal file
242
src/pages/tools/pdf/rotate-pdf/index.tsx
Normal file
@@ -0,0 +1,242 @@
|
|||||||
|
import { Box, FormControlLabel, Switch, Typography } from '@mui/material';
|
||||||
|
import React, { useEffect, useState } from 'react';
|
||||||
|
import ToolContent from '@components/ToolContent';
|
||||||
|
import { ToolComponentProps } from '@tools/defineTool';
|
||||||
|
import ToolPdfInput from '@components/input/ToolPdfInput';
|
||||||
|
import ToolFileResult from '@components/result/ToolFileResult';
|
||||||
|
import { CardExampleType } from '@components/examples/ToolExamples';
|
||||||
|
import { PDFDocument } from 'pdf-lib';
|
||||||
|
import { InitialValuesType, RotationAngle } from './types';
|
||||||
|
import { parsePageRanges, rotatePdf } from './service';
|
||||||
|
import SimpleRadio from '@components/options/SimpleRadio';
|
||||||
|
import TextFieldWithDesc from '@components/options/TextFieldWithDesc';
|
||||||
|
|
||||||
|
const initialValues: InitialValuesType = {
|
||||||
|
rotationAngle: 90,
|
||||||
|
applyToAllPages: true,
|
||||||
|
pageRanges: ''
|
||||||
|
};
|
||||||
|
|
||||||
|
const exampleCards: CardExampleType<InitialValuesType>[] = [
|
||||||
|
{
|
||||||
|
title: 'Rotate All Pages 90°',
|
||||||
|
description: 'Rotate all pages in the document 90 degrees clockwise',
|
||||||
|
sampleText: '',
|
||||||
|
sampleResult: '',
|
||||||
|
sampleOptions: {
|
||||||
|
rotationAngle: 90,
|
||||||
|
applyToAllPages: true,
|
||||||
|
pageRanges: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Rotate Specific Pages 180°',
|
||||||
|
description: 'Rotate only pages 1 and 3 by 180 degrees',
|
||||||
|
sampleText: '',
|
||||||
|
sampleResult: '',
|
||||||
|
sampleOptions: {
|
||||||
|
rotationAngle: 180,
|
||||||
|
applyToAllPages: false,
|
||||||
|
pageRanges: '1,3'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Rotate Page Range 270°',
|
||||||
|
description: 'Rotate pages 2 through 5 by 270 degrees',
|
||||||
|
sampleText: '',
|
||||||
|
sampleResult: '',
|
||||||
|
sampleOptions: {
|
||||||
|
rotationAngle: 270,
|
||||||
|
applyToAllPages: false,
|
||||||
|
pageRanges: '2-5'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
export default function RotatePdf({
|
||||||
|
title,
|
||||||
|
longDescription
|
||||||
|
}: ToolComponentProps) {
|
||||||
|
const [input, setInput] = useState<File | null>(null);
|
||||||
|
const [result, setResult] = useState<File | null>(null);
|
||||||
|
const [isProcessing, setIsProcessing] = useState<boolean>(false);
|
||||||
|
const [totalPages, setTotalPages] = useState<number>(0);
|
||||||
|
const [pageRangePreview, setPageRangePreview] = useState<string>('');
|
||||||
|
|
||||||
|
// Get the total number of pages when a PDF is uploaded
|
||||||
|
useEffect(() => {
|
||||||
|
const getPdfInfo = async () => {
|
||||||
|
if (!input) {
|
||||||
|
setTotalPages(0);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const arrayBuffer = await input.arrayBuffer();
|
||||||
|
const pdf = await PDFDocument.load(arrayBuffer);
|
||||||
|
setTotalPages(pdf.getPageCount());
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error getting PDF info:', error);
|
||||||
|
setTotalPages(0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
getPdfInfo();
|
||||||
|
}, [input]);
|
||||||
|
|
||||||
|
const onValuesChange = (values: InitialValuesType) => {
|
||||||
|
const { pageRanges, applyToAllPages } = values;
|
||||||
|
|
||||||
|
if (applyToAllPages) {
|
||||||
|
setPageRangePreview(
|
||||||
|
totalPages > 0 ? `All ${totalPages} pages will be rotated` : ''
|
||||||
|
);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!totalPages || !pageRanges?.trim()) {
|
||||||
|
setPageRangePreview('');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const count = parsePageRanges(pageRanges, totalPages).length;
|
||||||
|
setPageRangePreview(
|
||||||
|
`${count} page${count !== 1 ? 's' : ''} will be rotated`
|
||||||
|
);
|
||||||
|
} catch (error) {
|
||||||
|
setPageRangePreview('');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const compute = async (values: InitialValuesType, input: File | null) => {
|
||||||
|
if (!input) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
setIsProcessing(true);
|
||||||
|
const rotatedPdf = await rotatePdf(input, values);
|
||||||
|
setResult(rotatedPdf);
|
||||||
|
} catch (error) {
|
||||||
|
throw new Error('Error rotating PDF: ' + error);
|
||||||
|
} finally {
|
||||||
|
setIsProcessing(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const angleOptions: { value: RotationAngle; label: string }[] = [
|
||||||
|
{ value: 90, label: '90° Clockwise' },
|
||||||
|
{ value: 180, label: '180° (Upside down)' },
|
||||||
|
{ value: 270, label: '270° (90° Counter-clockwise)' }
|
||||||
|
];
|
||||||
|
return (
|
||||||
|
<ToolContent
|
||||||
|
title={title}
|
||||||
|
input={input}
|
||||||
|
setInput={setInput}
|
||||||
|
initialValues={initialValues}
|
||||||
|
compute={compute}
|
||||||
|
exampleCards={exampleCards}
|
||||||
|
inputComponent={
|
||||||
|
<ToolPdfInput
|
||||||
|
value={input}
|
||||||
|
onChange={setInput}
|
||||||
|
accept={['application/pdf']}
|
||||||
|
title={'Input PDF'}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
resultComponent={
|
||||||
|
<ToolFileResult
|
||||||
|
title={'Rotated PDF'}
|
||||||
|
value={result}
|
||||||
|
extension={'pdf'}
|
||||||
|
loading={isProcessing}
|
||||||
|
loadingText={'Rotating pages'}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
getGroups={({ values, updateField }) => [
|
||||||
|
{
|
||||||
|
title: 'Rotation Settings',
|
||||||
|
component: (
|
||||||
|
<Box>
|
||||||
|
<Typography variant="subtitle2" sx={{ mb: 1 }}>
|
||||||
|
Rotation Angle
|
||||||
|
</Typography>
|
||||||
|
{angleOptions.map((angleOption) => (
|
||||||
|
<SimpleRadio
|
||||||
|
key={angleOption.value}
|
||||||
|
title={angleOption.label}
|
||||||
|
checked={values.rotationAngle === angleOption.value}
|
||||||
|
onClick={() => {
|
||||||
|
updateField('rotationAngle', angleOption.value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
|
||||||
|
<Box sx={{ mt: 2 }}>
|
||||||
|
<FormControlLabel
|
||||||
|
control={
|
||||||
|
<Switch
|
||||||
|
checked={values.applyToAllPages}
|
||||||
|
onChange={(e) => {
|
||||||
|
updateField('applyToAllPages', e.target.checked);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
label="Apply to all pages"
|
||||||
|
/>
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
{!values.applyToAllPages && (
|
||||||
|
<Box sx={{ mt: 2 }}>
|
||||||
|
{totalPages > 0 && (
|
||||||
|
<Typography variant="body2" sx={{ mb: 1 }}>
|
||||||
|
PDF has {totalPages} page{totalPages !== 1 ? 's' : ''}
|
||||||
|
</Typography>
|
||||||
|
)}
|
||||||
|
<TextFieldWithDesc
|
||||||
|
value={values.pageRanges}
|
||||||
|
onOwnChange={(val) => {
|
||||||
|
updateField('pageRanges', val);
|
||||||
|
}}
|
||||||
|
description={
|
||||||
|
'Enter page numbers or ranges separated by commas (e.g., 1,3,5-7)'
|
||||||
|
}
|
||||||
|
placeholder={'e.g., 1,5-8'}
|
||||||
|
/>
|
||||||
|
{pageRangePreview && (
|
||||||
|
<Typography
|
||||||
|
variant="body2"
|
||||||
|
sx={{ mt: 1, color: 'primary.main' }}
|
||||||
|
>
|
||||||
|
{pageRangePreview}
|
||||||
|
</Typography>
|
||||||
|
)}
|
||||||
|
</Box>
|
||||||
|
)}
|
||||||
|
</Box>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
onValuesChange={onValuesChange}
|
||||||
|
toolInfo={{
|
||||||
|
title: 'How to Use the Rotate PDF Tool',
|
||||||
|
description: `This tool allows you to rotate pages in a PDF document. You can rotate all pages or specify individual pages to rotate.
|
||||||
|
|
||||||
|
Choose a rotation angle:
|
||||||
|
- 90° Clockwise
|
||||||
|
- 180° (Upside down)
|
||||||
|
- 270° (90° Counter-clockwise)
|
||||||
|
|
||||||
|
To rotate specific pages:
|
||||||
|
1. Uncheck "Apply to all pages"
|
||||||
|
2. Enter page numbers or ranges separated by commas (e.g., 1,3,5-7)
|
||||||
|
|
||||||
|
Examples:
|
||||||
|
- "1,5,9" rotates pages 1, 5, and 9
|
||||||
|
- "1-5" rotates pages 1 through 5
|
||||||
|
- "1,3-5,8-10" rotates pages 1, 3, 4, 5, 8, 9, and 10
|
||||||
|
|
||||||
|
${longDescription}`
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
14
src/pages/tools/pdf/rotate-pdf/meta.ts
Normal file
14
src/pages/tools/pdf/rotate-pdf/meta.ts
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
import { defineTool } from '@tools/defineTool';
|
||||||
|
import { lazy } from 'react';
|
||||||
|
|
||||||
|
export const tool = defineTool('pdf', {
|
||||||
|
name: 'Rotate PDF',
|
||||||
|
path: 'rotate-pdf',
|
||||||
|
icon: 'carbon:rotate',
|
||||||
|
description: 'Rotate PDF pages by 90, 180, or 270 degrees',
|
||||||
|
shortDescription: 'Rotate pages in a PDF document',
|
||||||
|
keywords: ['pdf', 'rotate', 'rotation', 'document', 'pages', 'orientation'],
|
||||||
|
longDescription:
|
||||||
|
'Change the orientation of PDF pages by rotating them 90, 180, or 270 degrees. Useful for fixing incorrectly scanned documents or preparing PDFs for printing.',
|
||||||
|
component: lazy(() => import('./index'))
|
||||||
|
});
|
36
src/pages/tools/pdf/rotate-pdf/rotate-pdf.service.test.ts
Normal file
36
src/pages/tools/pdf/rotate-pdf/rotate-pdf.service.test.ts
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
import { describe, expect, it } from 'vitest';
|
||||||
|
import { parsePageRanges } from './service';
|
||||||
|
|
||||||
|
describe('rotate-pdf', () => {
|
||||||
|
describe('parsePageRanges', () => {
|
||||||
|
it('should return all pages when pageRanges is empty', () => {
|
||||||
|
const result = parsePageRanges('', 5);
|
||||||
|
expect(result).toEqual([1, 2, 3, 4, 5]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should parse single page numbers', () => {
|
||||||
|
const result = parsePageRanges('1,3,5', 5);
|
||||||
|
expect(result).toEqual([1, 3, 5]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should parse page ranges', () => {
|
||||||
|
const result = parsePageRanges('2-4', 5);
|
||||||
|
expect(result).toEqual([2, 3, 4]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should parse mixed page numbers and ranges', () => {
|
||||||
|
const result = parsePageRanges('1,3-5', 5);
|
||||||
|
expect(result).toEqual([1, 3, 4, 5]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should ignore invalid page numbers', () => {
|
||||||
|
const result = parsePageRanges('1,8,3', 5);
|
||||||
|
expect(result).toEqual([1, 3]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should handle whitespace', () => {
|
||||||
|
const result = parsePageRanges(' 1, 3 - 5 ', 5);
|
||||||
|
expect(result).toEqual([1, 3, 4, 5]);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
82
src/pages/tools/pdf/rotate-pdf/service.ts
Normal file
82
src/pages/tools/pdf/rotate-pdf/service.ts
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
import { degrees, PDFDocument } from 'pdf-lib';
|
||||||
|
import { InitialValuesType } from './types';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Parses a page range string and returns an array of page numbers
|
||||||
|
* @param pageRangeStr String like "1,3-5,7" to extract pages 1, 3, 4, 5, and 7
|
||||||
|
* @param totalPages Total number of pages in the PDF
|
||||||
|
* @returns Array of page numbers to extract
|
||||||
|
*/
|
||||||
|
export function parsePageRanges(
|
||||||
|
pageRangeStr: string,
|
||||||
|
totalPages: number
|
||||||
|
): number[] {
|
||||||
|
if (!pageRangeStr.trim()) {
|
||||||
|
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
const pageNumbers = new Set<number>();
|
||||||
|
const ranges = pageRangeStr.split(',');
|
||||||
|
|
||||||
|
for (const range of ranges) {
|
||||||
|
const trimmedRange = range.trim();
|
||||||
|
|
||||||
|
if (trimmedRange.includes('-')) {
|
||||||
|
const [start, end] = trimmedRange.split('-').map(Number);
|
||||||
|
if (!isNaN(start) && !isNaN(end)) {
|
||||||
|
// Handle both forward and reversed ranges
|
||||||
|
const normalizedStart = Math.min(start, end);
|
||||||
|
const normalizedEnd = Math.max(start, end);
|
||||||
|
|
||||||
|
for (
|
||||||
|
let i = Math.max(1, normalizedStart);
|
||||||
|
i <= Math.min(totalPages, normalizedEnd);
|
||||||
|
i++
|
||||||
|
) {
|
||||||
|
pageNumbers.add(i);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const pageNum = parseInt(trimmedRange, 10);
|
||||||
|
if (!isNaN(pageNum) && pageNum >= 1 && pageNum <= totalPages) {
|
||||||
|
pageNumbers.add(pageNum);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return [...pageNumbers].sort((a, b) => a - b);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Rotates pages in a PDF file
|
||||||
|
* @param pdfFile The input PDF file
|
||||||
|
* @param options Options including rotation angle and page selection
|
||||||
|
* @returns Promise resolving to a new PDF file with rotated pages
|
||||||
|
*/
|
||||||
|
export async function rotatePdf(
|
||||||
|
pdfFile: File,
|
||||||
|
options: InitialValuesType
|
||||||
|
): Promise<File> {
|
||||||
|
const { rotationAngle, applyToAllPages, pageRanges } = options;
|
||||||
|
|
||||||
|
const arrayBuffer = await pdfFile.arrayBuffer();
|
||||||
|
const pdfDoc = await PDFDocument.load(arrayBuffer);
|
||||||
|
const totalPages = pdfDoc.getPageCount();
|
||||||
|
|
||||||
|
// Determine which pages to rotate
|
||||||
|
const pagesToRotate = applyToAllPages
|
||||||
|
? Array.from({ length: totalPages }, (_, i) => i + 1)
|
||||||
|
: parsePageRanges(pageRanges, totalPages);
|
||||||
|
|
||||||
|
// Apply rotation to selected pages
|
||||||
|
for (const pageNum of pagesToRotate) {
|
||||||
|
const page = pdfDoc.getPage(pageNum - 1);
|
||||||
|
page.setRotation(degrees(rotationAngle));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Save the modified PDF
|
||||||
|
const modifiedPdfBytes = await pdfDoc.save();
|
||||||
|
const newFileName = pdfFile.name.replace('.pdf', '-rotated.pdf');
|
||||||
|
|
||||||
|
return new File([modifiedPdfBytes], newFileName, { type: 'application/pdf' });
|
||||||
|
}
|
7
src/pages/tools/pdf/rotate-pdf/types.ts
Normal file
7
src/pages/tools/pdf/rotate-pdf/types.ts
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
export type RotationAngle = 90 | 180 | 270;
|
||||||
|
|
||||||
|
export type InitialValuesType = {
|
||||||
|
rotationAngle: RotationAngle;
|
||||||
|
applyToAllPages: boolean;
|
||||||
|
pageRanges: string;
|
||||||
|
};
|
Reference in New Issue
Block a user