869 lines
31 KiB
JavaScript
869 lines
31 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __spreadValues = (a, b) => {
|
|
for (var prop in b || (b = {}))
|
|
if (__hasOwnProp.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
if (__getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(b)) {
|
|
if (__propIsEnum.call(b, prop))
|
|
__defNormalProp(a, prop, b[prop]);
|
|
}
|
|
return a;
|
|
};
|
|
var __objRest = (source, exclude) => {
|
|
var target = {};
|
|
for (var prop in source)
|
|
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
target[prop] = source[prop];
|
|
if (source != null && __getOwnPropSymbols)
|
|
for (var prop of __getOwnPropSymbols(source)) {
|
|
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
target[prop] = source[prop];
|
|
}
|
|
return target;
|
|
};
|
|
|
|
// src/index.tsx
|
|
import React, { useRef, useEffect, useState } from "react";
|
|
|
|
// src/third-party/qrcodegen/index.ts
|
|
/**
|
|
* @license QR Code generator library (TypeScript)
|
|
* Copyright (c) Project Nayuki.
|
|
* SPDX-License-Identifier: MIT
|
|
*/
|
|
var qrcodegen;
|
|
((qrcodegen2) => {
|
|
const _QrCode = class {
|
|
constructor(version, errorCorrectionLevel, dataCodewords, msk) {
|
|
this.version = version;
|
|
this.errorCorrectionLevel = errorCorrectionLevel;
|
|
this.modules = [];
|
|
this.isFunction = [];
|
|
if (version < _QrCode.MIN_VERSION || version > _QrCode.MAX_VERSION)
|
|
throw new RangeError("Version value out of range");
|
|
if (msk < -1 || msk > 7)
|
|
throw new RangeError("Mask value out of range");
|
|
this.size = version * 4 + 17;
|
|
let row = [];
|
|
for (let i = 0; i < this.size; i++)
|
|
row.push(false);
|
|
for (let i = 0; i < this.size; i++) {
|
|
this.modules.push(row.slice());
|
|
this.isFunction.push(row.slice());
|
|
}
|
|
this.drawFunctionPatterns();
|
|
const allCodewords = this.addEccAndInterleave(dataCodewords);
|
|
this.drawCodewords(allCodewords);
|
|
if (msk == -1) {
|
|
let minPenalty = 1e9;
|
|
for (let i = 0; i < 8; i++) {
|
|
this.applyMask(i);
|
|
this.drawFormatBits(i);
|
|
const penalty = this.getPenaltyScore();
|
|
if (penalty < minPenalty) {
|
|
msk = i;
|
|
minPenalty = penalty;
|
|
}
|
|
this.applyMask(i);
|
|
}
|
|
}
|
|
assert(0 <= msk && msk <= 7);
|
|
this.mask = msk;
|
|
this.applyMask(msk);
|
|
this.drawFormatBits(msk);
|
|
this.isFunction = [];
|
|
}
|
|
static encodeText(text, ecl) {
|
|
const segs = qrcodegen2.QrSegment.makeSegments(text);
|
|
return _QrCode.encodeSegments(segs, ecl);
|
|
}
|
|
static encodeBinary(data, ecl) {
|
|
const seg = qrcodegen2.QrSegment.makeBytes(data);
|
|
return _QrCode.encodeSegments([seg], ecl);
|
|
}
|
|
static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
|
|
if (!(_QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= _QrCode.MAX_VERSION) || mask < -1 || mask > 7)
|
|
throw new RangeError("Invalid value");
|
|
let version;
|
|
let dataUsedBits;
|
|
for (version = minVersion; ; version++) {
|
|
const dataCapacityBits2 = _QrCode.getNumDataCodewords(version, ecl) * 8;
|
|
const usedBits = QrSegment.getTotalBits(segs, version);
|
|
if (usedBits <= dataCapacityBits2) {
|
|
dataUsedBits = usedBits;
|
|
break;
|
|
}
|
|
if (version >= maxVersion)
|
|
throw new RangeError("Data too long");
|
|
}
|
|
for (const newEcl of [_QrCode.Ecc.MEDIUM, _QrCode.Ecc.QUARTILE, _QrCode.Ecc.HIGH]) {
|
|
if (boostEcl && dataUsedBits <= _QrCode.getNumDataCodewords(version, newEcl) * 8)
|
|
ecl = newEcl;
|
|
}
|
|
let bb = [];
|
|
for (const seg of segs) {
|
|
appendBits(seg.mode.modeBits, 4, bb);
|
|
appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
|
|
for (const b of seg.getData())
|
|
bb.push(b);
|
|
}
|
|
assert(bb.length == dataUsedBits);
|
|
const dataCapacityBits = _QrCode.getNumDataCodewords(version, ecl) * 8;
|
|
assert(bb.length <= dataCapacityBits);
|
|
appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
|
|
appendBits(0, (8 - bb.length % 8) % 8, bb);
|
|
assert(bb.length % 8 == 0);
|
|
for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)
|
|
appendBits(padByte, 8, bb);
|
|
let dataCodewords = [];
|
|
while (dataCodewords.length * 8 < bb.length)
|
|
dataCodewords.push(0);
|
|
bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
|
|
return new _QrCode(version, ecl, dataCodewords, mask);
|
|
}
|
|
getModule(x, y) {
|
|
return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
|
|
}
|
|
getModules() {
|
|
return this.modules;
|
|
}
|
|
drawFunctionPatterns() {
|
|
for (let i = 0; i < this.size; i++) {
|
|
this.setFunctionModule(6, i, i % 2 == 0);
|
|
this.setFunctionModule(i, 6, i % 2 == 0);
|
|
}
|
|
this.drawFinderPattern(3, 3);
|
|
this.drawFinderPattern(this.size - 4, 3);
|
|
this.drawFinderPattern(3, this.size - 4);
|
|
const alignPatPos = this.getAlignmentPatternPositions();
|
|
const numAlign = alignPatPos.length;
|
|
for (let i = 0; i < numAlign; i++) {
|
|
for (let j = 0; j < numAlign; j++) {
|
|
if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0))
|
|
this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
|
|
}
|
|
}
|
|
this.drawFormatBits(0);
|
|
this.drawVersion();
|
|
}
|
|
drawFormatBits(mask) {
|
|
const data = this.errorCorrectionLevel.formatBits << 3 | mask;
|
|
let rem = data;
|
|
for (let i = 0; i < 10; i++)
|
|
rem = rem << 1 ^ (rem >>> 9) * 1335;
|
|
const bits = (data << 10 | rem) ^ 21522;
|
|
assert(bits >>> 15 == 0);
|
|
for (let i = 0; i <= 5; i++)
|
|
this.setFunctionModule(8, i, getBit(bits, i));
|
|
this.setFunctionModule(8, 7, getBit(bits, 6));
|
|
this.setFunctionModule(8, 8, getBit(bits, 7));
|
|
this.setFunctionModule(7, 8, getBit(bits, 8));
|
|
for (let i = 9; i < 15; i++)
|
|
this.setFunctionModule(14 - i, 8, getBit(bits, i));
|
|
for (let i = 0; i < 8; i++)
|
|
this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
|
|
for (let i = 8; i < 15; i++)
|
|
this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
|
|
this.setFunctionModule(8, this.size - 8, true);
|
|
}
|
|
drawVersion() {
|
|
if (this.version < 7)
|
|
return;
|
|
let rem = this.version;
|
|
for (let i = 0; i < 12; i++)
|
|
rem = rem << 1 ^ (rem >>> 11) * 7973;
|
|
const bits = this.version << 12 | rem;
|
|
assert(bits >>> 18 == 0);
|
|
for (let i = 0; i < 18; i++) {
|
|
const color = getBit(bits, i);
|
|
const a = this.size - 11 + i % 3;
|
|
const b = Math.floor(i / 3);
|
|
this.setFunctionModule(a, b, color);
|
|
this.setFunctionModule(b, a, color);
|
|
}
|
|
}
|
|
drawFinderPattern(x, y) {
|
|
for (let dy = -4; dy <= 4; dy++) {
|
|
for (let dx = -4; dx <= 4; dx++) {
|
|
const dist = Math.max(Math.abs(dx), Math.abs(dy));
|
|
const xx = x + dx;
|
|
const yy = y + dy;
|
|
if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size)
|
|
this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
|
|
}
|
|
}
|
|
}
|
|
drawAlignmentPattern(x, y) {
|
|
for (let dy = -2; dy <= 2; dy++) {
|
|
for (let dx = -2; dx <= 2; dx++)
|
|
this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
|
|
}
|
|
}
|
|
setFunctionModule(x, y, isDark) {
|
|
this.modules[y][x] = isDark;
|
|
this.isFunction[y][x] = true;
|
|
}
|
|
addEccAndInterleave(data) {
|
|
const ver = this.version;
|
|
const ecl = this.errorCorrectionLevel;
|
|
if (data.length != _QrCode.getNumDataCodewords(ver, ecl))
|
|
throw new RangeError("Invalid argument");
|
|
const numBlocks = _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
|
|
const blockEccLen = _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
|
|
const rawCodewords = Math.floor(_QrCode.getNumRawDataModules(ver) / 8);
|
|
const numShortBlocks = numBlocks - rawCodewords % numBlocks;
|
|
const shortBlockLen = Math.floor(rawCodewords / numBlocks);
|
|
let blocks = [];
|
|
const rsDiv = _QrCode.reedSolomonComputeDivisor(blockEccLen);
|
|
for (let i = 0, k = 0; i < numBlocks; i++) {
|
|
let dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
|
|
k += dat.length;
|
|
const ecc = _QrCode.reedSolomonComputeRemainder(dat, rsDiv);
|
|
if (i < numShortBlocks)
|
|
dat.push(0);
|
|
blocks.push(dat.concat(ecc));
|
|
}
|
|
let result = [];
|
|
for (let i = 0; i < blocks[0].length; i++) {
|
|
blocks.forEach((block, j) => {
|
|
if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)
|
|
result.push(block[i]);
|
|
});
|
|
}
|
|
assert(result.length == rawCodewords);
|
|
return result;
|
|
}
|
|
drawCodewords(data) {
|
|
if (data.length != Math.floor(_QrCode.getNumRawDataModules(this.version) / 8))
|
|
throw new RangeError("Invalid argument");
|
|
let i = 0;
|
|
for (let right = this.size - 1; right >= 1; right -= 2) {
|
|
if (right == 6)
|
|
right = 5;
|
|
for (let vert = 0; vert < this.size; vert++) {
|
|
for (let j = 0; j < 2; j++) {
|
|
const x = right - j;
|
|
const upward = (right + 1 & 2) == 0;
|
|
const y = upward ? this.size - 1 - vert : vert;
|
|
if (!this.isFunction[y][x] && i < data.length * 8) {
|
|
this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
|
|
i++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
assert(i == data.length * 8);
|
|
}
|
|
applyMask(mask) {
|
|
if (mask < 0 || mask > 7)
|
|
throw new RangeError("Mask value out of range");
|
|
for (let y = 0; y < this.size; y++) {
|
|
for (let x = 0; x < this.size; x++) {
|
|
let invert;
|
|
switch (mask) {
|
|
case 0:
|
|
invert = (x + y) % 2 == 0;
|
|
break;
|
|
case 1:
|
|
invert = y % 2 == 0;
|
|
break;
|
|
case 2:
|
|
invert = x % 3 == 0;
|
|
break;
|
|
case 3:
|
|
invert = (x + y) % 3 == 0;
|
|
break;
|
|
case 4:
|
|
invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
|
|
break;
|
|
case 5:
|
|
invert = x * y % 2 + x * y % 3 == 0;
|
|
break;
|
|
case 6:
|
|
invert = (x * y % 2 + x * y % 3) % 2 == 0;
|
|
break;
|
|
case 7:
|
|
invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
|
|
break;
|
|
default:
|
|
throw new Error("Unreachable");
|
|
}
|
|
if (!this.isFunction[y][x] && invert)
|
|
this.modules[y][x] = !this.modules[y][x];
|
|
}
|
|
}
|
|
}
|
|
getPenaltyScore() {
|
|
let result = 0;
|
|
for (let y = 0; y < this.size; y++) {
|
|
let runColor = false;
|
|
let runX = 0;
|
|
let runHistory = [0, 0, 0, 0, 0, 0, 0];
|
|
for (let x = 0; x < this.size; x++) {
|
|
if (this.modules[y][x] == runColor) {
|
|
runX++;
|
|
if (runX == 5)
|
|
result += _QrCode.PENALTY_N1;
|
|
else if (runX > 5)
|
|
result++;
|
|
} else {
|
|
this.finderPenaltyAddHistory(runX, runHistory);
|
|
if (!runColor)
|
|
result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;
|
|
runColor = this.modules[y][x];
|
|
runX = 1;
|
|
}
|
|
}
|
|
result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * _QrCode.PENALTY_N3;
|
|
}
|
|
for (let x = 0; x < this.size; x++) {
|
|
let runColor = false;
|
|
let runY = 0;
|
|
let runHistory = [0, 0, 0, 0, 0, 0, 0];
|
|
for (let y = 0; y < this.size; y++) {
|
|
if (this.modules[y][x] == runColor) {
|
|
runY++;
|
|
if (runY == 5)
|
|
result += _QrCode.PENALTY_N1;
|
|
else if (runY > 5)
|
|
result++;
|
|
} else {
|
|
this.finderPenaltyAddHistory(runY, runHistory);
|
|
if (!runColor)
|
|
result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;
|
|
runColor = this.modules[y][x];
|
|
runY = 1;
|
|
}
|
|
}
|
|
result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * _QrCode.PENALTY_N3;
|
|
}
|
|
for (let y = 0; y < this.size - 1; y++) {
|
|
for (let x = 0; x < this.size - 1; x++) {
|
|
const color = this.modules[y][x];
|
|
if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])
|
|
result += _QrCode.PENALTY_N2;
|
|
}
|
|
}
|
|
let dark = 0;
|
|
for (const row of this.modules)
|
|
dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
|
|
const total = this.size * this.size;
|
|
const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
|
|
assert(0 <= k && k <= 9);
|
|
result += k * _QrCode.PENALTY_N4;
|
|
assert(0 <= result && result <= 2568888);
|
|
return result;
|
|
}
|
|
getAlignmentPatternPositions() {
|
|
if (this.version == 1)
|
|
return [];
|
|
else {
|
|
const numAlign = Math.floor(this.version / 7) + 2;
|
|
const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
|
|
let result = [6];
|
|
for (let pos = this.size - 7; result.length < numAlign; pos -= step)
|
|
result.splice(1, 0, pos);
|
|
return result;
|
|
}
|
|
}
|
|
static getNumRawDataModules(ver) {
|
|
if (ver < _QrCode.MIN_VERSION || ver > _QrCode.MAX_VERSION)
|
|
throw new RangeError("Version number out of range");
|
|
let result = (16 * ver + 128) * ver + 64;
|
|
if (ver >= 2) {
|
|
const numAlign = Math.floor(ver / 7) + 2;
|
|
result -= (25 * numAlign - 10) * numAlign - 55;
|
|
if (ver >= 7)
|
|
result -= 36;
|
|
}
|
|
assert(208 <= result && result <= 29648);
|
|
return result;
|
|
}
|
|
static getNumDataCodewords(ver, ecl) {
|
|
return Math.floor(_QrCode.getNumRawDataModules(ver) / 8) - _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
|
|
}
|
|
static reedSolomonComputeDivisor(degree) {
|
|
if (degree < 1 || degree > 255)
|
|
throw new RangeError("Degree out of range");
|
|
let result = [];
|
|
for (let i = 0; i < degree - 1; i++)
|
|
result.push(0);
|
|
result.push(1);
|
|
let root = 1;
|
|
for (let i = 0; i < degree; i++) {
|
|
for (let j = 0; j < result.length; j++) {
|
|
result[j] = _QrCode.reedSolomonMultiply(result[j], root);
|
|
if (j + 1 < result.length)
|
|
result[j] ^= result[j + 1];
|
|
}
|
|
root = _QrCode.reedSolomonMultiply(root, 2);
|
|
}
|
|
return result;
|
|
}
|
|
static reedSolomonComputeRemainder(data, divisor) {
|
|
let result = divisor.map((_) => 0);
|
|
for (const b of data) {
|
|
const factor = b ^ result.shift();
|
|
result.push(0);
|
|
divisor.forEach((coef, i) => result[i] ^= _QrCode.reedSolomonMultiply(coef, factor));
|
|
}
|
|
return result;
|
|
}
|
|
static reedSolomonMultiply(x, y) {
|
|
if (x >>> 8 != 0 || y >>> 8 != 0)
|
|
throw new RangeError("Byte out of range");
|
|
let z = 0;
|
|
for (let i = 7; i >= 0; i--) {
|
|
z = z << 1 ^ (z >>> 7) * 285;
|
|
z ^= (y >>> i & 1) * x;
|
|
}
|
|
assert(z >>> 8 == 0);
|
|
return z;
|
|
}
|
|
finderPenaltyCountPatterns(runHistory) {
|
|
const n = runHistory[1];
|
|
assert(n <= this.size * 3);
|
|
const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;
|
|
return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);
|
|
}
|
|
finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
|
|
if (currentRunColor) {
|
|
this.finderPenaltyAddHistory(currentRunLength, runHistory);
|
|
currentRunLength = 0;
|
|
}
|
|
currentRunLength += this.size;
|
|
this.finderPenaltyAddHistory(currentRunLength, runHistory);
|
|
return this.finderPenaltyCountPatterns(runHistory);
|
|
}
|
|
finderPenaltyAddHistory(currentRunLength, runHistory) {
|
|
if (runHistory[0] == 0)
|
|
currentRunLength += this.size;
|
|
runHistory.pop();
|
|
runHistory.unshift(currentRunLength);
|
|
}
|
|
};
|
|
let QrCode = _QrCode;
|
|
QrCode.MIN_VERSION = 1;
|
|
QrCode.MAX_VERSION = 40;
|
|
QrCode.PENALTY_N1 = 3;
|
|
QrCode.PENALTY_N2 = 3;
|
|
QrCode.PENALTY_N3 = 40;
|
|
QrCode.PENALTY_N4 = 10;
|
|
QrCode.ECC_CODEWORDS_PER_BLOCK = [
|
|
[-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
|
|
[-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
|
|
[-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
|
|
[-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
|
|
];
|
|
QrCode.NUM_ERROR_CORRECTION_BLOCKS = [
|
|
[-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
|
|
[-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
|
|
[-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
|
|
[-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
|
|
];
|
|
qrcodegen2.QrCode = QrCode;
|
|
function appendBits(val, len, bb) {
|
|
if (len < 0 || len > 31 || val >>> len != 0)
|
|
throw new RangeError("Value out of range");
|
|
for (let i = len - 1; i >= 0; i--)
|
|
bb.push(val >>> i & 1);
|
|
}
|
|
function getBit(x, i) {
|
|
return (x >>> i & 1) != 0;
|
|
}
|
|
function assert(cond) {
|
|
if (!cond)
|
|
throw new Error("Assertion error");
|
|
}
|
|
const _QrSegment = class {
|
|
constructor(mode, numChars, bitData) {
|
|
this.mode = mode;
|
|
this.numChars = numChars;
|
|
this.bitData = bitData;
|
|
if (numChars < 0)
|
|
throw new RangeError("Invalid argument");
|
|
this.bitData = bitData.slice();
|
|
}
|
|
static makeBytes(data) {
|
|
let bb = [];
|
|
for (const b of data)
|
|
appendBits(b, 8, bb);
|
|
return new _QrSegment(_QrSegment.Mode.BYTE, data.length, bb);
|
|
}
|
|
static makeNumeric(digits) {
|
|
if (!_QrSegment.isNumeric(digits))
|
|
throw new RangeError("String contains non-numeric characters");
|
|
let bb = [];
|
|
for (let i = 0; i < digits.length; ) {
|
|
const n = Math.min(digits.length - i, 3);
|
|
appendBits(parseInt(digits.substr(i, n), 10), n * 3 + 1, bb);
|
|
i += n;
|
|
}
|
|
return new _QrSegment(_QrSegment.Mode.NUMERIC, digits.length, bb);
|
|
}
|
|
static makeAlphanumeric(text) {
|
|
if (!_QrSegment.isAlphanumeric(text))
|
|
throw new RangeError("String contains unencodable characters in alphanumeric mode");
|
|
let bb = [];
|
|
let i;
|
|
for (i = 0; i + 2 <= text.length; i += 2) {
|
|
let temp = _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
|
|
temp += _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
|
|
appendBits(temp, 11, bb);
|
|
}
|
|
if (i < text.length)
|
|
appendBits(_QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
|
|
return new _QrSegment(_QrSegment.Mode.ALPHANUMERIC, text.length, bb);
|
|
}
|
|
static makeSegments(text) {
|
|
if (text == "")
|
|
return [];
|
|
else if (_QrSegment.isNumeric(text))
|
|
return [_QrSegment.makeNumeric(text)];
|
|
else if (_QrSegment.isAlphanumeric(text))
|
|
return [_QrSegment.makeAlphanumeric(text)];
|
|
else
|
|
return [_QrSegment.makeBytes(_QrSegment.toUtf8ByteArray(text))];
|
|
}
|
|
static makeEci(assignVal) {
|
|
let bb = [];
|
|
if (assignVal < 0)
|
|
throw new RangeError("ECI assignment value out of range");
|
|
else if (assignVal < 1 << 7)
|
|
appendBits(assignVal, 8, bb);
|
|
else if (assignVal < 1 << 14) {
|
|
appendBits(2, 2, bb);
|
|
appendBits(assignVal, 14, bb);
|
|
} else if (assignVal < 1e6) {
|
|
appendBits(6, 3, bb);
|
|
appendBits(assignVal, 21, bb);
|
|
} else
|
|
throw new RangeError("ECI assignment value out of range");
|
|
return new _QrSegment(_QrSegment.Mode.ECI, 0, bb);
|
|
}
|
|
static isNumeric(text) {
|
|
return _QrSegment.NUMERIC_REGEX.test(text);
|
|
}
|
|
static isAlphanumeric(text) {
|
|
return _QrSegment.ALPHANUMERIC_REGEX.test(text);
|
|
}
|
|
getData() {
|
|
return this.bitData.slice();
|
|
}
|
|
static getTotalBits(segs, version) {
|
|
let result = 0;
|
|
for (const seg of segs) {
|
|
const ccbits = seg.mode.numCharCountBits(version);
|
|
if (seg.numChars >= 1 << ccbits)
|
|
return Infinity;
|
|
result += 4 + ccbits + seg.bitData.length;
|
|
}
|
|
return result;
|
|
}
|
|
static toUtf8ByteArray(str) {
|
|
str = encodeURI(str);
|
|
let result = [];
|
|
for (let i = 0; i < str.length; i++) {
|
|
if (str.charAt(i) != "%")
|
|
result.push(str.charCodeAt(i));
|
|
else {
|
|
result.push(parseInt(str.substr(i + 1, 2), 16));
|
|
i += 2;
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
};
|
|
let QrSegment = _QrSegment;
|
|
QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
|
|
QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/;
|
|
QrSegment.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
|
|
qrcodegen2.QrSegment = QrSegment;
|
|
})(qrcodegen || (qrcodegen = {}));
|
|
((qrcodegen2) => {
|
|
let QrCode;
|
|
((QrCode2) => {
|
|
const _Ecc = class {
|
|
constructor(ordinal, formatBits) {
|
|
this.ordinal = ordinal;
|
|
this.formatBits = formatBits;
|
|
}
|
|
};
|
|
let Ecc = _Ecc;
|
|
Ecc.LOW = new _Ecc(0, 1);
|
|
Ecc.MEDIUM = new _Ecc(1, 0);
|
|
Ecc.QUARTILE = new _Ecc(2, 3);
|
|
Ecc.HIGH = new _Ecc(3, 2);
|
|
QrCode2.Ecc = Ecc;
|
|
})(QrCode = qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
|
|
})(qrcodegen || (qrcodegen = {}));
|
|
((qrcodegen2) => {
|
|
let QrSegment;
|
|
((QrSegment2) => {
|
|
const _Mode = class {
|
|
constructor(modeBits, numBitsCharCount) {
|
|
this.modeBits = modeBits;
|
|
this.numBitsCharCount = numBitsCharCount;
|
|
}
|
|
numCharCountBits(ver) {
|
|
return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
|
|
}
|
|
};
|
|
let Mode = _Mode;
|
|
Mode.NUMERIC = new _Mode(1, [10, 12, 14]);
|
|
Mode.ALPHANUMERIC = new _Mode(2, [9, 11, 13]);
|
|
Mode.BYTE = new _Mode(4, [8, 16, 16]);
|
|
Mode.KANJI = new _Mode(8, [8, 10, 12]);
|
|
Mode.ECI = new _Mode(7, [0, 0, 0]);
|
|
QrSegment2.Mode = Mode;
|
|
})(QrSegment = qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
|
|
})(qrcodegen || (qrcodegen = {}));
|
|
var qrcodegen_default = qrcodegen;
|
|
|
|
// src/index.tsx
|
|
/**
|
|
* @license qrcode.react
|
|
* Copyright (c) Paul O'Shannessy
|
|
* SPDX-License-Identifier: ISC
|
|
*/
|
|
var ERROR_LEVEL_MAP = {
|
|
L: qrcodegen_default.QrCode.Ecc.LOW,
|
|
M: qrcodegen_default.QrCode.Ecc.MEDIUM,
|
|
Q: qrcodegen_default.QrCode.Ecc.QUARTILE,
|
|
H: qrcodegen_default.QrCode.Ecc.HIGH
|
|
};
|
|
var DEFAULT_SIZE = 128;
|
|
var DEFAULT_LEVEL = "L";
|
|
var DEFAULT_BGCOLOR = "#FFFFFF";
|
|
var DEFAULT_FGCOLOR = "#000000";
|
|
var DEFAULT_INCLUDEMARGIN = false;
|
|
var MARGIN_SIZE = 4;
|
|
var DEFAULT_IMG_SCALE = 0.1;
|
|
function generatePath(modules, margin = 0) {
|
|
const ops = [];
|
|
modules.forEach(function(row, y) {
|
|
let start = null;
|
|
row.forEach(function(cell, x) {
|
|
if (!cell && start !== null) {
|
|
ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
|
|
start = null;
|
|
return;
|
|
}
|
|
if (x === row.length - 1) {
|
|
if (!cell) {
|
|
return;
|
|
}
|
|
if (start === null) {
|
|
ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
|
|
} else {
|
|
ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
|
|
}
|
|
return;
|
|
}
|
|
if (cell && start === null) {
|
|
start = x;
|
|
}
|
|
});
|
|
});
|
|
return ops.join("");
|
|
}
|
|
function excavateModules(modules, excavation) {
|
|
return modules.slice().map((row, y) => {
|
|
if (y < excavation.y || y >= excavation.y + excavation.h) {
|
|
return row;
|
|
}
|
|
return row.map((cell, x) => {
|
|
if (x < excavation.x || x >= excavation.x + excavation.w) {
|
|
return cell;
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
}
|
|
function getImageSettings(cells, size, includeMargin, imageSettings) {
|
|
if (imageSettings == null) {
|
|
return null;
|
|
}
|
|
const margin = includeMargin ? MARGIN_SIZE : 0;
|
|
const numCells = cells.length + margin * 2;
|
|
const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
|
|
const scale = numCells / size;
|
|
const w = (imageSettings.width || defaultSize) * scale;
|
|
const h = (imageSettings.height || defaultSize) * scale;
|
|
const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
|
|
const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
|
|
let excavation = null;
|
|
if (imageSettings.excavate) {
|
|
let floorX = Math.floor(x);
|
|
let floorY = Math.floor(y);
|
|
let ceilW = Math.ceil(w + x - floorX);
|
|
let ceilH = Math.ceil(h + y - floorY);
|
|
excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
|
|
}
|
|
return { x, y, h, w, excavation };
|
|
}
|
|
var SUPPORTS_PATH2D = function() {
|
|
try {
|
|
new Path2D().addPath(new Path2D());
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}();
|
|
function QRCodeCanvas(props) {
|
|
const _a = props, {
|
|
value,
|
|
size = DEFAULT_SIZE,
|
|
level = DEFAULT_LEVEL,
|
|
bgColor = DEFAULT_BGCOLOR,
|
|
fgColor = DEFAULT_FGCOLOR,
|
|
includeMargin = DEFAULT_INCLUDEMARGIN,
|
|
style,
|
|
imageSettings
|
|
} = _a, otherProps = __objRest(_a, [
|
|
"value",
|
|
"size",
|
|
"level",
|
|
"bgColor",
|
|
"fgColor",
|
|
"includeMargin",
|
|
"style",
|
|
"imageSettings"
|
|
]);
|
|
const imgSrc = imageSettings == null ? void 0 : imageSettings.src;
|
|
const _canvas = useRef(null);
|
|
const _image = useRef(null);
|
|
const [isImgLoaded, setIsImageLoaded] = useState(false);
|
|
useEffect(() => {
|
|
if (_canvas.current != null) {
|
|
const canvas = _canvas.current;
|
|
const ctx = canvas.getContext("2d");
|
|
if (!ctx) {
|
|
return;
|
|
}
|
|
let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
|
|
const margin = includeMargin ? MARGIN_SIZE : 0;
|
|
const numCells = cells.length + margin * 2;
|
|
const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
|
|
const image = _image.current;
|
|
const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
|
|
if (haveImageToRender) {
|
|
if (calculatedImageSettings.excavation != null) {
|
|
cells = excavateModules(cells, calculatedImageSettings.excavation);
|
|
}
|
|
}
|
|
const pixelRatio = window.devicePixelRatio || 1;
|
|
canvas.height = canvas.width = size * pixelRatio;
|
|
const scale = size / numCells * pixelRatio;
|
|
ctx.scale(scale, scale);
|
|
ctx.fillStyle = bgColor;
|
|
ctx.fillRect(0, 0, numCells, numCells);
|
|
ctx.fillStyle = fgColor;
|
|
if (SUPPORTS_PATH2D) {
|
|
ctx.fill(new Path2D(generatePath(cells, margin)));
|
|
} else {
|
|
cells.forEach(function(row, rdx) {
|
|
row.forEach(function(cell, cdx) {
|
|
if (cell) {
|
|
ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
if (haveImageToRender) {
|
|
ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
|
|
}
|
|
}
|
|
});
|
|
useEffect(() => {
|
|
setIsImageLoaded(false);
|
|
}, [imgSrc]);
|
|
const canvasStyle = __spreadValues({ height: size, width: size }, style);
|
|
let img = null;
|
|
if (imgSrc != null) {
|
|
img = /* @__PURE__ */ React.createElement("img", {
|
|
src: imgSrc,
|
|
key: imgSrc,
|
|
style: { display: "none" },
|
|
onLoad: () => {
|
|
setIsImageLoaded(true);
|
|
},
|
|
ref: _image
|
|
});
|
|
}
|
|
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("canvas", __spreadValues({
|
|
style: canvasStyle,
|
|
height: size,
|
|
width: size,
|
|
ref: _canvas
|
|
}, otherProps)), img);
|
|
}
|
|
function QRCodeSVG(props) {
|
|
const _a = props, {
|
|
value,
|
|
size = DEFAULT_SIZE,
|
|
level = DEFAULT_LEVEL,
|
|
bgColor = DEFAULT_BGCOLOR,
|
|
fgColor = DEFAULT_FGCOLOR,
|
|
includeMargin = DEFAULT_INCLUDEMARGIN,
|
|
imageSettings
|
|
} = _a, otherProps = __objRest(_a, [
|
|
"value",
|
|
"size",
|
|
"level",
|
|
"bgColor",
|
|
"fgColor",
|
|
"includeMargin",
|
|
"imageSettings"
|
|
]);
|
|
let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
|
|
const margin = includeMargin ? MARGIN_SIZE : 0;
|
|
const numCells = cells.length + margin * 2;
|
|
const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
|
|
let image = null;
|
|
if (imageSettings != null && calculatedImageSettings != null) {
|
|
if (calculatedImageSettings.excavation != null) {
|
|
cells = excavateModules(cells, calculatedImageSettings.excavation);
|
|
}
|
|
image = /* @__PURE__ */ React.createElement("image", {
|
|
xlinkHref: imageSettings.src,
|
|
height: calculatedImageSettings.h,
|
|
width: calculatedImageSettings.w,
|
|
x: calculatedImageSettings.x + margin,
|
|
y: calculatedImageSettings.y + margin,
|
|
preserveAspectRatio: "none"
|
|
});
|
|
}
|
|
const fgPath = generatePath(cells, margin);
|
|
return /* @__PURE__ */ React.createElement("svg", __spreadValues({
|
|
height: size,
|
|
width: size,
|
|
viewBox: `0 0 ${numCells} ${numCells}`
|
|
}, otherProps), /* @__PURE__ */ React.createElement("path", {
|
|
fill: bgColor,
|
|
d: `M0,0 h${numCells}v${numCells}H0z`,
|
|
shapeRendering: "crispEdges"
|
|
}), /* @__PURE__ */ React.createElement("path", {
|
|
fill: fgColor,
|
|
d: fgPath,
|
|
shapeRendering: "crispEdges"
|
|
}), image);
|
|
}
|
|
var QRCode = (props) => {
|
|
const _a = props, { renderAs } = _a, otherProps = __objRest(_a, ["renderAs"]);
|
|
if (renderAs === "svg") {
|
|
return /* @__PURE__ */ React.createElement(QRCodeSVG, __spreadValues({}, otherProps));
|
|
}
|
|
return /* @__PURE__ */ React.createElement(QRCodeCanvas, __spreadValues({}, otherProps));
|
|
};
|
|
export {
|
|
QRCodeCanvas,
|
|
QRCodeSVG,
|
|
QRCode as default
|
|
};
|