-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Improved keyboard shortcuts & new button animation - Improved keyboard shortcuts * Now multiple keys can be specified for handling a command * Added more commands - New button animation * The new animation for the circular button edits the border radius * When an item opens a new toolbar tab, it'll be circular - Added version in the "Licenses tab" * Added PWA promotion card * Remove logging
- Loading branch information
1 parent
9b8d4d1
commit 91a62eb
Showing
18 changed files
with
303 additions
and
145 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| 2.0.3 | ||
| 2.0.4 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| import { useRef } from "react"; | ||
| import Lang from "../Scripts/LanguageTranslations"; | ||
| import ImageExport from "../Scripts/Export"; | ||
| import * as PDFJS from "pdfjs-dist"; | ||
|
|
||
| /** | ||
| * The custom values for the PDF exportation as image | ||
| */ | ||
| let exportValue = { | ||
| img: "png", | ||
| pages: "", | ||
| annotations: true, | ||
| scale: 2, | ||
| zip: false, | ||
| quality: 0.85, | ||
| filter: "" | ||
| } | ||
|
|
||
| interface Props { | ||
| pdfObj: PDFJS.PDFDocumentProxy | ||
| } | ||
| /** | ||
| * Export the PDF as a group of images. This ReactNode contains the options for that exportation process. | ||
| * @param pdfObj the PDF object that'll be used for exporting things | ||
| * @returns the Export dialog ReactNode | ||
| */ | ||
| export default function ExportDialog({ pdfObj }: Props) { | ||
| let exportButton = useRef<HTMLButtonElement>(null); | ||
|
|
||
| return <div> | ||
| <label>{Lang("Export image in the")} <select defaultValue={exportValue.img} onChange={(e) => exportValue.img = (e.target as HTMLSelectElement).value}> | ||
| <option value={"jpeg"}>JPG</option> | ||
| <option value={"png"}>PNG</option> | ||
| {document.createElement("canvas").toDataURL("image/webp").startsWith("data:image/webp") && <option value={"webp"}>WEBP</option>} | ||
| </select> {Lang("format")}</label><br></br><br></br> | ||
| <label>{Lang("Write the number of pages to export:")}</label><br></br> | ||
| <i style={{ fontSize: "0.75em" }}>{Lang(`Separate pages with a comma, or add multiple pages with a dash: "1-5,7"`)}</i><br></br> | ||
| <input style={{ marginTop: "10px" }} type="text" defaultValue={exportValue.pages} onInput={(e) => { | ||
| exportValue.pages = (e.target as HTMLInputElement).value; | ||
| if (exportButton.current) exportButton.current.disabled = !/^[0-9,-]*$/.test(exportValue.pages); | ||
| }}></input><br></br><br></br> | ||
| <label>{Lang("Choose the size of the output image:")}</label><br></br> | ||
| <input type="range" min={0.5} max={8} step={0.01} defaultValue={exportValue.scale} onChange={(e) => { exportValue.scale = parseFloat((e.target as HTMLInputElement).value) }}></input><br></br><br></br> | ||
| <label>{Lang("Choose the quality of the output image:")}</label><br></br> | ||
| <input type="range" min={0.01} max={1} step={0.01} defaultValue={exportValue.quality} onChange={(e) => { exportValue.quality = parseFloat((e.target as HTMLInputElement).value) }}></input><br></br><br></br> | ||
| <div style={{ display: "flex", alignItems: "center" }}> | ||
| <input type="checkbox" defaultChecked={exportValue.annotations} onChange={e => exportValue.annotations = (e.target as HTMLInputElement).checked}></input><label>{Lang("Export also annotations")}</label></div><br></br> | ||
| {document.createElement("canvas").getContext("2d")?.filter !== undefined && <><div style={{ display: "flex", alignItems: "center" }}> | ||
| <input type="checkbox" defaultChecked={exportValue.filter !== ""} onChange={e => { | ||
| let getFilterCanvas = Array.from(document.querySelectorAll("canvas")).filter(e => e.style.filter !== ""); | ||
| if ((e.target as HTMLInputElement).checked && getFilterCanvas.length !== 0) { exportValue.filter = getFilterCanvas[0].style.filter; } else exportValue.filter = "" | ||
| }}></input><label>{Lang("Apply filters to exported image")}</label></div><br></br> | ||
| </>} | ||
| <div style={{ display: "flex", alignItems: "center" }}> | ||
| <input type="checkbox" defaultChecked={exportValue.zip} onChange={e => exportValue.zip = (e.target as HTMLInputElement).checked}></input><label>{Lang("Save output as a .zip file")}</label></div><br></br><br></br> | ||
| <button ref={exportButton} onClick={async () => { | ||
| let handle; | ||
| try { // If the user doesn't want to save the file as ZIP, and the File System API is supported, use the "showDirectoryPicker" method | ||
| handle = window.showDirectoryPicker !== undefined && !exportValue.zip ? await window.showDirectoryPicker({ mode: "readwrite", id: "PDFPointer-PDFExportFolder" }) : undefined; | ||
| } catch (ex) { | ||
| console.warn({ | ||
| type: "RejectedPicker", | ||
| desc: "The user rejected the selection of a folder. Fallback to link downloads.", | ||
| gravity: 0, | ||
| ex: ex | ||
| }) | ||
| } | ||
| ImageExport({ imgType: exportValue.img, pages: exportValue.pages, getAnnotations: exportValue.annotations, pdfObj: pdfObj, scale: exportValue.scale, useZip: exportValue.zip, quality: exportValue.quality, handle: handle, filter: exportValue.filter }) | ||
| }}>{Lang("Export images")}</button> | ||
| </div> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.