[dev] update bitgen renderer script to fix image to 100% width

Toniq-Labs · Feb 13, 2024 · 6ef8805 · 6ef8805
1 parent 6ddf613
commit 6ef8805
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 18 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": "3.0.1",
+    "version": "3.0.2",
     "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": "3.0.1",
+    "version": "3.0.2",
     "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": "3.0.1",
+    "version": "3.0.2",
     "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": "3.0.1",
+    "version": "3.0.2",
     "private": true,
     "license": "MIT",
     "author": {

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": "3.0.1",
+    "version": "3.0.2",
     "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/www-static/content/renderer-js-inscription-id.js b/packages/toniq-nft-frame/www-static/content/renderer-js-inscription-id.js
@@ -24,13 +24,13 @@ async function render(size, ...inscriptionIds) {
          * transparency edge render artifacts, like grey borders. As long as this image gets 1 pixel
          * rendered on screen for 1 frame, the artifacts will go away.
          */
-        const resizeArtifactFix = `
-        <img
-            class="full-size"
-            onload="this.remove()"
-            src="${generateCombinedImageUrl(size, base64Images, true)}"
-        />
-    `;
+        const resizeArtifactFix = /* HTML */ `
+            <img
+                class="full-size"
+                onload="this.remove()"
+                src="${generateCombinedImageUrl(size, base64Images, true)}"
+            />
+        `;
 
         return /* HTML */ `
             <style>
@@ -51,6 +51,7 @@ async function render(size, ...inscriptionIds) {
                 }
                 img {
                     display: block;
+                    width: 100%;
                 }
             </style>
             ${resizeArtifactFix}