@swifttui/web 0.0.14 → 0.0.16

package/dist/src/BoxDrawingRenderer.js

@@ -0,0 +1,1106 @@
+//#region src/BoxDrawingRenderer.ts
+const none = 0;
+const light = 1;
+const heavy = 2;
+const double = 3;
+const lineSpecs = {
+	9472: [
+		none,
+		light,
+		none,
+		light
+	],
+	9473: [
+		none,
+		heavy,
+		none,
+		heavy
+	],
+	9474: [
+		light,
+		none,
+		light,
+		none
+	],
+	9475: [
+		heavy,
+		none,
+		heavy,
+		none
+	],
+	9484: [
+		none,
+		light,
+		light,
+		none
+	],
+	9485: [
+		none,
+		heavy,
+		light,
+		none
+	],
+	9486: [
+		none,
+		light,
+		heavy,
+		none
+	],
+	9487: [
+		none,
+		heavy,
+		heavy,
+		none
+	],
+	9488: [
+		none,
+		none,
+		light,
+		light
+	],
+	9489: [
+		none,
+		none,
+		light,
+		heavy
+	],
+	9490: [
+		none,
+		none,
+		heavy,
+		light
+	],
+	9491: [
+		none,
+		none,
+		heavy,
+		heavy
+	],
+	9492: [
+		light,
+		light,
+		none,
+		none
+	],
+	9493: [
+		light,
+		heavy,
+		none,
+		none
+	],
+	9494: [
+		heavy,
+		light,
+		none,
+		none
+	],
+	9495: [
+		heavy,
+		heavy,
+		none,
+		none
+	],
+	9496: [
+		light,
+		none,
+		none,
+		light
+	],
+	9497: [
+		light,
+		none,
+		none,
+		heavy
+	],
+	9498: [
+		heavy,
+		none,
+		none,
+		light
+	],
+	9499: [
+		heavy,
+		none,
+		none,
+		heavy
+	],
+	9500: [
+		light,
+		light,
+		light,
+		none
+	],
+	9501: [
+		light,
+		heavy,
+		light,
+		none
+	],
+	9502: [
+		heavy,
+		light,
+		light,
+		none
+	],
+	9503: [
+		light,
+		light,
+		heavy,
+		none
+	],
+	9504: [
+		heavy,
+		light,
+		heavy,
+		none
+	],
+	9505: [
+		heavy,
+		heavy,
+		light,
+		none
+	],
+	9506: [
+		light,
+		heavy,
+		heavy,
+		none
+	],
+	9507: [
+		heavy,
+		heavy,
+		heavy,
+		none
+	],
+	9508: [
+		light,
+		none,
+		light,
+		light
+	],
+	9509: [
+		light,
+		none,
+		light,
+		heavy
+	],
+	9510: [
+		heavy,
+		none,
+		light,
+		light
+	],
+	9511: [
+		light,
+		none,
+		heavy,
+		light
+	],
+	9512: [
+		heavy,
+		none,
+		heavy,
+		light
+	],
+	9513: [
+		heavy,
+		none,
+		light,
+		heavy
+	],
+	9514: [
+		light,
+		none,
+		heavy,
+		heavy
+	],
+	9515: [
+		heavy,
+		none,
+		heavy,
+		heavy
+	],
+	9516: [
+		none,
+		light,
+		light,
+		light
+	],
+	9517: [
+		none,
+		light,
+		light,
+		heavy
+	],
+	9518: [
+		none,
+		heavy,
+		light,
+		light
+	],
+	9519: [
+		none,
+		heavy,
+		light,
+		heavy
+	],
+	9520: [
+		none,
+		light,
+		heavy,
+		light
+	],
+	9521: [
+		none,
+		light,
+		heavy,
+		heavy
+	],
+	9522: [
+		none,
+		heavy,
+		heavy,
+		light
+	],
+	9523: [
+		none,
+		heavy,
+		heavy,
+		heavy
+	],
+	9524: [
+		light,
+		light,
+		none,
+		light
+	],
+	9525: [
+		light,
+		light,
+		none,
+		heavy
+	],
+	9526: [
+		light,
+		heavy,
+		none,
+		light
+	],
+	9527: [
+		light,
+		heavy,
+		none,
+		heavy
+	],
+	9528: [
+		heavy,
+		light,
+		none,
+		light
+	],
+	9529: [
+		heavy,
+		light,
+		none,
+		heavy
+	],
+	9530: [
+		heavy,
+		heavy,
+		none,
+		light
+	],
+	9531: [
+		heavy,
+		heavy,
+		none,
+		heavy
+	],
+	9532: [
+		light,
+		light,
+		light,
+		light
+	],
+	9533: [
+		light,
+		light,
+		light,
+		heavy
+	],
+	9534: [
+		light,
+		heavy,
+		light,
+		light
+	],
+	9535: [
+		light,
+		heavy,
+		light,
+		heavy
+	],
+	9536: [
+		heavy,
+		light,
+		light,
+		light
+	],
+	9537: [
+		light,
+		light,
+		heavy,
+		light
+	],
+	9538: [
+		heavy,
+		light,
+		heavy,
+		light
+	],
+	9539: [
+		heavy,
+		light,
+		light,
+		heavy
+	],
+	9540: [
+		heavy,
+		heavy,
+		light,
+		light
+	],
+	9541: [
+		light,
+		light,
+		heavy,
+		heavy
+	],
+	9542: [
+		light,
+		heavy,
+		heavy,
+		light
+	],
+	9543: [
+		heavy,
+		heavy,
+		light,
+		heavy
+	],
+	9544: [
+		light,
+		heavy,
+		heavy,
+		heavy
+	],
+	9545: [
+		heavy,
+		light,
+		heavy,
+		heavy
+	],
+	9546: [
+		heavy,
+		heavy,
+		heavy,
+		light
+	],
+	9547: [
+		heavy,
+		heavy,
+		heavy,
+		heavy
+	],
+	9552: [
+		none,
+		double,
+		none,
+		double
+	],
+	9553: [
+		double,
+		none,
+		double,
+		none
+	],
+	9554: [
+		none,
+		double,
+		light,
+		none
+	],
+	9555: [
+		none,
+		light,
+		double,
+		none
+	],
+	9556: [
+		none,
+		double,
+		double,
+		none
+	],
+	9557: [
+		none,
+		none,
+		light,
+		double
+	],
+	9558: [
+		none,
+		none,
+		double,
+		light
+	],
+	9559: [
+		none,
+		none,
+		double,
+		double
+	],
+	9560: [
+		light,
+		double,
+		none,
+		none
+	],
+	9561: [
+		double,
+		light,
+		none,
+		none
+	],
+	9562: [
+		double,
+		double,
+		none,
+		none
+	],
+	9563: [
+		light,
+		none,
+		none,
+		double
+	],
+	9564: [
+		double,
+		none,
+		none,
+		light
+	],
+	9565: [
+		double,
+		none,
+		none,
+		double
+	],
+	9566: [
+		light,
+		double,
+		light,
+		none
+	],
+	9567: [
+		double,
+		light,
+		double,
+		none
+	],
+	9568: [
+		double,
+		double,
+		double,
+		none
+	],
+	9569: [
+		light,
+		none,
+		light,
+		double
+	],
+	9570: [
+		double,
+		none,
+		double,
+		light
+	],
+	9571: [
+		double,
+		none,
+		double,
+		double
+	],
+	9572: [
+		none,
+		double,
+		light,
+		double
+	],
+	9573: [
+		none,
+		light,
+		double,
+		light
+	],
+	9574: [
+		none,
+		double,
+		double,
+		double
+	],
+	9575: [
+		light,
+		double,
+		none,
+		double
+	],
+	9576: [
+		double,
+		light,
+		none,
+		light
+	],
+	9577: [
+		double,
+		double,
+		none,
+		double
+	],
+	9578: [
+		light,
+		double,
+		light,
+		double
+	],
+	9579: [
+		double,
+		light,
+		double,
+		light
+	],
+	9580: [
+		double,
+		double,
+		double,
+		double
+	],
+	9588: [
+		none,
+		none,
+		none,
+		light
+	],
+	9589: [
+		light,
+		none,
+		none,
+		none
+	],
+	9590: [
+		none,
+		light,
+		none,
+		none
+	],
+	9591: [
+		none,
+		none,
+		light,
+		none
+	],
+	9592: [
+		none,
+		none,
+		none,
+		heavy
+	],
+	9593: [
+		heavy,
+		none,
+		none,
+		none
+	],
+	9594: [
+		none,
+		heavy,
+		none,
+		none
+	],
+	9595: [
+		none,
+		none,
+		heavy,
+		none
+	],
+	9596: [
+		none,
+		heavy,
+		none,
+		light
+	],
+	9597: [
+		light,
+		none,
+		heavy,
+		none
+	],
+	9598: [
+		none,
+		light,
+		none,
+		heavy
+	],
+	9599: [
+		heavy,
+		none,
+		light,
+		none
+	]
+};
+function canRenderBoxDrawing(text) {
+	const codePoint = singleCodePoint(text);
+	if (codePoint === void 0) return false;
+	return codePoint >= 9472 && codePoint <= 9631 || codePoint >= 10240 && codePoint <= 10495;
+}
+function drawBoxDrawing(context, text, rect) {
+	const codePoint = singleCodePoint(text);
+	if (codePoint === void 0) return false;
+	if (codePoint >= 9472 && codePoint <= 9599) return drawBoxDrawingCodePoint(context, codePoint, rect);
+	if (codePoint >= 9600 && codePoint <= 9631) return drawBlockElement(context, codePoint, rect);
+	if (codePoint >= 10240 && codePoint <= 10495) return drawBraille(context, codePoint, rect);
+	return false;
+}
+function singleCodePoint(text) {
+	const characters = Array.from(text);
+	if (characters.length !== 1) return;
+	return characters[0]?.codePointAt(0);
+}
+function drawBoxDrawingCodePoint(context, codePoint, rect) {
+	const spec = lineSpecs[codePoint];
+	if (spec) {
+		drawCellLines(context, spec, rect);
+		return true;
+	}
+	switch (codePoint) {
+		case 9476:
+			drawDashedHorizontal(context, rect, light, 3);
+			return true;
+		case 9477:
+			drawDashedHorizontal(context, rect, heavy, 3);
+			return true;
+		case 9478:
+			drawDashedVertical(context, rect, light, 3);
+			return true;
+		case 9479:
+			drawDashedVertical(context, rect, heavy, 3);
+			return true;
+		case 9480:
+			drawDashedHorizontal(context, rect, light, 4);
+			return true;
+		case 9481:
+			drawDashedHorizontal(context, rect, heavy, 4);
+			return true;
+		case 9482:
+			drawDashedVertical(context, rect, light, 4);
+			return true;
+		case 9483:
+			drawDashedVertical(context, rect, heavy, 4);
+			return true;
+		case 9548:
+			drawDashedHorizontal(context, rect, light, 2);
+			return true;
+		case 9549:
+			drawDashedHorizontal(context, rect, heavy, 2);
+			return true;
+		case 9550:
+			drawDashedVertical(context, rect, light, 2);
+			return true;
+		case 9551:
+			drawDashedVertical(context, rect, heavy, 2);
+			return true;
+		case 9585:
+			drawDiagonal(context, rect, false);
+			return true;
+		case 9586:
+			drawDiagonal(context, rect, true);
+			return true;
+		case 9587:
+			drawDiagonal(context, rect, false);
+			drawDiagonal(context, rect, true);
+			return true;
+		case 9581:
+			drawArc(context, rect, "topLeft");
+			return true;
+		case 9582:
+			drawArc(context, rect, "topRight");
+			return true;
+		case 9583:
+			drawArc(context, rect, "bottomRight");
+			return true;
+		case 9584:
+			drawArc(context, rect, "bottomLeft");
+			return true;
+		default: return false;
+	}
+}
+function strokeMetrics(rect) {
+	const unit = Math.max(1, Math.round(Math.min(rect.width, rect.height) / 16));
+	return {
+		light: unit,
+		heavy: unit * 2,
+		doubleGap: unit
+	};
+}
+function drawCellLines(context, spec, rect) {
+	const metrics = strokeMetrics(rect);
+	const edges = [
+		[spec[0], "north"],
+		[spec[1], "east"],
+		[spec[2], "south"],
+		[spec[3], "west"]
+	];
+	for (const [weight, direction] of edges.sort((lhs, rhs) => lhs[0] - rhs[0])) drawHalfStroke(context, weight, direction, rect, metrics);
+}
+function drawHalfStroke(context, weight, direction, rect, metrics) {
+	if (weight === none) return;
+	const cx = rect.x + rect.width / 2;
+	const cy = rect.y + rect.height / 2;
+	const maxX = rect.x + rect.width;
+	const maxY = rect.y + rect.height;
+	const segment = (thickness, offset) => {
+		switch (direction) {
+			case "north":
+				context.fillRect(cx - thickness / 2 + offset, rect.y, thickness, cy - rect.y + thickness / 2);
+				break;
+			case "south":
+				context.fillRect(cx - thickness / 2 + offset, cy - thickness / 2, thickness, maxY - cy + thickness / 2);
+				break;
+			case "west":
+				context.fillRect(rect.x, cy - thickness / 2 + offset, cx - rect.x + thickness / 2, thickness);
+				break;
+			case "east":
+				context.fillRect(cx - thickness / 2, cy - thickness / 2 + offset, maxX - cx + thickness / 2, thickness);
+				break;
+		}
+	};
+	switch (weight) {
+		case light:
+			segment(metrics.light, 0);
+			break;
+		case heavy:
+			segment(metrics.heavy, 0);
+			break;
+		case double: {
+			const thickness = metrics.light;
+			const offset = (thickness + metrics.doubleGap) / 2;
+			segment(thickness, -offset);
+			segment(thickness, offset);
+			break;
+		}
+	}
+}
+function drawDashedHorizontal(context, rect, weight, segments) {
+	const metrics = strokeMetrics(rect);
+	const thickness = weight === heavy ? metrics.heavy : metrics.light;
+	const segmentWidth = rect.width / segments;
+	const dashWidth = segmentWidth * .55;
+	const gapWidth = segmentWidth - dashWidth;
+	const cy = rect.y + rect.height / 2;
+	for (let index = 0; index < segments; index += 1) {
+		const x = rect.x + index * segmentWidth + gapWidth / 2;
+		context.fillRect(x, cy - thickness / 2, dashWidth, thickness);
+	}
+}
+function drawDashedVertical(context, rect, weight, segments) {
+	const metrics = strokeMetrics(rect);
+	const thickness = weight === heavy ? metrics.heavy : metrics.light;
+	const segmentHeight = rect.height / segments;
+	const dashHeight = segmentHeight * .55;
+	const gapHeight = segmentHeight - dashHeight;
+	const cx = rect.x + rect.width / 2;
+	for (let index = 0; index < segments; index += 1) {
+		const y = rect.y + index * segmentHeight + gapHeight / 2;
+		context.fillRect(cx - thickness / 2, y, thickness, dashHeight);
+	}
+}
+function drawDiagonal(context, rect, descending) {
+	context.lineWidth = strokeMetrics(rect).light;
+	context.lineCap = "square";
+	context.setLineDash([]);
+	context.beginPath();
+	if (descending) {
+		context.moveTo(rect.x, rect.y);
+		context.lineTo(rect.x + rect.width, rect.y + rect.height);
+	} else {
+		context.moveTo(rect.x + rect.width, rect.y);
+		context.lineTo(rect.x, rect.y + rect.height);
+	}
+	context.stroke();
+	context.lineCap = "butt";
+}
+function drawArc(context, rect, corner) {
+	const metrics = strokeMetrics(rect);
+	const cx = rect.x + rect.width / 2;
+	const cy = rect.y + rect.height / 2;
+	const maxX = rect.x + rect.width;
+	const maxY = rect.y + rect.height;
+	const radius = Math.min(rect.width, rect.height) * .4;
+	const kappa = radius * .5523;
+	context.lineWidth = metrics.light;
+	context.lineCap = "butt";
+	context.setLineDash([]);
+	context.beginPath();
+	switch (corner) {
+		case "topLeft":
+			context.moveTo(cx, cy + radius);
+			context.lineTo(cx, maxY);
+			context.moveTo(cx + radius, cy);
+			context.lineTo(maxX, cy);
+			context.moveTo(cx, cy + radius);
+			context.bezierCurveTo(cx, cy + radius - kappa, cx + radius - kappa, cy, cx + radius, cy);
+			break;
+		case "topRight":
+			context.moveTo(cx, cy + radius);
+			context.lineTo(cx, maxY);
+			context.moveTo(cx - radius, cy);
+			context.lineTo(rect.x, cy);
+			context.moveTo(cx - radius, cy);
+			context.bezierCurveTo(cx - radius + kappa, cy, cx, cy + radius - kappa, cx, cy + radius);
+			break;
+		case "bottomRight":
+			context.moveTo(cx, cy - radius);
+			context.lineTo(cx, rect.y);
+			context.moveTo(cx - radius, cy);
+			context.lineTo(rect.x, cy);
+			context.moveTo(cx, cy - radius);
+			context.bezierCurveTo(cx, cy - radius + kappa, cx - radius + kappa, cy, cx - radius, cy);
+			break;
+		case "bottomLeft":
+			context.moveTo(cx, cy - radius);
+			context.lineTo(cx, rect.y);
+			context.moveTo(cx + radius, cy);
+			context.lineTo(maxX, cy);
+			context.moveTo(cx + radius, cy);
+			context.bezierCurveTo(cx + radius - kappa, cy, cx, cy - radius + kappa, cx, cy - radius);
+			break;
+	}
+	context.stroke();
+}
+function drawBlockElement(context, codePoint, rect) {
+	const maxX = rect.x + rect.width;
+	const maxY = rect.y + rect.height;
+	const lowerEighths = (count) => {
+		const height = rect.height * count / 8;
+		context.fillRect(rect.x, maxY - height, rect.width, height);
+	};
+	const leftEighths = (count) => {
+		const width = rect.width * count / 8;
+		context.fillRect(rect.x, rect.y, width, rect.height);
+	};
+	switch (codePoint) {
+		case 9600:
+			context.fillRect(rect.x, rect.y, rect.width, rect.height / 2);
+			return true;
+		case 9601:
+			lowerEighths(1);
+			return true;
+		case 9602:
+			lowerEighths(2);
+			return true;
+		case 9603:
+			lowerEighths(3);
+			return true;
+		case 9604:
+			lowerEighths(4);
+			return true;
+		case 9605:
+			lowerEighths(5);
+			return true;
+		case 9606:
+			lowerEighths(6);
+			return true;
+		case 9607:
+			lowerEighths(7);
+			return true;
+		case 9608:
+			context.fillRect(rect.x, rect.y, rect.width, rect.height);
+			return true;
+		case 9609:
+			leftEighths(7);
+			return true;
+		case 9610:
+			leftEighths(6);
+			return true;
+		case 9611:
+			leftEighths(5);
+			return true;
+		case 9612:
+			leftEighths(4);
+			return true;
+		case 9613:
+			leftEighths(3);
+			return true;
+		case 9614:
+			leftEighths(2);
+			return true;
+		case 9615:
+			leftEighths(1);
+			return true;
+		case 9616:
+			context.fillRect(rect.x + rect.width / 2, rect.y, rect.width / 2, rect.height);
+			return true;
+		case 9617:
+			drawShade(context, rect, "light");
+			return true;
+		case 9618:
+			drawShade(context, rect, "medium");
+			return true;
+		case 9619:
+			drawShade(context, rect, "dark");
+			return true;
+		case 9620:
+			context.fillRect(rect.x, rect.y, rect.width, rect.height / 8);
+			return true;
+		case 9621:
+			context.fillRect(maxX - rect.width / 8, rect.y, rect.width / 8, rect.height);
+			return true;
+		case 9622:
+			fillQuadrants(context, rect, ["bottomLeft"]);
+			return true;
+		case 9623:
+			fillQuadrants(context, rect, ["bottomRight"]);
+			return true;
+		case 9624:
+			fillQuadrants(context, rect, ["topLeft"]);
+			return true;
+		case 9625:
+			fillQuadrants(context, rect, [
+				"topLeft",
+				"bottomLeft",
+				"bottomRight"
+			]);
+			return true;
+		case 9626:
+			fillQuadrants(context, rect, ["topLeft", "bottomRight"]);
+			return true;
+		case 9627:
+			fillQuadrants(context, rect, [
+				"topLeft",
+				"topRight",
+				"bottomLeft"
+			]);
+			return true;
+		case 9628:
+			fillQuadrants(context, rect, [
+				"topLeft",
+				"topRight",
+				"bottomRight"
+			]);
+			return true;
+		case 9629:
+			fillQuadrants(context, rect, ["topRight"]);
+			return true;
+		case 9630:
+			fillQuadrants(context, rect, ["topRight", "bottomLeft"]);
+			return true;
+		case 9631:
+			fillQuadrants(context, rect, [
+				"topRight",
+				"bottomLeft",
+				"bottomRight"
+			]);
+			return true;
+		default: return false;
+	}
+}
+function fillQuadrants(context, rect, quadrants) {
+	const halfWidth = rect.width / 2;
+	const halfHeight = rect.height / 2;
+	for (const quadrant of quadrants) switch (quadrant) {
+		case "topLeft":
+			context.fillRect(rect.x, rect.y, halfWidth, halfHeight);
+			break;
+		case "topRight":
+			context.fillRect(rect.x + halfWidth, rect.y, halfWidth, halfHeight);
+			break;
+		case "bottomLeft":
+			context.fillRect(rect.x, rect.y + halfHeight, halfWidth, halfHeight);
+			break;
+		case "bottomRight":
+			context.fillRect(rect.x + halfWidth, rect.y + halfHeight, halfWidth, halfHeight);
+			break;
+	}
+}
+function drawShade(context, rect, density) {
+	const pixels = density === "light" ? [[0, 0]] : density === "medium" ? [[0, 0], [1, 1]] : [
+		[0, 0],
+		[1, 0],
+		[0, 1]
+	];
+	for (let y = rect.y; y < rect.y + rect.height; y += 2) for (let x = rect.x; x < rect.x + rect.width; x += 2) for (const [px, py] of pixels) {
+		const dotX = x + (px ?? 0);
+		const dotY = y + (py ?? 0);
+		if (dotX < rect.x + rect.width && dotY < rect.y + rect.height) context.fillRect(dotX, dotY, 1, 1);
+	}
+}
+const brailleSubpixels = [
+	[
+		1,
+		0,
+		0
+	],
+	[
+		8,
+		1,
+		0
+	],
+	[
+		2,
+		0,
+		1
+	],
+	[
+		16,
+		1,
+		1
+	],
+	[
+		4,
+		0,
+		2
+	],
+	[
+		32,
+		1,
+		2
+	],
+	[
+		64,
+		0,
+		3
+	],
+	[
+		128,
+		1,
+		3
+	]
+];
+function drawBraille(context, codePoint, rect) {
+	const mask = codePoint - 10240;
+	if (mask === 0) return true;
+	const cellWidth = rect.width / 2;
+	const rowHeight = rect.height / 4;
+	for (const [bit, col, row] of brailleSubpixels) {
+		if ((mask & bit) === 0) continue;
+		const x = rect.x + col * cellWidth;
+		const y = rect.y + row * rowHeight;
+		context.fillRect(x, y, cellWidth, rowHeight);
+	}
+	return true;
+}
+//#endregion
+export { canRenderBoxDrawing, drawBoxDrawing };
+
+//# sourceMappingURL=BoxDrawingRenderer.js.map