{"_id":"@convex-nudge/remix","_rev":"6-cf0b934793c079d10e70661e34e5a447","name":"@convex-nudge/remix","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@convex-nudge/remix","version":"1.0.0","keywords":["convex","ui","remix","component"],"author":"","license":"MIT","_id":"@convex-nudge/remix@1.0.0","maintainers":[{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"}],"dist":{"shasum":"d87b9e9e8c084d71a542824ef8e8e7075c1f8b4e","tarball":"https://registry.npmjs.org/@convex-nudge/remix/-/remix-1.0.0.tgz","fileCount":5,"integrity":"sha512-Khf1VQnPtOzfQt31OKcwKI7p28Fvs9fpUiYXaAqQt6tjUNypa6v2NNUjVoG8Xkx0OqL7+937PUfqLcwpgaE19Q==","signatures":[{"sig":"MEUCICXdgaNcejxpEntGIdl/BDpWM0fZhQEaZerdavYnAVULAiEA9j1NjJCfEDU/kQBq2z6KDdWYHYKctwseesrcbOQ4Txk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3994},"main":"./dist/index.cjs","type":"module","_from":"file:convex-nudge-remix-1.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"build":"tsup"},"_npmUser":{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"},"_resolved":"/private/var/folders/nl/835gml5x2ld0wyk0r86g8lw00000gn/T/6b3e1a03db11219c402425f86e2481f9/convex-nudge-remix-1.0.0.tgz","_integrity":"sha512-Khf1VQnPtOzfQt31OKcwKI7p28Fvs9fpUiYXaAqQt6tjUNypa6v2NNUjVoG8Xkx0OqL7+937PUfqLcwpgaE19Q==","_npmVersion":"10.8.2","description":"A beautiful and customizable Convex Nudge component for multiple frameworks","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"@convex-nudge/core":"1.0.0","@convex-nudge/react":"1.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@remix-run/react":"^2.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","@remix-run/react":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/remix_1.0.0_1741022748807_0.07304494859394439","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@convex-nudge/remix","version":"1.1.0","keywords":["convex","ui","remix","component"],"author":"","license":"MIT","_id":"@convex-nudge/remix@1.1.0","maintainers":[{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"}],"dist":{"shasum":"5140c9ff14a15c75a6e73b10db6a26f0e5b85d39","tarball":"https://registry.npmjs.org/@convex-nudge/remix/-/remix-1.1.0.tgz","fileCount":6,"integrity":"sha512-484e/0APcRmZ4RCNwgCbbaMVaXwZqYg8p8IoYrAjNegKnESeGK4YbMNtnUkSsh6+BeaPwTLHFnWALqlu785Y7g==","signatures":[{"sig":"MEYCIQDuDd+h3UzgEjDgNgSH36umJl5r9DrwTCNEjIGj4SmOBwIhAN/Cl83CKd4QC2GzaRWECexda6D79ahp7E4LULQuoCni","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5782},"main":"./dist/index.cjs","type":"module","_from":"file:convex-nudge-remix-1.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"build":"tsup"},"_npmUser":{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"},"_resolved":"/private/var/folders/nl/835gml5x2ld0wyk0r86g8lw00000gn/T/6edf8499459eedf4a6e113b49a950502/convex-nudge-remix-1.1.0.tgz","_integrity":"sha512-484e/0APcRmZ4RCNwgCbbaMVaXwZqYg8p8IoYrAjNegKnESeGK4YbMNtnUkSsh6+BeaPwTLHFnWALqlu785Y7g==","_npmVersion":"10.8.2","description":"A beautiful and customizable Convex Nudge component for multiple frameworks","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"@convex-nudge/core":"1.1.0","@convex-nudge/react":"1.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@remix-run/react":"^2.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","@remix-run/react":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/remix_1.1.0_1741023204741_0.13039055770797225","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@convex-nudge/remix","version":"2.0.1","keywords":["convex","ui","remix","component"],"author":"","license":"MIT","_id":"@convex-nudge/remix@2.0.1","maintainers":[{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"}],"dist":{"shasum":"228d876ffd6350af0e17b3dac4093874df006948","tarball":"https://registry.npmjs.org/@convex-nudge/remix/-/remix-2.0.1.tgz","fileCount":7,"integrity":"sha512-GFzacRMqF/uYoTZvAalhXortEcin8PR84gcqvNcdyJj9DKujUWANRFvLdj/lLX6zs+WJYXrlGa5yN5SlEI5ukg==","signatures":[{"sig":"MEUCIEIOFFxXs/16MmegAeuBpmqa92LqsUBypRlVcGkFnIeNAiEApiZndS7Cz4Y2kF7fbJPnd2iNZ2jcmt+CUieu19eVn8U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6711},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"4220ab8d0281215747a73c60d30dfb781b972469","scripts":{"build":"tsup"},"_npmUser":{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"},"_npmVersion":"10.8.2","description":"A beautiful and customizable Convex Nudge component for multiple frameworks","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"@convex-nudge/core":"^2.0.0","@convex-nudge/react":"^2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0","@types/react":"^18.0.0","@remix-run/react":"^2.0.0","@types/react-dom":"^18.0.0"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","@remix-run/react":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/remix_2.0.1_1741283385130_0.6554521355913239","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@convex-nudge/remix","version":"1.1.1","description":"A beautiful and customizable Convex Nudge component for multiple frameworks","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"scripts":{"build":"tsup"},"keywords":["convex","ui","remix","component"],"author":"","license":"MIT","dependencies":{"@convex-nudge/core":"^1.1.1","@convex-nudge/react":"^1.1.1"},"peerDependencies":{"@remix-run/react":"^2.0.0","react":"^18.0.0","react-dom":"^18.0.0"},"devDependencies":{"@remix-run/react":"^2.0.0","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","tsup":"^8.0.0","typescript":"^5.0.0","react":"^18.0.0","react-dom":"^18.0.0"},"_id":"@convex-nudge/remix@1.1.1","gitHead":"8dde8ecbe3ae9ac77208707c962ed10e4084ae02","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-EKJA2PmW+PiS/YKcPGv9GsUjRAeDXc/sgO/81mJDev0Cmux9apZtT1xNEZnUXhDIdVGH0Yd632V1WKAWmKixDQ==","shasum":"653700c2c9ad5857bdb593e0e25554a53b6efb4a","tarball":"https://registry.npmjs.org/@convex-nudge/remix/-/remix-1.1.1.tgz","fileCount":6,"unpackedSize":5784,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIE6U39I37h7NTHFIY+4tjkrFkXUtvsXuXEOZRHXeXF/JAiAf+r0/kD61v6dFIY7UN8U1TydJqGIHAT2wR1d9D5NYyw=="}]},"_npmUser":{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"},"directories":{},"maintainers":[{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/remix_1.1.1_1741285055819_0.8080305261972218"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-03T17:25:48.720Z","modified":"2025-03-06T18:17:36.163Z","1.0.0":"2025-03-03T17:25:48.972Z","1.1.0":"2025-03-03T17:33:24.930Z","2.0.0":"2025-03-06T17:37:52.157Z","2.0.1":"2025-03-06T17:49:45.303Z","1.1.1":"2025-03-06T18:17:35.985Z"},"license":"MIT","keywords":["convex","ui","remix","component"],"description":"A beautiful and customizable Convex Nudge component for multiple frameworks","maintainers":[{"name":"hamzarelated","email":"hamzasaleembusiness@gmail.com"}],"readme":"# @convex-nudge/remix\n\nRemix implementation of the Convex Nudge component. A beautiful and customizable component to showcase your app's use of Convex in your Remix application.\n\n## Installation\n\n```bash\nnpm install @convex-nudge/remix\n# or\nyarn add @convex-nudge/remix\n# or\npnpm add @convex-nudge/remix\n```\n\n## Usage\n\n```tsx\nimport { ConvexNudge } from '@convex-nudge/remix';\nimport { useState } from 'react';\n\nexport default function App() {\n  const [isVisible, setIsVisible] = useState(true);\n\n  const handleDismiss = () => {\n    setIsVisible(false);\n  };\n\n  return (\n    <div>\n      {isVisible && (\n        <ConvexNudge\n          position=\"top-right\"\n          variant=\"light\"\n          dismissible={true}\n          textSize=\"medium\"\n          fixed={true}\n          onDismiss={handleDismiss}\n          referralCode=\"your-referral-code\"\n        />\n      )}\n    </div>\n  );\n}\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `position` | `'top' \\| 'bottom' \\| 'left' \\| 'right' \\| 'top-right' \\| 'bottom-right' \\| 'top-left' \\| 'bottom-left'` | `'bottom-right'` | Position of the nudge |\n| `variant` | `'light' \\| 'dark' \\| 'purple' \\| 'blue'` | `'light'` | Color variant |\n| `textSize` | `'xs' \\| 'sm' \\| 'base'` | `'sm'` | Text size |\n| `logoSize` | `number` | `20` | Size of the Convex logo in pixels |\n| `fixed` | `boolean` | `true` | Whether to use fixed positioning |\n| `dismissible` | `boolean` | `true` | Whether to show dismiss button |\n| `zIndex` | `number` | `50` | CSS z-index |\n| `referralCode` | `string` | `undefined` | Your Convex referral code |\n| `animation` | `'slide' \\| 'fade' \\| 'none'` | `'slide'` | Animation type |\n| `onDismiss` | `() => void` | `undefined` | Callback when nudge is dismissed |\n\n## License\n\nMIT ","readmeFilename":"README.md"}