From b8396ad4e82e392c3a4cd554e2c1c02d8e82c9d2 Mon Sep 17 00:00:00 2001
From: mistic100 <contact@git.strangeplanet.fr>
Date: Thu, 25 Jan 2024 12:59:08 +0100
Subject: [PATCH] Fix #1214 Closes #1215 tiles-adapter: remove black bar on
 loading

---
 .../src/adapters/EquirectangularAdapter.ts    | 39 ++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/adapters/EquirectangularAdapter.ts b/packages/core/src/adapters/EquirectangularAdapter.ts
index e07dbb50e..dbb1d7a88 100644
--- a/packages/core/src/adapters/EquirectangularAdapter.ts
+++ b/packages/core/src/adapters/EquirectangularAdapter.ts
@@ -271,7 +271,44 @@ export class EquirectangularAdapter extends AbstractAdapter<string, Texture, Pan
             }
 
             if (this.config.blur) {
-                ctx.filter = `blur(${buffer.width / 2048}px)`;
+                const blurSize = buffer.width / 2048;
+                const margin = Math.ceil(blurSize * 2);
+
+                // copy edges before applying the blur
+                if (resizedPanoData.croppedWidth === buffer.width) {
+                    ctx.drawImage(
+                        img,
+                        0, 0,
+                        margin / ratio, img.height,
+                        0, resizedPanoData.croppedY,
+                        margin, resizedPanoData.croppedHeight
+                    );
+                    ctx.drawImage(
+                        img,
+                        img.width - margin / ratio, 0,
+                        margin / ratio, img.height,
+                        buffer.width - margin, resizedPanoData.croppedY,
+                        margin, resizedPanoData.croppedHeight
+                    );
+                }
+                if (resizedPanoData.croppedHeight === buffer.height) {
+                    ctx.drawImage(
+                        img,
+                        0, 0,
+                        1, 1,
+                        resizedPanoData.croppedX, 0,
+                        resizedPanoData.croppedWidth, margin
+                    );
+                    ctx.drawImage(
+                        img,
+                        0, img.height - 1,
+                        1, 1,
+                        resizedPanoData.croppedX, buffer.height - margin,
+                        resizedPanoData.croppedWidth, margin
+                    );
+                }
+
+                ctx.filter = `blur(${blurSize }px)`;
             }
 
             ctx.drawImage(