add loadWait to NftFrameConfig for configurable loading time input

Toniq-Labs · Oct 21, 2023 · 12f145d · 12f145d
1 parent 7d40188
commit 12f145d
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/toniq-nft-frame-mono-repo-root",
-    "version": "1.0.10",
+    "version": "1.1.0",
     "private": true,
     "license": "MIT",
     "author": {

diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/toniq-nft-frame-demo",
-    "version": "1.0.10",
+    "version": "1.1.0",
     "private": true,
     "license": "MIT",
     "author": {

diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/toniq-nft-frame-scripts",
-    "version": "1.0.10",
+    "version": "1.1.0",
     "private": true,
     "scripts": {
         "compile": "virmator compile && npm run execute",

diff --git a/packages/tests/package.json b/packages/tests/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/toniq-nft-frame-tests",
-    "version": "1.0.10",
+    "version": "1.1.0",
     "private": true,
     "license": "MIT",
     "author": {

diff --git a/packages/tests/src/test-cases.ts b/packages/tests/src/test-cases.ts
@@ -61,13 +61,11 @@ export const testCases: ReadonlyArray<TestCase> = rawTestCases
     .map((rawTestCase) => {
         return [
             {
-                ...rawTestCase,
                 ...mediumSize,
                 nftUrl: joinUrlParts(nftURlBase || testIframeUrl, rawTestCase.nftId),
                 childFrameUrl: testIframeUrl,
             },
             {
-                ...rawTestCase,
                 ...largeSize,
                 nftUrl: joinUrlParts(nftURlBase || testIframeUrl, rawTestCase.nftId),
                 childFrameUrl: testIframeUrl,

diff --git a/packages/toniq-nft-frame/package.json b/packages/toniq-nft-frame/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/toniq-nft-frame",
-    "version": "1.0.10",
+    "version": "1.1.0",
     "homepage": "https://github.com/Toniq-Labs/nft-frame",
     "bugs": {
         "url": "https://github.com/Toniq-Labs/nft-frame/issues"

diff --git a/packages/toniq-nft-frame/src/iframe/iframe-html.ts b/packages/toniq-nft-frame/src/iframe/iframe-html.ts
@@ -1,4 +1,3 @@
-import {waitForAnimationFrame} from '@augment-vir/browser';
 import {awaitedForEach, isTruthy, wait} from '@augment-vir/common';
 import {convertTemplateToString, html} from 'element-vir';
 import {NftConfigForChildIframe} from '../nft-frame-config';
@@ -216,7 +215,7 @@ export async function setTemplateHtml(
         }
     }
 
-    await waitForAnimationFrame(10);
+    await wait(nftConfig.loadWait?.milliseconds ?? 500);
 
     return htmlElement;
 }

diff --git a/packages/toniq-nft-frame/src/nft-frame-config.ts b/packages/toniq-nft-frame/src/nft-frame-config.ts
@@ -14,6 +14,8 @@ const nftConfigConst = {
     max: undefined as Dimensions | undefined,
     /** The min NFT size constraints which the NFT will be resized to fit within. */
     min: undefined as Dimensions | undefined,
+    /** How long to wait for the nft to load before calculating size. Defaults to 500 milliseconds. */
+    loadWait: undefined as {milliseconds: number} | undefined,
     /** For hard-coding the final NFT size. Setting this can cause distortions. */
     forcedFinalNftSize: undefined as Dimensions | undefined,
     /**