Implemented according to instructions but not working

This commit is contained in:
John Huang 2024-02-05 10:57:58 -08:00
parent 97452d7785
commit d29f45ca8e
No known key found for this signature in database
GPG Key ID: 7BEF1876FF3664D9
3 changed files with 74 additions and 4 deletions

View File

@ -18,9 +18,33 @@
<meta property="og:image:height" content="1260" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="dYdX" />
<meta name="smartbanner:title" content="dYdX Chain">
<meta name="smartbanner:author" content="dYdX Operations Services Ltd">
<meta name="smartbanner:price" content="FREE">
<meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
<meta name="smartbanner:icon-apple" content="https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/1a/ba/5d/1aba5d13-e050-a69d-b758-68e349d822c1/AppIcon-1x_U007emarketing-0-7-0-85-220.png/246x0w.webp">
<meta name="smartbanner:button" content="VIEW">
<meta name="smartbanner:button-url-apple" content="https://apps.apple.com/app/id6475599596">
<meta name="smartbanner:enabled-platforms" content="ios">
<meta name="smartbanner:close-label" content="Close">
<link rel="stylesheet" href="node_modules/smartbanner.js/dist/smartbanner.min.css">
<script src="node_modules/smartbanner.js/dist/smartbanner.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script>
let onLoadHandlerForConflictTesting = function() {};
window.onload = onLoadHandlerForConflictTesting;
document.addEventListener('smartbanner.view', function() { console.log('smartbanner.view'); });
document.addEventListener('smartbanner.exit', function() { console.log('smartbanner.exit'); });
document.addEventListener('smartbanner.clickout', function() { console.log('smartbanner.clickout'); });
// Manual smartbanner population:
// 1) set smartbanner:api meta tag to true above for manual smartbanner population
// 2) Uncomment below
//let apiHandler = function() { smartbanner.publish(); };
//window.onload = apiHandler;
</script>
</body>
</html>

View File

@ -110,6 +110,8 @@
"react-router-dom": "^6.14.0",
"react-stately": "^3.23.0",
"reselect": "^4.1.8",
"smart-app-banner": "^2.0.0",
"smartbanner.js": "^1.22.0",
"styled-components": "^5.3.11",
"use-latest": "^1.2.1",
"viem": "^1.20.0",

52
pnpm-lock.yaml generated
View File

@ -1,5 +1,9 @@
lockfileVersion: '6.0'
settings:
autoInstallPeers: true
excludeLinksFromLockfile: false
overrides:
follow-redirects: 1.15.3
@ -238,6 +242,12 @@ dependencies:
reselect:
specifier: ^4.1.8
version: 4.1.8
smart-app-banner:
specifier: ^2.0.0
version: 2.0.0
smartbanner.js:
specifier: ^1.22.0
version: 1.22.0
styled-components:
specifier: ^5.3.11
version: 5.3.11(@babel/core@7.22.5)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
@ -8079,6 +8089,10 @@ packages:
resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
dev: true
/component-query@0.0.3:
resolution: {integrity: sha512-VgebQseT1hz1Ps7vVp2uaSg+N/gsI5ts3AZUSnN6GMA2M82JH7o+qYifWhmVE/e8w/H48SJuA3nA9uX8zRe95Q==}
dev: false
/concat-map@0.0.1:
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
@ -8120,6 +8134,10 @@ packages:
/convert-source-map@1.9.0:
resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
/cookie-cutter@0.2.0:
resolution: {integrity: sha512-eVyP5liHjDMCmGlp2OD+qoin5TJlwUBRjBKN8R2yJ3ePf8xqUtqmRP6e36ipe0nBm2lTiertH6iHPOptNQzAEw==}
dev: false
/cookie-es@1.0.0:
resolution: {integrity: sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==}
dev: false
@ -9600,6 +9618,12 @@ packages:
engines: {node: 6.* || 8.* || >= 10.*}
dev: false
/get-doc@1.0.4:
resolution: {integrity: sha512-eZ/XpGRr5A5bh3P+yLIZM7a21Tx95NtiUh/nI/qT3GcFzhJyYOL2CNXceej7fZOnacaiDtoQPxQsvpBD7/bMeg==}
dependencies:
has-dom: 1.0.1
dev: false
/get-func-name@2.0.0:
resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
dev: true
@ -9827,6 +9851,11 @@ packages:
resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
dev: true
/has-dom@1.0.1:
resolution: {integrity: sha512-zjbpaHVws+dr8dygaKfICCV4pSeN4Ni1rdQs8yMxFK7aQMuzXpp6bFILtkwcni1aG67SctJgh0bIvddH5z3IBQ==}
engines: {node: '>=0.10.0'}
dev: false
/has-flag@3.0.0:
resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
engines: {node: '>=4'}
@ -13308,6 +13337,21 @@ packages:
engines: {node: '>=12'}
dev: true
/smart-app-banner@2.0.0:
resolution: {integrity: sha512-Z4Rb9OV6u+QnLyLTJW+gf2D4IZ51UUMRl6OTIKos1V/+QpzgyYtv9jdW1TiswNhBSCuRtNvX7+C7zxsbbmnJPA==}
dependencies:
component-query: 0.0.3
cookie-cutter: 0.2.0
get-doc: 1.0.4
object-assign: 4.1.1
ua-parser-js: 0.7.37
dev: false
/smartbanner.js@1.22.0:
resolution: {integrity: sha512-JhERLgwEPuzVdwAHds1J6txWBVq9BwmlAn+5VicrAfIOMO3ehNA7VHu8IIJNnW1LsElSCaLWxjdLjlEwLDqAvA==}
engines: {node: '>=10.24.1 <22.0.0'}
dev: false
/sonic-boom@2.8.0:
resolution: {integrity: sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==}
dependencies:
@ -13949,6 +13993,10 @@ packages:
engines: {node: '>=14.17'}
hasBin: true
/ua-parser-js@0.7.37:
resolution: {integrity: sha512-xV8kqRKM+jhMvcHWUKthV9fNebIzrNy//2O9ZwWcfiBFR5f25XVZPLlEajk/sf3Ra15V92isyQqnIEXRDaZWEA==}
dev: false
/ufo@1.2.0:
resolution: {integrity: sha512-RsPyTbqORDNDxqAdQPQBpgqhWle1VcTSou/FraClYlHf6TZnQcGslpLcAphNR+sQW4q5lLWLbOsRlh9j24baQg==}
@ -14912,7 +14960,3 @@ packages:
/zwitch@2.0.4:
resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
dev: true
settings:
autoInstallPeers: true
excludeLinksFromLockfile: false