update
This commit is contained in:
@@ -0,0 +1 @@
|
||||
module.exports={C:{"107":0.01751,"115":0.08318,"128":0.0394,"133":0.00438,"134":0.01313,"135":0.16199,"136":0.73988,_:"2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 108 109 110 111 112 113 114 116 117 118 119 120 121 122 123 124 125 126 127 129 130 131 132 137 138 139 140 3.5 3.6"},D:{"79":0.09194,"94":0.00876,"103":0.03502,"109":0.17074,"116":0.06567,"118":0.01313,"120":0.02189,"122":0.04816,"123":0.00876,"125":0.26706,"127":0.00438,"128":0.00876,"130":0.13134,"131":0.21014,"132":0.10069,"133":10.75237,"134":23.61931,_:"4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 80 81 83 84 85 86 87 88 89 90 91 92 93 95 96 97 98 99 100 101 102 104 105 106 107 108 110 111 112 113 114 115 117 119 121 124 126 129 135 136 137 138"},F:{"116":0.01751,"117":0.04816,_:"9 11 12 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 60 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 9.5-9.6 10.0-10.1 10.5 10.6 11.1 11.5 11.6 12.1"},B:{"92":0.00438,"109":0.04378,"113":0.02189,"131":0.00438,"132":0.02189,"133":0.99381,"134":2.76252,_:"12 13 14 15 16 17 18 79 80 81 83 84 85 86 87 88 89 90 91 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 110 111 112 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130"},E:{_:"0 4 5 6 7 8 9 10 11 12 13 14 15 3.1 3.2 5.1 6.1 7.1 9.1 10.1 11.1 12.1 15.4 16.4 17.0 17.2 18.0","13.1":0.06567,"14.1":0.00438,"15.1":0.13134,"15.2-15.3":0.02627,"15.5":0.01313,"15.6":0.05254,"16.0":0.01751,"16.1":0.02189,"16.2":0.06129,"16.3":0.03065,"16.5":0.00876,"16.6":0.23641,"17.1":0.1401,"17.3":0.02627,"17.4":0.06129,"17.5":0.06129,"17.6":0.2583,"18.1":0.08318,"18.2":0.08318,"18.3":0.91938,"18.4":0.00876},G:{"8":0,"3.2":0,"4.0-4.1":0,"4.2-4.3":0.00461,"5.0-5.1":0,"6.0-6.1":0.01382,"7.0-7.1":0.00921,"8.1-8.4":0,"9.0-9.2":0.00691,"9.3":0.03225,"10.0-10.2":0.0023,"10.3":0.05298,"11.0-11.2":0.24415,"11.3-11.4":0.01612,"12.0-12.1":0.00921,"12.2-12.5":0.22803,"13.0-13.1":0.00461,"13.2":0.00691,"13.3":0.00921,"13.4-13.7":0.03225,"14.0-14.4":0.08062,"14.5-14.8":0.09674,"15.0-15.1":0.05298,"15.2-15.3":0.05298,"15.4":0.06449,"15.5":0.07371,"15.6-15.8":0.90751,"16.0":0.12899,"16.1":0.26488,"16.2":0.1382,"16.3":0.23955,"16.4":0.05298,"16.5":0.09904,"16.6-16.7":1.07566,"17.0":0.06449,"17.1":0.11517,"17.2":0.08753,"17.3":0.12208,"17.4":0.24415,"17.5":0.54359,"17.6-17.7":1.57778,"18.0":0.44224,"18.1":1.44649,"18.2":0.64724,"18.3":13.52748,"18.4":0.20039},P:{"21":0.05091,"22":0.08146,"23":0.09164,"24":0.14255,"25":0.18328,"26":0.19346,"27":4.33761,_:"4 20 5.0-5.4 6.2-6.4 8.2 9.2 10.1 11.1-11.2 12.0 13.0 15.0 17.0 18.0","7.2-7.4":0.01018,"14.0":0.01018,"16.0":0.01018,"19.0":0.01018},I:{"0":0.00561,"3":0,"4":0,"2.1":0,"2.2":0,"2.3":0,"4.1":0,"4.2-4.3":0,"4.4":0,"4.4.3-4.4.4":0.00001},K:{"0":0.01687,_:"10 11 12 11.1 11.5 12.1"},A:{"11":0.02189,_:"6 7 8 9 10 5.5"},S:{_:"2.5 3.0-3.1"},J:{_:"7 10"},N:{_:"10 11"},R:{_:"0"},M:{"0":0.38792},Q:{_:"14.9"},O:{"0":0.02811},H:{"0":0},L:{"0":28.23455}};
|
||||
@@ -0,0 +1,36 @@
|
||||
#include "PdfBackend.h"
|
||||
|
||||
#include <cairo-pdf.h>
|
||||
#include "../InstanceData.h"
|
||||
#include "../Canvas.h"
|
||||
#include "../closure.h"
|
||||
|
||||
PdfBackend::PdfBackend(Napi::CallbackInfo& info) : Napi::ObjectWrap<PdfBackend>(info), Backend("pdf", info) {
|
||||
PdfBackend::createSurface();
|
||||
}
|
||||
|
||||
PdfBackend::~PdfBackend() {
|
||||
cairo_surface_finish(surface);
|
||||
if (_closure) delete _closure;
|
||||
destroySurface();
|
||||
}
|
||||
|
||||
cairo_surface_t* PdfBackend::createSurface() {
|
||||
if (!_closure) _closure = new PdfSvgClosure(canvas);
|
||||
surface = cairo_pdf_surface_create_for_stream(PdfSvgClosure::writeVec, _closure, width, height);
|
||||
return surface;
|
||||
}
|
||||
|
||||
cairo_surface_t* PdfBackend::recreateSurface() {
|
||||
cairo_pdf_surface_set_size(surface, width, height);
|
||||
|
||||
return surface;
|
||||
}
|
||||
|
||||
void
|
||||
PdfBackend::Initialize(Napi::Object target) {
|
||||
Napi::Env env = target.Env();
|
||||
InstanceData* data = env.GetInstanceData<InstanceData>();
|
||||
Napi::Function ctor = DefineClass(env, "PdfBackend", {});
|
||||
data->PdfBackendCtor = Napi::Persistent(ctor);
|
||||
}
|
||||
@@ -0,0 +1,573 @@
|
||||
/*
|
||||
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||
Author Ivan Kopeykin @vankop
|
||||
*/
|
||||
|
||||
"use strict";
|
||||
|
||||
/** @typedef {string|(string|ConditionalMapping)[]} DirectMapping */
|
||||
/** @typedef {{[k: string]: MappingValue}} ConditionalMapping */
|
||||
/** @typedef {ConditionalMapping|DirectMapping|null} MappingValue */
|
||||
/** @typedef {Record<string, MappingValue>|ConditionalMapping|DirectMapping} ExportsField */
|
||||
/** @typedef {Record<string, MappingValue>} ImportsField */
|
||||
|
||||
/**
|
||||
* Processing exports/imports field
|
||||
* @callback FieldProcessor
|
||||
* @param {string} request request
|
||||
* @param {Set<string>} conditionNames condition names
|
||||
* @returns {[string[], string | null]} resolved paths with used field
|
||||
*/
|
||||
|
||||
/*
|
||||
Example exports field:
|
||||
{
|
||||
".": "./main.js",
|
||||
"./feature": {
|
||||
"browser": "./feature-browser.js",
|
||||
"default": "./feature.js"
|
||||
}
|
||||
}
|
||||
Terminology:
|
||||
|
||||
Enhanced-resolve name keys ("." and "./feature") as exports field keys.
|
||||
|
||||
If value is string or string[], mapping is called as a direct mapping
|
||||
and value called as a direct export.
|
||||
|
||||
If value is key-value object, mapping is called as a conditional mapping
|
||||
and value called as a conditional export.
|
||||
|
||||
Key in conditional mapping is called condition name.
|
||||
|
||||
Conditional mapping nested in another conditional mapping is called nested mapping.
|
||||
|
||||
----------
|
||||
|
||||
Example imports field:
|
||||
{
|
||||
"#a": "./main.js",
|
||||
"#moment": {
|
||||
"browser": "./moment/index.js",
|
||||
"default": "moment"
|
||||
},
|
||||
"#moment/": {
|
||||
"browser": "./moment/",
|
||||
"default": "moment/"
|
||||
}
|
||||
}
|
||||
Terminology:
|
||||
|
||||
Enhanced-resolve name keys ("#a" and "#moment/", "#moment") as imports field keys.
|
||||
|
||||
If value is string or string[], mapping is called as a direct mapping
|
||||
and value called as a direct export.
|
||||
|
||||
If value is key-value object, mapping is called as a conditional mapping
|
||||
and value called as a conditional export.
|
||||
|
||||
Key in conditional mapping is called condition name.
|
||||
|
||||
Conditional mapping nested in another conditional mapping is called nested mapping.
|
||||
|
||||
*/
|
||||
|
||||
const { parseIdentifier } = require("./identifier");
|
||||
const slashCode = "/".charCodeAt(0);
|
||||
const dotCode = ".".charCodeAt(0);
|
||||
const hashCode = "#".charCodeAt(0);
|
||||
const patternRegEx = /\*/g;
|
||||
|
||||
/**
|
||||
* @param {ExportsField} exportsField the exports field
|
||||
* @returns {FieldProcessor} process callback
|
||||
*/
|
||||
module.exports.processExportsField = function processExportsField(
|
||||
exportsField
|
||||
) {
|
||||
return createFieldProcessor(
|
||||
buildExportsField(exportsField),
|
||||
request => (request.length === 0 ? "." : "./" + request),
|
||||
assertExportsFieldRequest,
|
||||
assertExportTarget
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {ImportsField} importsField the exports field
|
||||
* @returns {FieldProcessor} process callback
|
||||
*/
|
||||
module.exports.processImportsField = function processImportsField(
|
||||
importsField
|
||||
) {
|
||||
return createFieldProcessor(
|
||||
importsField,
|
||||
request => "#" + request,
|
||||
assertImportsFieldRequest,
|
||||
assertImportTarget
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {ExportsField | ImportsField} field root
|
||||
* @param {(s: string) => string} normalizeRequest Normalize request, for `imports` field it adds `#`, for `exports` field it adds `.` or `./`
|
||||
* @param {(s: string) => string} assertRequest assertRequest
|
||||
* @param {(s: string, f: boolean) => void} assertTarget assertTarget
|
||||
* @returns {FieldProcessor} field processor
|
||||
*/
|
||||
function createFieldProcessor(
|
||||
field,
|
||||
normalizeRequest,
|
||||
assertRequest,
|
||||
assertTarget
|
||||
) {
|
||||
return function fieldProcessor(request, conditionNames) {
|
||||
request = assertRequest(request);
|
||||
|
||||
const match = findMatch(normalizeRequest(request), field);
|
||||
|
||||
if (match === null) return [[], null];
|
||||
|
||||
const [mapping, remainingRequest, isSubpathMapping, isPattern, usedField] =
|
||||
match;
|
||||
|
||||
/** @type {DirectMapping|null} */
|
||||
let direct = null;
|
||||
|
||||
if (isConditionalMapping(mapping)) {
|
||||
direct = conditionalMapping(
|
||||
/** @type {ConditionalMapping} */ (mapping),
|
||||
conditionNames
|
||||
);
|
||||
|
||||
// matching not found
|
||||
if (direct === null) return [[], null];
|
||||
} else {
|
||||
direct = /** @type {DirectMapping} */ (mapping);
|
||||
}
|
||||
|
||||
return [
|
||||
directMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
direct,
|
||||
conditionNames,
|
||||
assertTarget
|
||||
),
|
||||
usedField
|
||||
];
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} request request
|
||||
* @returns {string} updated request
|
||||
*/
|
||||
function assertExportsFieldRequest(request) {
|
||||
if (request.charCodeAt(0) !== dotCode) {
|
||||
throw new Error('Request should be relative path and start with "."');
|
||||
}
|
||||
if (request.length === 1) return "";
|
||||
if (request.charCodeAt(1) !== slashCode) {
|
||||
throw new Error('Request should be relative path and start with "./"');
|
||||
}
|
||||
if (request.charCodeAt(request.length - 1) === slashCode) {
|
||||
throw new Error("Only requesting file allowed");
|
||||
}
|
||||
|
||||
return request.slice(2);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} request request
|
||||
* @returns {string} updated request
|
||||
*/
|
||||
function assertImportsFieldRequest(request) {
|
||||
if (request.charCodeAt(0) !== hashCode) {
|
||||
throw new Error('Request should start with "#"');
|
||||
}
|
||||
if (request.length === 1) {
|
||||
throw new Error("Request should have at least 2 characters");
|
||||
}
|
||||
if (request.charCodeAt(1) === slashCode) {
|
||||
throw new Error('Request should not start with "#/"');
|
||||
}
|
||||
if (request.charCodeAt(request.length - 1) === slashCode) {
|
||||
throw new Error("Only requesting file allowed");
|
||||
}
|
||||
|
||||
return request.slice(1);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} exp export target
|
||||
* @param {boolean} expectFolder is folder expected
|
||||
*/
|
||||
function assertExportTarget(exp, expectFolder) {
|
||||
const parsedIdentifier = parseIdentifier(exp);
|
||||
|
||||
if (!parsedIdentifier) {
|
||||
return;
|
||||
}
|
||||
|
||||
const [relativePath] = parsedIdentifier;
|
||||
const isFolder =
|
||||
relativePath.charCodeAt(relativePath.length - 1) === slashCode;
|
||||
|
||||
if (isFolder !== expectFolder) {
|
||||
throw new Error(
|
||||
expectFolder
|
||||
? `Expecting folder to folder mapping. ${JSON.stringify(
|
||||
exp
|
||||
)} should end with "/"`
|
||||
: `Expecting file to file mapping. ${JSON.stringify(
|
||||
exp
|
||||
)} should not end with "/"`
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} imp import target
|
||||
* @param {boolean} expectFolder is folder expected
|
||||
*/
|
||||
function assertImportTarget(imp, expectFolder) {
|
||||
const parsedIdentifier = parseIdentifier(imp);
|
||||
|
||||
if (!parsedIdentifier) {
|
||||
return;
|
||||
}
|
||||
|
||||
const [relativePath] = parsedIdentifier;
|
||||
const isFolder =
|
||||
relativePath.charCodeAt(relativePath.length - 1) === slashCode;
|
||||
|
||||
if (isFolder !== expectFolder) {
|
||||
throw new Error(
|
||||
expectFolder
|
||||
? `Expecting folder to folder mapping. ${JSON.stringify(
|
||||
imp
|
||||
)} should end with "/"`
|
||||
: `Expecting file to file mapping. ${JSON.stringify(
|
||||
imp
|
||||
)} should not end with "/"`
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} a first string
|
||||
* @param {string} b second string
|
||||
* @returns {number} compare result
|
||||
*/
|
||||
function patternKeyCompare(a, b) {
|
||||
const aPatternIndex = a.indexOf("*");
|
||||
const bPatternIndex = b.indexOf("*");
|
||||
const baseLenA = aPatternIndex === -1 ? a.length : aPatternIndex + 1;
|
||||
const baseLenB = bPatternIndex === -1 ? b.length : bPatternIndex + 1;
|
||||
|
||||
if (baseLenA > baseLenB) return -1;
|
||||
if (baseLenB > baseLenA) return 1;
|
||||
if (aPatternIndex === -1) return 1;
|
||||
if (bPatternIndex === -1) return -1;
|
||||
if (a.length > b.length) return -1;
|
||||
if (b.length > a.length) return 1;
|
||||
|
||||
return 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Trying to match request to field
|
||||
* @param {string} request request
|
||||
* @param {ExportsField | ImportsField} field exports or import field
|
||||
* @returns {[MappingValue, string, boolean, boolean, string]|null} match or null, number is negative and one less when it's a folder mapping, number is request.length + 1 for direct mappings
|
||||
*/
|
||||
function findMatch(request, field) {
|
||||
if (
|
||||
Object.prototype.hasOwnProperty.call(field, request) &&
|
||||
!request.includes("*") &&
|
||||
!request.endsWith("/")
|
||||
) {
|
||||
const target = /** @type {{[k: string]: MappingValue}} */ (field)[request];
|
||||
|
||||
return [target, "", false, false, request];
|
||||
}
|
||||
|
||||
/** @type {string} */
|
||||
let bestMatch = "";
|
||||
/** @type {string|undefined} */
|
||||
let bestMatchSubpath;
|
||||
|
||||
const keys = Object.getOwnPropertyNames(field);
|
||||
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const key = keys[i];
|
||||
const patternIndex = key.indexOf("*");
|
||||
|
||||
if (patternIndex !== -1 && request.startsWith(key.slice(0, patternIndex))) {
|
||||
const patternTrailer = key.slice(patternIndex + 1);
|
||||
|
||||
if (
|
||||
request.length >= key.length &&
|
||||
request.endsWith(patternTrailer) &&
|
||||
patternKeyCompare(bestMatch, key) === 1 &&
|
||||
key.lastIndexOf("*") === patternIndex
|
||||
) {
|
||||
bestMatch = key;
|
||||
bestMatchSubpath = request.slice(
|
||||
patternIndex,
|
||||
request.length - patternTrailer.length
|
||||
);
|
||||
}
|
||||
}
|
||||
// For legacy `./foo/`
|
||||
else if (
|
||||
key[key.length - 1] === "/" &&
|
||||
request.startsWith(key) &&
|
||||
patternKeyCompare(bestMatch, key) === 1
|
||||
) {
|
||||
bestMatch = key;
|
||||
bestMatchSubpath = request.slice(key.length);
|
||||
}
|
||||
}
|
||||
|
||||
if (bestMatch === "") return null;
|
||||
|
||||
const target = /** @type {{[k: string]: MappingValue}} */ (field)[bestMatch];
|
||||
const isSubpathMapping = bestMatch.endsWith("/");
|
||||
const isPattern = bestMatch.includes("*");
|
||||
|
||||
return [
|
||||
target,
|
||||
/** @type {string} */ (bestMatchSubpath),
|
||||
isSubpathMapping,
|
||||
isPattern,
|
||||
bestMatch
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {ConditionalMapping|DirectMapping|null} mapping mapping
|
||||
* @returns {boolean} is conditional mapping
|
||||
*/
|
||||
function isConditionalMapping(mapping) {
|
||||
return (
|
||||
mapping !== null && typeof mapping === "object" && !Array.isArray(mapping)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string|undefined} remainingRequest remaining request when folder mapping, undefined for file mappings
|
||||
* @param {boolean} isPattern true, if mapping is a pattern (contains "*")
|
||||
* @param {boolean} isSubpathMapping true, for subpath mappings
|
||||
* @param {DirectMapping|null} mappingTarget direct export
|
||||
* @param {Set<string>} conditionNames condition names
|
||||
* @param {(d: string, f: boolean) => void} assert asserting direct value
|
||||
* @returns {string[]} mapping result
|
||||
*/
|
||||
function directMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
mappingTarget,
|
||||
conditionNames,
|
||||
assert
|
||||
) {
|
||||
if (mappingTarget === null) return [];
|
||||
|
||||
if (typeof mappingTarget === "string") {
|
||||
return [
|
||||
targetMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
mappingTarget,
|
||||
assert
|
||||
)
|
||||
];
|
||||
}
|
||||
|
||||
/** @type {string[]} */
|
||||
const targets = [];
|
||||
|
||||
for (const exp of mappingTarget) {
|
||||
if (typeof exp === "string") {
|
||||
targets.push(
|
||||
targetMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
exp,
|
||||
assert
|
||||
)
|
||||
);
|
||||
continue;
|
||||
}
|
||||
|
||||
const mapping = conditionalMapping(exp, conditionNames);
|
||||
if (!mapping) continue;
|
||||
const innerExports = directMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
mapping,
|
||||
conditionNames,
|
||||
assert
|
||||
);
|
||||
for (const innerExport of innerExports) {
|
||||
targets.push(innerExport);
|
||||
}
|
||||
}
|
||||
|
||||
return targets;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string|undefined} remainingRequest remaining request when folder mapping, undefined for file mappings
|
||||
* @param {boolean} isPattern true, if mapping is a pattern (contains "*")
|
||||
* @param {boolean} isSubpathMapping true, for subpath mappings
|
||||
* @param {string} mappingTarget direct export
|
||||
* @param {(d: string, f: boolean) => void} assert asserting direct value
|
||||
* @returns {string} mapping result
|
||||
*/
|
||||
function targetMapping(
|
||||
remainingRequest,
|
||||
isPattern,
|
||||
isSubpathMapping,
|
||||
mappingTarget,
|
||||
assert
|
||||
) {
|
||||
if (remainingRequest === undefined) {
|
||||
assert(mappingTarget, false);
|
||||
|
||||
return mappingTarget;
|
||||
}
|
||||
|
||||
if (isSubpathMapping) {
|
||||
assert(mappingTarget, true);
|
||||
|
||||
return mappingTarget + remainingRequest;
|
||||
}
|
||||
|
||||
assert(mappingTarget, false);
|
||||
|
||||
let result = mappingTarget;
|
||||
|
||||
if (isPattern) {
|
||||
result = result.replace(
|
||||
patternRegEx,
|
||||
remainingRequest.replace(/\$/g, "$$")
|
||||
);
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {ConditionalMapping} conditionalMapping_ conditional mapping
|
||||
* @param {Set<string>} conditionNames condition names
|
||||
* @returns {DirectMapping|null} direct mapping if found
|
||||
*/
|
||||
function conditionalMapping(conditionalMapping_, conditionNames) {
|
||||
/** @type {[ConditionalMapping, string[], number][]} */
|
||||
let lookup = [[conditionalMapping_, Object.keys(conditionalMapping_), 0]];
|
||||
|
||||
loop: while (lookup.length > 0) {
|
||||
const [mapping, conditions, j] = lookup[lookup.length - 1];
|
||||
|
||||
for (let i = j; i < conditions.length; i++) {
|
||||
const condition = conditions[i];
|
||||
|
||||
if (condition === "default") {
|
||||
const innerMapping = mapping[condition];
|
||||
// is nested
|
||||
if (isConditionalMapping(innerMapping)) {
|
||||
const conditionalMapping = /** @type {ConditionalMapping} */ (
|
||||
innerMapping
|
||||
);
|
||||
lookup[lookup.length - 1][2] = i + 1;
|
||||
lookup.push([conditionalMapping, Object.keys(conditionalMapping), 0]);
|
||||
continue loop;
|
||||
}
|
||||
|
||||
return /** @type {DirectMapping} */ (innerMapping);
|
||||
}
|
||||
|
||||
if (conditionNames.has(condition)) {
|
||||
const innerMapping = mapping[condition];
|
||||
// is nested
|
||||
if (isConditionalMapping(innerMapping)) {
|
||||
const conditionalMapping = /** @type {ConditionalMapping} */ (
|
||||
innerMapping
|
||||
);
|
||||
lookup[lookup.length - 1][2] = i + 1;
|
||||
lookup.push([conditionalMapping, Object.keys(conditionalMapping), 0]);
|
||||
continue loop;
|
||||
}
|
||||
|
||||
return /** @type {DirectMapping} */ (innerMapping);
|
||||
}
|
||||
}
|
||||
|
||||
lookup.pop();
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {ExportsField} field exports field
|
||||
* @returns {ExportsField} normalized exports field
|
||||
*/
|
||||
function buildExportsField(field) {
|
||||
// handle syntax sugar, if exports field is direct mapping for "."
|
||||
if (typeof field === "string" || Array.isArray(field)) {
|
||||
return { ".": field };
|
||||
}
|
||||
|
||||
const keys = Object.keys(field);
|
||||
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const key = keys[i];
|
||||
|
||||
if (key.charCodeAt(0) !== dotCode) {
|
||||
// handle syntax sugar, if exports field is conditional mapping for "."
|
||||
if (i === 0) {
|
||||
while (i < keys.length) {
|
||||
const charCode = keys[i].charCodeAt(0);
|
||||
if (charCode === dotCode || charCode === slashCode) {
|
||||
throw new Error(
|
||||
`Exports field key should be relative path and start with "." (key: ${JSON.stringify(
|
||||
key
|
||||
)})`
|
||||
);
|
||||
}
|
||||
i++;
|
||||
}
|
||||
|
||||
return { ".": field };
|
||||
}
|
||||
|
||||
throw new Error(
|
||||
`Exports field key should be relative path and start with "." (key: ${JSON.stringify(
|
||||
key
|
||||
)})`
|
||||
);
|
||||
}
|
||||
|
||||
if (key.length === 1) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (key.charCodeAt(1) !== slashCode) {
|
||||
throw new Error(
|
||||
`Exports field key should be relative path and start with "./" (key: ${JSON.stringify(
|
||||
key
|
||||
)})`
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return field;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
This software is released under the MIT license:
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
@@ -0,0 +1,4 @@
|
||||
// Determine if version is greater than all the versions possible in the range.
|
||||
const outside = require('./outside')
|
||||
const gtr = (version, range, options) => outside(version, range, '>', options)
|
||||
module.exports = gtr
|
||||
@@ -0,0 +1,22 @@
|
||||
"use strict";
|
||||
|
||||
module.exports = function (it) {
|
||||
const { pluginId, plugins } = it;
|
||||
|
||||
let result = `ESLint couldn't determine the plugin "${pluginId}" uniquely.
|
||||
`;
|
||||
|
||||
for (const { filePath, importerName } of plugins) {
|
||||
result += `
|
||||
- ${filePath} (loaded in "${importerName}")`;
|
||||
}
|
||||
|
||||
result += `
|
||||
|
||||
Please remove the "plugins" setting from either config or remove either plugin installation.
|
||||
|
||||
If you still can't figure out the problem, please see https://eslint.org/docs/latest/use/troubleshooting.
|
||||
`;
|
||||
|
||||
return result;
|
||||
};
|
||||
@@ -0,0 +1,162 @@
|
||||
/**
|
||||
* Helpers.
|
||||
*/
|
||||
|
||||
var s = 1000;
|
||||
var m = s * 60;
|
||||
var h = m * 60;
|
||||
var d = h * 24;
|
||||
var w = d * 7;
|
||||
var y = d * 365.25;
|
||||
|
||||
/**
|
||||
* Parse or format the given `val`.
|
||||
*
|
||||
* Options:
|
||||
*
|
||||
* - `long` verbose formatting [false]
|
||||
*
|
||||
* @param {String|Number} val
|
||||
* @param {Object} [options]
|
||||
* @throws {Error} throw an error if val is not a non-empty string or a number
|
||||
* @return {String|Number}
|
||||
* @api public
|
||||
*/
|
||||
|
||||
module.exports = function (val, options) {
|
||||
options = options || {};
|
||||
var type = typeof val;
|
||||
if (type === 'string' && val.length > 0) {
|
||||
return parse(val);
|
||||
} else if (type === 'number' && isFinite(val)) {
|
||||
return options.long ? fmtLong(val) : fmtShort(val);
|
||||
}
|
||||
throw new Error(
|
||||
'val is not a non-empty string or a valid number. val=' +
|
||||
JSON.stringify(val)
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Parse the given `str` and return milliseconds.
|
||||
*
|
||||
* @param {String} str
|
||||
* @return {Number}
|
||||
* @api private
|
||||
*/
|
||||
|
||||
function parse(str) {
|
||||
str = String(str);
|
||||
if (str.length > 100) {
|
||||
return;
|
||||
}
|
||||
var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
|
||||
str
|
||||
);
|
||||
if (!match) {
|
||||
return;
|
||||
}
|
||||
var n = parseFloat(match[1]);
|
||||
var type = (match[2] || 'ms').toLowerCase();
|
||||
switch (type) {
|
||||
case 'years':
|
||||
case 'year':
|
||||
case 'yrs':
|
||||
case 'yr':
|
||||
case 'y':
|
||||
return n * y;
|
||||
case 'weeks':
|
||||
case 'week':
|
||||
case 'w':
|
||||
return n * w;
|
||||
case 'days':
|
||||
case 'day':
|
||||
case 'd':
|
||||
return n * d;
|
||||
case 'hours':
|
||||
case 'hour':
|
||||
case 'hrs':
|
||||
case 'hr':
|
||||
case 'h':
|
||||
return n * h;
|
||||
case 'minutes':
|
||||
case 'minute':
|
||||
case 'mins':
|
||||
case 'min':
|
||||
case 'm':
|
||||
return n * m;
|
||||
case 'seconds':
|
||||
case 'second':
|
||||
case 'secs':
|
||||
case 'sec':
|
||||
case 's':
|
||||
return n * s;
|
||||
case 'milliseconds':
|
||||
case 'millisecond':
|
||||
case 'msecs':
|
||||
case 'msec':
|
||||
case 'ms':
|
||||
return n;
|
||||
default:
|
||||
return undefined;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Short format for `ms`.
|
||||
*
|
||||
* @param {Number} ms
|
||||
* @return {String}
|
||||
* @api private
|
||||
*/
|
||||
|
||||
function fmtShort(ms) {
|
||||
var msAbs = Math.abs(ms);
|
||||
if (msAbs >= d) {
|
||||
return Math.round(ms / d) + 'd';
|
||||
}
|
||||
if (msAbs >= h) {
|
||||
return Math.round(ms / h) + 'h';
|
||||
}
|
||||
if (msAbs >= m) {
|
||||
return Math.round(ms / m) + 'm';
|
||||
}
|
||||
if (msAbs >= s) {
|
||||
return Math.round(ms / s) + 's';
|
||||
}
|
||||
return ms + 'ms';
|
||||
}
|
||||
|
||||
/**
|
||||
* Long format for `ms`.
|
||||
*
|
||||
* @param {Number} ms
|
||||
* @return {String}
|
||||
* @api private
|
||||
*/
|
||||
|
||||
function fmtLong(ms) {
|
||||
var msAbs = Math.abs(ms);
|
||||
if (msAbs >= d) {
|
||||
return plural(ms, msAbs, d, 'day');
|
||||
}
|
||||
if (msAbs >= h) {
|
||||
return plural(ms, msAbs, h, 'hour');
|
||||
}
|
||||
if (msAbs >= m) {
|
||||
return plural(ms, msAbs, m, 'minute');
|
||||
}
|
||||
if (msAbs >= s) {
|
||||
return plural(ms, msAbs, s, 'second');
|
||||
}
|
||||
return ms + ' ms';
|
||||
}
|
||||
|
||||
/**
|
||||
* Pluralization helper.
|
||||
*/
|
||||
|
||||
function plural(ms, msAbs, n, name) {
|
||||
var isPlural = msAbs >= n * 1.5;
|
||||
return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
import * as React from "react";
|
||||
const routerContext = React.createContext(null);
|
||||
function getRouterContext() {
|
||||
if (typeof document === "undefined") {
|
||||
return routerContext;
|
||||
}
|
||||
if (window.__TSR_ROUTER_CONTEXT__) {
|
||||
return window.__TSR_ROUTER_CONTEXT__;
|
||||
}
|
||||
window.__TSR_ROUTER_CONTEXT__ = routerContext;
|
||||
return routerContext;
|
||||
}
|
||||
export {
|
||||
getRouterContext
|
||||
};
|
||||
//# sourceMappingURL=routerContext.js.map
|
||||
@@ -0,0 +1 @@
|
||||
module.exports={A:{A:{"1":"F A B","2":"K D E mC"},B:{"1":"0 9 C L M G N O P Q H R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB I"},C:{"1":"0 1 2 3 4 5 6 7 8 9 J PB K D E F A B C L M G N O P QB RB SB TB UB VB WB XB YB ZB aB bB cB dB eB fB gB hB iB jB kB lB mB nB oB pB qB rB sB tB uB vB MC wB NC xB yB zB 0B 1B 2B 3B 4B 5B 6B 7B 8B 9B AC BC CC DC Q H R OC S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB I PC EC QC RC oC pC rC","2":"nC LC qC"},D:{"1":"0 1 2 3 4 5 6 7 8 9 PB K D E F A B C L M G N O P QB RB SB TB UB VB WB XB YB ZB aB bB cB dB eB fB gB hB iB jB kB lB mB nB oB pB qB rB sB tB uB vB MC wB NC xB yB zB 0B 1B 2B 3B 4B 5B 6B 7B 8B 9B AC BC CC DC Q H R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB I PC EC QC RC","2":"J"},E:{"1":"K D E F A B C L M G tC uC vC wC TC FC GC xC yC zC UC VC HC 0C IC WC XC YC ZC aC 1C JC bC cC dC eC fC 2C KC gC hC iC jC 3C","2":"J PB sC SC"},F:{"1":"0 1 2 3 4 5 6 7 8 C G N O P QB RB SB TB UB VB WB XB YB ZB aB bB cB dB eB fB gB hB iB jB kB lB mB nB oB pB qB rB sB tB uB vB wB xB yB zB 0B 1B 2B 3B 4B 5B 6B 7B 8B 9B AC BC CC DC Q H R OC S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z FC kC 8C GC","2":"F B 4C 5C 6C 7C"},G:{"1":"E AD BD CD DD ED FD GD HD ID JD KD LD MD ND OD PD QD RD SD UC VC HC TD IC WC XC YC ZC aC UD JC bC cC dC eC fC VD KC gC hC iC jC","2":"SC 9C lC"},H:{"2":"WD"},I:{"1":"I bD cD","2":"LC XD YD ZD aD lC","130":"J"},J:{"1":"D A"},K:{"1":"B C H FC kC GC","2":"A"},L:{"1":"I"},M:{"1":"EC"},N:{"1":"A B"},O:{"1":"HC"},P:{"1":"1 2 3 4 5 6 7 8 J dD eD fD gD hD TC iD jD kD lD mD IC JC KC nD"},Q:{"1":"oD"},R:{"1":"pD"},S:{"1":"qD rD"}},B:2,C:"WOFF - Web Open Font Format",D:true};
|
||||
@@ -0,0 +1,639 @@
|
||||
'use client';
|
||||
|
||||
import { useEffect, useMemo, useRef } from 'react';
|
||||
import makeCancellable from 'make-cancellable-promise';
|
||||
import makeEventProps from 'make-event-props';
|
||||
import clsx from 'clsx';
|
||||
import mergeRefs from 'merge-refs';
|
||||
import invariant from 'tiny-invariant';
|
||||
import warning from 'warning';
|
||||
|
||||
import PageContext from './PageContext.js';
|
||||
|
||||
import Message from './Message.js';
|
||||
import Canvas from './Page/Canvas.js';
|
||||
import TextLayer from './Page/TextLayer.js';
|
||||
import AnnotationLayer from './Page/AnnotationLayer.js';
|
||||
|
||||
import { cancelRunningTask, isProvided, makePageCallback } from './shared/utils.js';
|
||||
|
||||
import useDocumentContext from './shared/hooks/useDocumentContext.js';
|
||||
import useResolver from './shared/hooks/useResolver.js';
|
||||
|
||||
import type { PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
|
||||
import type { EventProps } from 'make-event-props';
|
||||
import type {
|
||||
ClassName,
|
||||
CustomRenderer,
|
||||
CustomTextRenderer,
|
||||
NodeOrRenderer,
|
||||
OnGetAnnotationsError,
|
||||
OnGetAnnotationsSuccess,
|
||||
OnGetStructTreeError,
|
||||
OnGetStructTreeSuccess,
|
||||
OnGetTextError,
|
||||
OnGetTextSuccess,
|
||||
OnPageLoadError,
|
||||
OnPageLoadSuccess,
|
||||
OnRenderAnnotationLayerError,
|
||||
OnRenderAnnotationLayerSuccess,
|
||||
OnRenderError,
|
||||
OnRenderSuccess,
|
||||
OnRenderTextLayerError,
|
||||
OnRenderTextLayerSuccess,
|
||||
PageCallback,
|
||||
RenderMode,
|
||||
} from './shared/types.js';
|
||||
|
||||
const defaultScale = 1;
|
||||
|
||||
export type PageProps = {
|
||||
_className?: string;
|
||||
_enableRegisterUnregisterPage?: boolean;
|
||||
/**
|
||||
* Canvas background color. Any valid `canvas.fillStyle` can be used.
|
||||
*
|
||||
* @example 'transparent'
|
||||
*/
|
||||
canvasBackground?: string;
|
||||
/**
|
||||
* A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to `<canvas>` rendered by `<PageCanvas>` component.
|
||||
*
|
||||
* @example (ref) => { this.myCanvas = ref; }
|
||||
* @example this.ref
|
||||
* @example ref
|
||||
*/
|
||||
canvasRef?: React.Ref<HTMLCanvasElement>;
|
||||
children?: React.ReactNode;
|
||||
/**
|
||||
* Class name(s) that will be added to rendered element along with the default `react-pdf__Page`.
|
||||
*
|
||||
* @example 'custom-class-name-1 custom-class-name-2'
|
||||
* @example ['custom-class-name-1', 'custom-class-name-2']
|
||||
*/
|
||||
className?: ClassName;
|
||||
/**
|
||||
* Function that customizes how a page is rendered. You must set `renderMode` to `"custom"` to use this prop.
|
||||
*
|
||||
* @example MyCustomRenderer
|
||||
*/
|
||||
customRenderer?: CustomRenderer;
|
||||
/**
|
||||
* Function that customizes how a text layer is rendered.
|
||||
*
|
||||
* @example ({ str, itemIndex }) => str.replace(/ipsum/g, value => `<mark>${value}</mark>`)
|
||||
*/
|
||||
customTextRenderer?: CustomTextRenderer;
|
||||
/**
|
||||
* The ratio between physical pixels and device-independent pixels (DIPs) on the current device.
|
||||
*
|
||||
* @default window.devicePixelRatio
|
||||
* @example 1
|
||||
*/
|
||||
devicePixelRatio?: number;
|
||||
/**
|
||||
* What the component should display in case of an error.
|
||||
*
|
||||
* @default 'Failed to load the page.'
|
||||
* @example 'An error occurred!'
|
||||
* @example <p>An error occurred!</p>
|
||||
* @example this.renderError
|
||||
*/
|
||||
error?: NodeOrRenderer;
|
||||
/**
|
||||
* Page height. If neither `height` nor `width` are defined, page will be rendered at the size defined in PDF. If you define `width` and `height` at the same time, `height` will be ignored. If you define `height` and `scale` at the same time, the height will be multiplied by a given factor.
|
||||
*
|
||||
* @example 300
|
||||
*/
|
||||
height?: number;
|
||||
/**
|
||||
* The path used to prefix the src attributes of annotation SVGs.
|
||||
*
|
||||
* @default ''
|
||||
* @example '/public/images/'
|
||||
*/
|
||||
imageResourcesPath?: string;
|
||||
/**
|
||||
* A prop that behaves like [ref](https://reactjs.org/docs/refs-and-the-dom.html), but it's passed to main `<div>` rendered by `<Page>` component.
|
||||
*
|
||||
* @example (ref) => { this.myPage = ref; }
|
||||
* @example this.ref
|
||||
* @example ref
|
||||
*/
|
||||
inputRef?: React.Ref<HTMLDivElement | null>;
|
||||
/**
|
||||
* What the component should display while loading.
|
||||
*
|
||||
* @default 'Loading page…'
|
||||
* @example 'Please wait!'
|
||||
* @example <p>Please wait!</p>
|
||||
* @example this.renderLoader
|
||||
*/
|
||||
loading?: NodeOrRenderer;
|
||||
/**
|
||||
* What the component should display in case of no data.
|
||||
*
|
||||
* @default 'No page specified.'
|
||||
* @example 'Please select a page.'
|
||||
* @example <p>Please select a page.</p>
|
||||
* @example this.renderNoData
|
||||
*/
|
||||
noData?: NodeOrRenderer;
|
||||
/**
|
||||
* Function called in case of an error while loading annotations.
|
||||
*
|
||||
* @example (error) => alert('Error while loading annotations! ' + error.message)
|
||||
*/
|
||||
onGetAnnotationsError?: OnGetAnnotationsError;
|
||||
/**
|
||||
* Function called when annotations are successfully loaded.
|
||||
*
|
||||
* @example (annotations) => alert('Now displaying ' + annotations.length + ' annotations!')
|
||||
*/
|
||||
onGetAnnotationsSuccess?: OnGetAnnotationsSuccess;
|
||||
/**
|
||||
* Function called in case of an error while loading structure tree.
|
||||
*
|
||||
* @example (error) => alert('Error while loading structure tree! ' + error.message)
|
||||
*/
|
||||
onGetStructTreeError?: OnGetStructTreeError;
|
||||
/**
|
||||
* Function called when structure tree is successfully loaded.
|
||||
*
|
||||
* @example (structTree) => alert(JSON.stringify(structTree))
|
||||
*/
|
||||
onGetStructTreeSuccess?: OnGetStructTreeSuccess;
|
||||
/**
|
||||
* Function called in case of an error while loading text layer items.
|
||||
*
|
||||
* @example (error) => alert('Error while loading text layer items! ' + error.message)
|
||||
*/
|
||||
onGetTextError?: OnGetTextError;
|
||||
/**
|
||||
* Function called when text layer items are successfully loaded.
|
||||
*
|
||||
* @example ({ items, styles }) => alert('Now displaying ' + items.length + ' text layer items!')
|
||||
*/
|
||||
onGetTextSuccess?: OnGetTextSuccess;
|
||||
/**
|
||||
* Function called in case of an error while loading the page.
|
||||
*
|
||||
* @example (error) => alert('Error while loading page! ' + error.message)
|
||||
*/
|
||||
onLoadError?: OnPageLoadError;
|
||||
/**
|
||||
* Function called when the page is successfully loaded.
|
||||
*
|
||||
* @example (page) => alert('Now displaying a page number ' + page.pageNumber + '!')
|
||||
*/
|
||||
onLoadSuccess?: OnPageLoadSuccess;
|
||||
/**
|
||||
* Function called in case of an error while rendering the annotation layer.
|
||||
*
|
||||
* @example (error) => alert('Error while rendering annotation layer! ' + error.message)
|
||||
*/
|
||||
onRenderAnnotationLayerError?: OnRenderAnnotationLayerError;
|
||||
/**
|
||||
* Function called when annotations are successfully rendered on the screen.
|
||||
*
|
||||
* @example () => alert('Rendered the annotation layer!')
|
||||
*/
|
||||
onRenderAnnotationLayerSuccess?: OnRenderAnnotationLayerSuccess;
|
||||
/**
|
||||
* Function called in case of an error while rendering the page.
|
||||
*
|
||||
* @example (error) => alert('Error while loading page! ' + error.message)
|
||||
*/
|
||||
onRenderError?: OnRenderError;
|
||||
/**
|
||||
* Function called when the page is successfully rendered on the screen.
|
||||
*
|
||||
* @example () => alert('Rendered the page!')
|
||||
*/
|
||||
onRenderSuccess?: OnRenderSuccess;
|
||||
/**
|
||||
* Function called in case of an error while rendering the text layer.
|
||||
*
|
||||
* @example (error) => alert('Error while rendering text layer! ' + error.message)
|
||||
*/
|
||||
onRenderTextLayerError?: OnRenderTextLayerError;
|
||||
/**
|
||||
* Function called when the text layer is successfully rendered on the screen.
|
||||
*
|
||||
* @example () => alert('Rendered the text layer!')
|
||||
*/
|
||||
onRenderTextLayerSuccess?: OnRenderTextLayerSuccess;
|
||||
/**
|
||||
* Which page from PDF file should be displayed, by page index. Ignored if `pageNumber` prop is provided.
|
||||
*
|
||||
* @default 0
|
||||
* @example 1
|
||||
*/
|
||||
pageIndex?: number;
|
||||
/**
|
||||
* Which page from PDF file should be displayed, by page number. If provided, `pageIndex` prop will be ignored.
|
||||
*
|
||||
* @default 1
|
||||
* @example 2
|
||||
*/
|
||||
pageNumber?: number;
|
||||
/**
|
||||
* pdf object obtained from `<Document />`'s `onLoadSuccess` callback function.
|
||||
*
|
||||
* @example pdf
|
||||
*/
|
||||
pdf?: PDFDocumentProxy | false;
|
||||
registerPage?: undefined;
|
||||
/**
|
||||
* Whether annotations (e.g. links) should be rendered.
|
||||
*
|
||||
* @default true
|
||||
* @example false
|
||||
*/
|
||||
renderAnnotationLayer?: boolean;
|
||||
/**
|
||||
* Whether forms should be rendered. `renderAnnotationLayer` prop must be set to `true`.
|
||||
*
|
||||
* @default false
|
||||
* @example true
|
||||
*/
|
||||
renderForms?: boolean;
|
||||
/**
|
||||
* Rendering mode of the document. Can be `"canvas"`, `"custom"` or `"none"`. If set to `"custom"`, `customRenderer` must also be provided.
|
||||
*
|
||||
* @default 'canvas'
|
||||
* @example 'custom'
|
||||
*/
|
||||
renderMode?: RenderMode;
|
||||
/**
|
||||
* Whether a text layer should be rendered.
|
||||
*
|
||||
* @default true
|
||||
* @example false
|
||||
*/
|
||||
renderTextLayer?: boolean;
|
||||
/**
|
||||
* Rotation of the page in degrees. `90` = rotated to the right, `180` = upside down, `270` = rotated to the left.
|
||||
*
|
||||
* @default 0
|
||||
* @example 90
|
||||
*/
|
||||
rotate?: number | null;
|
||||
/**
|
||||
* Page scale.
|
||||
*
|
||||
* @default 1
|
||||
* @example 0.5
|
||||
*/
|
||||
scale?: number;
|
||||
unregisterPage?: undefined;
|
||||
/**
|
||||
* Page width. If neither `height` nor `width` are defined, page will be rendered at the size defined in PDF. If you define `width` and `height` at the same time, `height` will be ignored. If you define `width` and `scale` at the same time, the width will be multiplied by a given factor.
|
||||
*
|
||||
* @example 300
|
||||
*/
|
||||
width?: number;
|
||||
} & EventProps<PageCallback | false | undefined>;
|
||||
|
||||
/**
|
||||
* Displays a page.
|
||||
*
|
||||
* Should be placed inside `<Document />`. Alternatively, it can have `pdf` prop passed, which can be obtained from `<Document />`'s `onLoadSuccess` callback function, however some advanced functions like linking between pages inside a document may not be working correctly.
|
||||
*/
|
||||
export default function Page(props: PageProps): React.ReactElement {
|
||||
const documentContext = useDocumentContext();
|
||||
|
||||
const mergedProps = { ...documentContext, ...props };
|
||||
const {
|
||||
_className = 'react-pdf__Page',
|
||||
_enableRegisterUnregisterPage = true,
|
||||
canvasBackground,
|
||||
canvasRef,
|
||||
children,
|
||||
className,
|
||||
customRenderer: CustomRenderer,
|
||||
customTextRenderer,
|
||||
devicePixelRatio,
|
||||
error = 'Failed to load the page.',
|
||||
height,
|
||||
inputRef,
|
||||
loading = 'Loading page…',
|
||||
noData = 'No page specified.',
|
||||
onGetAnnotationsError: onGetAnnotationsErrorProps,
|
||||
onGetAnnotationsSuccess: onGetAnnotationsSuccessProps,
|
||||
onGetStructTreeError: onGetStructTreeErrorProps,
|
||||
onGetStructTreeSuccess: onGetStructTreeSuccessProps,
|
||||
onGetTextError: onGetTextErrorProps,
|
||||
onGetTextSuccess: onGetTextSuccessProps,
|
||||
onLoadError: onLoadErrorProps,
|
||||
onLoadSuccess: onLoadSuccessProps,
|
||||
onRenderAnnotationLayerError: onRenderAnnotationLayerErrorProps,
|
||||
onRenderAnnotationLayerSuccess: onRenderAnnotationLayerSuccessProps,
|
||||
onRenderError: onRenderErrorProps,
|
||||
onRenderSuccess: onRenderSuccessProps,
|
||||
onRenderTextLayerError: onRenderTextLayerErrorProps,
|
||||
onRenderTextLayerSuccess: onRenderTextLayerSuccessProps,
|
||||
pageIndex: pageIndexProps,
|
||||
pageNumber: pageNumberProps,
|
||||
pdf,
|
||||
registerPage,
|
||||
renderAnnotationLayer: renderAnnotationLayerProps = true,
|
||||
renderForms = false,
|
||||
renderMode = 'canvas',
|
||||
renderTextLayer: renderTextLayerProps = true,
|
||||
rotate: rotateProps,
|
||||
scale: scaleProps = defaultScale,
|
||||
unregisterPage,
|
||||
width,
|
||||
...otherProps
|
||||
} = mergedProps;
|
||||
|
||||
const [pageState, pageDispatch] = useResolver<PDFPageProxy>();
|
||||
const { value: page, error: pageError } = pageState;
|
||||
const pageElement = useRef<HTMLDivElement>(null);
|
||||
|
||||
invariant(
|
||||
pdf,
|
||||
'Attempted to load a page, but no document was specified. Wrap <Page /> in a <Document /> or pass explicit `pdf` prop.',
|
||||
);
|
||||
|
||||
const pageIndex = isProvided(pageNumberProps) ? pageNumberProps - 1 : (pageIndexProps ?? null);
|
||||
|
||||
const pageNumber = pageNumberProps ?? (isProvided(pageIndexProps) ? pageIndexProps + 1 : null);
|
||||
|
||||
const rotate = rotateProps ?? (page ? page.rotate : null);
|
||||
|
||||
const scale = useMemo(() => {
|
||||
if (!page) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Be default, we'll render page at 100% * scale width.
|
||||
let pageScale = 1;
|
||||
|
||||
// Passing scale explicitly null would cause the page not to render
|
||||
const scaleWithDefault = scaleProps ?? defaultScale;
|
||||
|
||||
// If width/height is defined, calculate the scale of the page so it could be of desired width.
|
||||
if (width || height) {
|
||||
const viewport = page.getViewport({ scale: 1, rotation: rotate as number });
|
||||
if (width) {
|
||||
pageScale = width / viewport.width;
|
||||
} else if (height) {
|
||||
pageScale = height / viewport.height;
|
||||
}
|
||||
}
|
||||
|
||||
return scaleWithDefault * pageScale;
|
||||
}, [height, page, rotate, scaleProps, width]);
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: useEffect intentionally triggered on pdf change
|
||||
useEffect(
|
||||
function hook() {
|
||||
return () => {
|
||||
if (!isProvided(pageIndex)) {
|
||||
// Impossible, but TypeScript doesn't know that
|
||||
return;
|
||||
}
|
||||
|
||||
if (_enableRegisterUnregisterPage && unregisterPage) {
|
||||
unregisterPage(pageIndex);
|
||||
}
|
||||
};
|
||||
},
|
||||
[_enableRegisterUnregisterPage, pdf, pageIndex, unregisterPage],
|
||||
);
|
||||
|
||||
/**
|
||||
* Called when a page is loaded successfully
|
||||
*/
|
||||
function onLoadSuccess() {
|
||||
if (onLoadSuccessProps) {
|
||||
if (!page || !scale) {
|
||||
// Impossible, but TypeScript doesn't know that
|
||||
return;
|
||||
}
|
||||
|
||||
onLoadSuccessProps(makePageCallback(page, scale));
|
||||
}
|
||||
|
||||
if (_enableRegisterUnregisterPage && registerPage) {
|
||||
if (!isProvided(pageIndex) || !pageElement.current) {
|
||||
// Impossible, but TypeScript doesn't know that
|
||||
return;
|
||||
}
|
||||
|
||||
registerPage(pageIndex, pageElement.current);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Called when a page failed to load
|
||||
*/
|
||||
function onLoadError() {
|
||||
if (!pageError) {
|
||||
// Impossible, but TypeScript doesn't know that
|
||||
return;
|
||||
}
|
||||
|
||||
warning(false, pageError.toString());
|
||||
|
||||
if (onLoadErrorProps) {
|
||||
onLoadErrorProps(pageError);
|
||||
}
|
||||
}
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: useEffect intentionally triggered on pdf and pageIndex change
|
||||
useEffect(
|
||||
function resetPage() {
|
||||
pageDispatch({ type: 'RESET' });
|
||||
},
|
||||
[pageDispatch, pdf, pageIndex],
|
||||
);
|
||||
|
||||
useEffect(
|
||||
function loadPage() {
|
||||
if (!pdf || !pageNumber) {
|
||||
return;
|
||||
}
|
||||
|
||||
const cancellable = makeCancellable(pdf.getPage(pageNumber));
|
||||
const runningTask = cancellable;
|
||||
|
||||
cancellable.promise
|
||||
.then((nextPage) => {
|
||||
pageDispatch({ type: 'RESOLVE', value: nextPage });
|
||||
})
|
||||
.catch((error) => {
|
||||
pageDispatch({ type: 'REJECT', error });
|
||||
});
|
||||
|
||||
return () => cancelRunningTask(runningTask);
|
||||
},
|
||||
[pageDispatch, pdf, pageNumber],
|
||||
);
|
||||
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: Ommitted callbacks so they are not called every time they change
|
||||
useEffect(() => {
|
||||
if (page === undefined) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (page === false) {
|
||||
onLoadError();
|
||||
return;
|
||||
}
|
||||
|
||||
onLoadSuccess();
|
||||
}, [page, scale]);
|
||||
|
||||
const childContext = useMemo(
|
||||
() =>
|
||||
// Technically there cannot be page without pageIndex, pageNumber, rotate and scale, but TypeScript doesn't know that
|
||||
page && isProvided(pageIndex) && pageNumber && isProvided(rotate) && isProvided(scale)
|
||||
? {
|
||||
_className,
|
||||
canvasBackground,
|
||||
customTextRenderer,
|
||||
devicePixelRatio,
|
||||
onGetAnnotationsError: onGetAnnotationsErrorProps,
|
||||
onGetAnnotationsSuccess: onGetAnnotationsSuccessProps,
|
||||
onGetStructTreeError: onGetStructTreeErrorProps,
|
||||
onGetStructTreeSuccess: onGetStructTreeSuccessProps,
|
||||
onGetTextError: onGetTextErrorProps,
|
||||
onGetTextSuccess: onGetTextSuccessProps,
|
||||
onRenderAnnotationLayerError: onRenderAnnotationLayerErrorProps,
|
||||
onRenderAnnotationLayerSuccess: onRenderAnnotationLayerSuccessProps,
|
||||
onRenderError: onRenderErrorProps,
|
||||
onRenderSuccess: onRenderSuccessProps,
|
||||
onRenderTextLayerError: onRenderTextLayerErrorProps,
|
||||
onRenderTextLayerSuccess: onRenderTextLayerSuccessProps,
|
||||
page,
|
||||
pageIndex,
|
||||
pageNumber,
|
||||
renderForms,
|
||||
renderTextLayer: renderTextLayerProps,
|
||||
rotate,
|
||||
scale,
|
||||
}
|
||||
: null,
|
||||
[
|
||||
_className,
|
||||
canvasBackground,
|
||||
customTextRenderer,
|
||||
devicePixelRatio,
|
||||
onGetAnnotationsErrorProps,
|
||||
onGetAnnotationsSuccessProps,
|
||||
onGetStructTreeErrorProps,
|
||||
onGetStructTreeSuccessProps,
|
||||
onGetTextErrorProps,
|
||||
onGetTextSuccessProps,
|
||||
onRenderAnnotationLayerErrorProps,
|
||||
onRenderAnnotationLayerSuccessProps,
|
||||
onRenderErrorProps,
|
||||
onRenderSuccessProps,
|
||||
onRenderTextLayerErrorProps,
|
||||
onRenderTextLayerSuccessProps,
|
||||
page,
|
||||
pageIndex,
|
||||
pageNumber,
|
||||
renderForms,
|
||||
renderTextLayerProps,
|
||||
rotate,
|
||||
scale,
|
||||
],
|
||||
);
|
||||
|
||||
const eventProps = useMemo(
|
||||
() =>
|
||||
makeEventProps(otherProps, () =>
|
||||
page ? (scale ? makePageCallback(page, scale) : undefined) : page,
|
||||
),
|
||||
// biome-ignore lint/correctness/useExhaustiveDependencies: FIXME
|
||||
[otherProps, page, scale],
|
||||
);
|
||||
|
||||
const pageKey = `${pageIndex}@${scale}/${rotate}`;
|
||||
|
||||
function renderMainLayer() {
|
||||
switch (renderMode) {
|
||||
case 'custom': {
|
||||
invariant(
|
||||
CustomRenderer,
|
||||
`renderMode was set to "custom", but no customRenderer was passed.`,
|
||||
);
|
||||
|
||||
return <CustomRenderer key={`${pageKey}_custom`} />;
|
||||
}
|
||||
case 'none':
|
||||
return null;
|
||||
case 'canvas':
|
||||
default:
|
||||
return <Canvas key={`${pageKey}_canvas`} canvasRef={canvasRef} />;
|
||||
}
|
||||
}
|
||||
|
||||
function renderTextLayer() {
|
||||
if (!renderTextLayerProps) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return <TextLayer key={`${pageKey}_text`} />;
|
||||
}
|
||||
|
||||
function renderAnnotationLayer() {
|
||||
if (!renderAnnotationLayerProps) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return <AnnotationLayer key={`${pageKey}_annotations`} />;
|
||||
}
|
||||
|
||||
function renderChildren() {
|
||||
return (
|
||||
<PageContext.Provider value={childContext}>
|
||||
{renderMainLayer()}
|
||||
{renderTextLayer()}
|
||||
{renderAnnotationLayer()}
|
||||
{children}
|
||||
</PageContext.Provider>
|
||||
);
|
||||
}
|
||||
|
||||
function renderContent() {
|
||||
if (!pageNumber) {
|
||||
return <Message type="no-data">{typeof noData === 'function' ? noData() : noData}</Message>;
|
||||
}
|
||||
|
||||
if (pdf === null || page === undefined || page === null) {
|
||||
return (
|
||||
<Message type="loading">{typeof loading === 'function' ? loading() : loading}</Message>
|
||||
);
|
||||
}
|
||||
|
||||
if (pdf === false || page === false) {
|
||||
return <Message type="error">{typeof error === 'function' ? error() : error}</Message>;
|
||||
}
|
||||
|
||||
return renderChildren();
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className={clsx(_className, className)}
|
||||
data-page-number={pageNumber}
|
||||
// Assertion is needed for React 18 compatibility
|
||||
ref={mergeRefs(inputRef as React.Ref<HTMLDivElement>, pageElement)}
|
||||
style={{
|
||||
['--scale-factor' as string]: `${scale}`,
|
||||
backgroundColor: canvasBackground || 'white',
|
||||
position: 'relative',
|
||||
minWidth: 'min-content',
|
||||
minHeight: 'min-content',
|
||||
}}
|
||||
{...eventProps}
|
||||
>
|
||||
{renderContent()}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/*
|
||||
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||
Author Tobias Koppers @sokra
|
||||
*/
|
||||
|
||||
"use strict";
|
||||
|
||||
module.exports = {
|
||||
/**
|
||||
* @type {Record<string, string>}
|
||||
*/
|
||||
versions: {},
|
||||
/**
|
||||
* @param {function} fn function
|
||||
*/
|
||||
nextTick(fn) {
|
||||
const args = Array.prototype.slice.call(arguments, 1);
|
||||
Promise.resolve().then(function () {
|
||||
fn.apply(null, args);
|
||||
});
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,38 @@
|
||||
{
|
||||
"name": "escape-string-regexp",
|
||||
"version": "4.0.0",
|
||||
"description": "Escape RegExp special characters",
|
||||
"license": "MIT",
|
||||
"repository": "sindresorhus/escape-string-regexp",
|
||||
"funding": "https://github.com/sponsors/sindresorhus",
|
||||
"author": {
|
||||
"name": "Sindre Sorhus",
|
||||
"email": "sindresorhus@gmail.com",
|
||||
"url": "https://sindresorhus.com"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "xo && ava && tsd"
|
||||
},
|
||||
"files": [
|
||||
"index.js",
|
||||
"index.d.ts"
|
||||
],
|
||||
"keywords": [
|
||||
"escape",
|
||||
"regex",
|
||||
"regexp",
|
||||
"regular",
|
||||
"expression",
|
||||
"string",
|
||||
"special",
|
||||
"characters"
|
||||
],
|
||||
"devDependencies": {
|
||||
"ava": "^1.4.1",
|
||||
"tsd": "^0.11.0",
|
||||
"xo": "^0.28.3"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user