Add a way to disable html scaling (#2)

* Add unsafe-eval to CSP * Add option to disable HTML scaling
Toniq-Labs · Jul 24, 2024 · cb0406f · cb0406f
1 parent beaabcd
commit cb0406f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/packages/toniq-nft-frame/src/iframe/iframe-html.ts b/packages/toniq-nft-frame/src/iframe/iframe-html.ts
@@ -118,14 +118,16 @@ function setScaledNftSize(
     }
 
     if (dimensionScales && (dimensionScales.height !== 1 || dimensionScales.width !== 1)) {
-        htmlElement.querySelector('body')!.style.setProperty(
-            'transform',
-            [
-                `scaleX(${dimensionScales.width})`,
-                `scaleY(${dimensionScales.height})`,
-            ].join(' '),
-        );
-        htmlElement.classList.add('scaled');
+        if (!nftConfig.disableHTMLScaling) {
+            htmlElement.querySelector('body')!.style.setProperty(
+                'transform',
+                [
+                    `scaleX(${dimensionScales.width})`,
+                    `scaleY(${dimensionScales.height})`,
+                ].join(' '),
+            );
+            htmlElement.classList.add('scaled');
+        }
     }
 
     return newNftDimensions;

diff --git a/packages/toniq-nft-frame/src/nft-frame-config.ts b/packages/toniq-nft-frame/src/nft-frame-config.ts
@@ -60,6 +60,8 @@ export const defaultNftConfig = {
     /** Set this to true to prevent removal of console method calls inside of the child iframe. */
     allowConsoleLogs: undefined as boolean | undefined,
     hideError: undefined as boolean | undefined,
+    /** Set this to true disable scaling feature on HTML NFTs */
+    disableHTMLScaling: undefined as boolean | undefined,
 } as const;
 
 type RequiredConfigKeys = 'nftUrl' | 'childFrameUrl';