{"_id":"@whop/iframe","_rev":"17-fa9a8a3972adae4c3bffeb68911e286f","name":"@whop/iframe","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.1":{"name":"@whop/iframe","version":"0.0.1","_id":"@whop/iframe@0.0.1","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"dist":{"shasum":"07da85b06a60be88a373f1c1833760d92cc7e85b","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.1.tgz","fileCount":18,"integrity":"sha512-9oEHvfiElEvCTnGnwlxu7WDYo0jqEHzut26G+JmYcZbrqYpxnxR9s9vF3B+iS1k37OPdDO20TdfKoa5+NIpiNQ==","signatures":[{"sig":"MEUCIFKYG3rL8Q7UGSiWaiFYgH5/m2MaDE2goALFU573fQZxAiEA18GG+N8EcEFQ14tO08vJ3ASt2xCugI4XpDhPZjVk3Tc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":219234},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":"22.x","pnpm":"9.15.9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"baked-developer","email":"tristan@whop.com"},"_resolved":"/tmp/ffbc5d5e20ddcb4fbde0ce85579afae8/whop-iframe-0.0.1.tgz","_integrity":"sha512-9oEHvfiElEvCTnGnwlxu7WDYo0jqEHzut26G+JmYcZbrqYpxnxR9s9vF3B+iS1k37OPdDO20TdfKoa5+NIpiNQ==","_npmVersion":"10.9.2","description":"Official SDK to power communications of a Whop embedded app and the host frame. Use this for native js implementations for Whop Apps. If you are using react we recommend the usage of `@whop/react` instead.","directories":{},"_nodeVersion":"22.15.0","dependencies":{"zod":"3.22.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.1_1748915918075_0.28171860783710234","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@whop/iframe","version":"0.0.2","keywords":["whop","iframe","sdk","embedded","apps","payments"],"license":"MIT","_id":"@whop/iframe@0.0.2","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"homepage":"https://whop.com/developers/","bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"dist":{"shasum":"5786e6cca638a394cc565c11dd094b0439e46d39","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.2.tgz","fileCount":19,"integrity":"sha512-zPXXtUgYC8UywDMXiMPDutqKJ+GvdaSSuIAXxSPGiDXq+I1MmNKlJXjbbxIlQgQRYXQWzkt95GuEj0q6bd4zdQ==","signatures":[{"sig":"MEYCIQDZgTRPoqJU2YOdNhu9mITX9wH09ftZ+b2j6v5+45qcLwIhANSNoHpo2Sd6vF+3GjQT6NcGA0iOCCBFM/QB7pUAxvH1","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":220740},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":"22.x","pnpm":"9.15.9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"baked-developer","email":"tristan@whop.com"},"_resolved":"/tmp/e7df022b6efdd9345ea6cba9497d4fa9/whop-iframe-0.0.2.tgz","_integrity":"sha512-zPXXtUgYC8UywDMXiMPDutqKJ+GvdaSSuIAXxSPGiDXq+I1MmNKlJXjbbxIlQgQRYXQWzkt95GuEj0q6bd4zdQ==","repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"_npmVersion":"10.9.2","description":"Powers communication between Whop and your embedded app","directories":{},"_nodeVersion":"22.15.0","dependencies":{"zod":"3.22.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.2_1748958381473_0.4337485510650836","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@whop/iframe","version":"0.0.3","keywords":["whop","iframe","sdk","embedded","apps","payments"],"license":"MIT","_id":"@whop/iframe@0.0.3","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"homepage":"https://whop.com/developers/","bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"dist":{"shasum":"6bb641653a6507605c40283c4fd43e7e45ad6d85","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.3.tgz","fileCount":19,"integrity":"sha512-Gb64GPKnFq0E/GRuKCEHbfxgB362ccAjEA7GHsEMDgRug7PCPCf0DmQRMA0//qV4XKzKKVyis5VGRQivwmnEJg==","signatures":[{"sig":"MEUCIG7tLVIcDeoFR8YiIi7iRhn9qayhBV6RB8Jg1tDqEk+WAiEA68u+ZVNooaMUieoEf3nmec5835mUABqpMdANW/4K1IM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":220740},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.3.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":"22.x","pnpm":"9.15.9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"baked-developer","email":"tristan@whop.com"},"_resolved":"/tmp/8af7340cd3bc805fdde999d727717e16/whop-iframe-0.0.3.tgz","_integrity":"sha512-Gb64GPKnFq0E/GRuKCEHbfxgB362ccAjEA7GHsEMDgRug7PCPCf0DmQRMA0//qV4XKzKKVyis5VGRQivwmnEJg==","repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"_npmVersion":"10.9.2","description":"Powers communication between Whop and your embedded app","directories":{},"_nodeVersion":"22.15.0","dependencies":{"zod":"3.22.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.3_1749057285525_0.817282246533586","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@whop/iframe","version":"0.0.4","keywords":["whop","iframe","sdk","embedded","apps","payments"],"license":"MIT","_id":"@whop/iframe@0.0.4","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"connorwhop","email":"connor@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"homepage":"https://whop.com/developers/","bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"dist":{"shasum":"104cea66504eea124c53754d80002ed0afd3d3b4","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.4.tgz","fileCount":19,"integrity":"sha512-sHiIeaUNQCPHOltLEZeRhMpPsum4+3237COA/181Q0n+5LQxR38OMxEoCPBEk5Mp3qUp8vmdjL0tiYWGzZ/88g==","signatures":[{"sig":"MEUCIHgxkzvg/gOo62xgKl/8LjqXVlFy4CmTV3CFqmn1S828AiEA+MH58kGlZ43g5ZZMl2G57bFhpdufVzVcGhHJTMsaHNM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":234048},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.4.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":"22.x","pnpm":"10.23.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"connorwhop","email":"connor@whop.com"},"_resolved":"/private/var/folders/vl/19h1408j20df91jrhwmwz3r40000gn/T/6979d8ae38e6e9c28cba508bc6167f62/whop-iframe-0.0.4.tgz","_integrity":"sha512-sHiIeaUNQCPHOltLEZeRhMpPsum4+3237COA/181Q0n+5LQxR38OMxEoCPBEk5Mp3qUp8vmdjL0tiYWGzZ/88g==","repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"_npmVersion":"10.9.4","description":"Powers communication between Whop and your embedded app","directories":{},"_nodeVersion":"22.21.1","dependencies":{"zod":"3.22.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.4_1767747621816_0.4850477997908458","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@whop/iframe","version":"0.0.5","keywords":["whop","iframe","sdk","embedded","apps","payments"],"license":"MIT","_id":"@whop/iframe@0.0.5","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"connorwhop","email":"connor@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"homepage":"https://whop.com/developers/","bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"dist":{"shasum":"627df3cde14e8fe5468e5b77397873080ea26885","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.5.tgz","fileCount":19,"integrity":"sha512-Nv+gKZsT2nWnPEc+A12yfvHy+V9f2ZruIwakR1xPrmRqjU0ETyhfLqEdogoR9b7IdvdPO5WLk1ZgRDS+bxqREQ==","signatures":[{"sig":"MEYCIQCC+1vVnTSQS//nyLXtnKiDM0ZfqsEGt3oA8h+dsXEwVQIhAJMXeV6XhtAT4bv6bD1BbY38zcwBywxgKdNDfPdTz24N","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":234032},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.5.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":"22.x","pnpm":"10.23.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"baked-developer","email":"tristan@whop.com"},"_resolved":"/tmp/7c13d094041bec14645dcbbeaa6184c4/whop-iframe-0.0.5.tgz","_integrity":"sha512-Nv+gKZsT2nWnPEc+A12yfvHy+V9f2ZruIwakR1xPrmRqjU0ETyhfLqEdogoR9b7IdvdPO5WLk1ZgRDS+bxqREQ==","repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"_npmVersion":"10.9.4","description":"Powers communication between Whop and your embedded app","directories":{},"_nodeVersion":"22.21.1","dependencies":{"zod":"3.22.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.5_1767981252225_0.4528130511633821","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@whop/iframe","version":"0.0.6","keywords":["whop","iframe","sdk","embedded","apps","payments"],"license":"MIT","_id":"@whop/iframe@0.0.6","maintainers":[{"name":"stevo2","email":"steven@whop.com"},{"name":"baked-developer","email":"tristan@whop.com"},{"name":"connorwhop","email":"connor@whop.com"},{"name":"jjantschulev","email":"j.jantschulev@gmail.com"}],"homepage":"https://whop.com/developers/","bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"dist":{"shasum":"e4331610bf53cf647237299e15537b843a52a941","tarball":"https://registry.npmjs.org/@whop/iframe/-/iframe-0.0.6.tgz","fileCount":19,"integrity":"sha512-SHNuwmxwNIUXUSq0wzO7Y8j3XZsOa29Qw8RNxwNnyQ84e5TxkBX6zkwDWpsi+iv0lfYi/orAqrblZpXLrxVdYA==","signatures":[{"sig":"MEUCIQD+acBYcnSmANsjDzOTQeLkHiq+pK1yxj15JjN/IJgvFgIgRfZQcWOUOS5pTObMVe1OQa47/2R+ud6aZAC7TBSVqIY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":233970},"main":"./dist/index.cjs","_from":"file:whop-iframe-0.0.6.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./host":{"types":"./dist/host.d.ts","import":"./dist/host.mjs","require":"./dist/host.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","lint:fix":"biome check --write --unsafe","check-types":"tsc --noEmit"},"_npmUser":{"name":"baked-developer","email":"tristan@whop.com"},"_resolved":"/tmp/1630d9a83797568245e0cbacddd365fd/whop-iframe-0.0.6.tgz","_integrity":"sha512-SHNuwmxwNIUXUSq0wzO7Y8j3XZsOa29Qw8RNxwNnyQ84e5TxkBX6zkwDWpsi+iv0lfYi/orAqrblZpXLrxVdYA==","repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"_npmVersion":"10.9.4","description":"Powers communication between Whop and your embedded app","directories":{},"_nodeVersion":"22.22.0","dependencies":{"zod":"3.22.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"8.5.0","typescript":"latest","@types/node":"latest"},"_npmOperationalInternal":{"tmp":"tmp/iframe_0.0.6_1769561214628_0.6654118677536163","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-06-03T01:58:37.981Z","modified":"2026-08-22T00:05:55.315Z","0.0.1":"2025-06-03T01:58:38.285Z","0.0.2":"2025-06-03T13:46:21.717Z","0.0.3":"2025-06-04T17:14:45.730Z","0.0.4":"2026-01-07T01:00:21.966Z","0.0.5":"2026-01-09T17:54:12.382Z","0.0.6":"2026-01-28T00:46:54.839Z"},"bugs":{"url":"https://github.com/whopio/whop-sdk-ts/issues"},"license":"MIT","homepage":"https://whop.com/developers/","keywords":["whop","iframe","sdk","embedded","apps","payments"],"repository":{"url":"git+https://github.com/whopio/whop-sdk-ts.git","type":"git","directory":"packages/iframe"},"description":"Powers communication between Whop and your embedded app","maintainers":[{"email":"ryan.ouyang01@gmail.com","name":"ryanouyang"},{"email":"steven@whop.com","name":"stevo2"},{"email":"tristan@whop.com","name":"baked-developer"},{"email":"noah.schoenhaus@whop.com","name":"noahs233"},{"email":"destineewalston7@gmail.com","name":"deels"},{"email":"connor@whop.com","name":"connorwhop"},{"email":"schwartzray8@gmail.com","name":"danielschwartz4"},{"email":"anton.reza@whop.com","name":"antonwhop"},{"email":"stevezzhang@gmail.com","name":"zhast"},{"email":"j.jantschulev@gmail.com","name":"jjantschulev"}],"readme":"# @whop/iframe\n\nOfficial SDK to power communications of a Whop embedded app and the host frame. Use this for native js implementations for Whop Apps. If you are using react we recommend the usage of `@whop/react` instead.\n\n## Setup\n\n```ts lib/iframe-sdk.ts\n// lib/iframe-sdk.ts\nimport { createSdk } from \"@whop/iframe\";\n\nexport const iframeSdk = createSdk({\n\tappId: process.env.NEXT_PUBLIC_WHOP_APP_ID,\n});\n```\n\n## Usage\n\nNow you can import your iframeSdk instance and use it to react to user events\n\n```ts index.ts\n// index.ts\nimport { iframeSdk } from \"@/lib/iframe-sdk\";\n\nconst navigationButtonElement = document.querySelector(\"button\");\n\nif (navigationButtonElement && navigationButtonElement.dataset.listenerAttached !== \"true\") {\n\tnavigationButtonElement.addEventListener(\"click\", () => {\n\t\tiframeSdk.openExternalUrl({ url: \"https://example.com\" });\n\t});\n\t\n\tnavigationButtonElement.dataset.listenerAttached = \"true\";\n}\n```\n","readmeFilename":"README.md"}