{"_id":"@appmate/wishlist-hydrogen","_rev":"6-b5e9e4702a96552505dd9a2a60eef189","name":"@appmate/wishlist-hydrogen","description":"Wishlist King SDK for Shopify Hydrogen","dist-tags":{"latest":"2.2.0"},"versions":{"1.0.4":{"name":"@appmate/wishlist-hydrogen","version":"1.0.4","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@1.0.4","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"7a0c43634f62f13b44854b537f588aa7dc26d220","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-1.0.4.tgz","fileCount":5,"integrity":"sha512-wYaoKGN7/yMaNgsq4zRYIbfO+IiSapdIB1gWKYom/jo8/DL5hKGfSaTVnJVsi+6erS+GaPf+/mVsuXflVMjA8A==","signatures":[{"sig":"MEYCIQC1DUfxDnvIBhLZE9crNzsyxtTFeSoe9UW6G+hLIX9xZQIhAO6tyNtovXcx6mgKvTCKXF0DBt90xBzBaRtiUBv+DSuC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86382},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"069296760a0e71683432cdcd283f6bce76d078c9","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"8.9.0","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"18.2.0","dependencies":{"rxjs":"^7.8.1","cookie":"^0.5.0","object-hash":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^8.52.0","rimraf":"^5.0.5","rollup":"^4.2.0","ts-node":"^10.9.1","typedoc":"^0.25.3","prettier":"^3.0.3","typescript":"5.2.2","@types/react":"18.2.33","@types/object-hash":"3.0.5","@microsoft/api-extractor":"^7.38.1","@rollup/plugin-typescript":"^11.1.5"},"peerDependencies":{"react":"^18.0.0","@remix-run/react":"^2.0.0","@shopify/remix-oxygen":"^1.0.0","@shopify/oxygen-workers-types":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_1.0.4_1698748587302_0.6296046117897005","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@appmate/wishlist-hydrogen","version":"1.0.5","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@1.0.5","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"94d377074ce05636d2eb5d8c74552bc65f77a1a1","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-1.0.5.tgz","fileCount":5,"integrity":"sha512-X62hPTMfI2OjgV0afVMdYZWgXKkrtpTfTk1nCp5/DrSXJNmsAs0BqSbypk1s1K1UWBcUa0uDMUh6y3pumnFBHg==","signatures":[{"sig":"MEQCIAHVg0977QYJUOVdjSzESKy4KkmDzkM76VWtIs+ldJnoAiA56S4bH2Vze1MZ5v6A9sFlviKiZgl18ZkmKD3i+wpYJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91491},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"885ab3e43cb4775239de7586c993c60908d659ba","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"8.9.0","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"18.2.0","dependencies":{"rxjs":"^7.8.1","cookie":"^0.5.0","object-hash":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^8.52.0","rimraf":"^5.0.5","rollup":"^4.2.0","ts-node":"^10.9.1","typedoc":"^0.25.3","prettier":"^3.0.3","typescript":"5.2.2","@types/react":"18.2.33","@types/object-hash":"3.0.5","@microsoft/api-extractor":"^7.38.1","@rollup/plugin-typescript":"^11.1.5"},"peerDependencies":{"react":"^18.0.0","@remix-run/react":"^2.0.0","@shopify/remix-oxygen":"^1.0.0","@shopify/oxygen-workers-types":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_1.0.5_1698750740037_0.5963509109374943","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@appmate/wishlist-hydrogen","version":"1.0.6","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@1.0.6","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"3bbde4c9dd3eb85aee1cc2ed8f53cf18678e2102","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-1.0.6.tgz","fileCount":5,"integrity":"sha512-pMysPX7wRI5WHdjuf3njQicy0QqZNNPn75nW+lBeBD6uWt4tXU89tTJUbKUO3XUweV755R2eBuYgrWMqjMZNhA==","signatures":[{"sig":"MEUCIQDAUC4/OSN5Tkh9d7Vy2F7VZtkiwmj2m+T6SWMUzdmgyAIgJ/J+U2IPx/WsmJugR/5fPHSxvuU1zcMX5pBFKVlNRwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91497},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"c2484da83cba0787b1c780d64887492011b93ce7","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"8.9.0","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"18.2.0","dependencies":{"rxjs":"^7.8.1","cookie":"^0.5.0","object-hash":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^8.52.0","rimraf":"^5.0.5","rollup":"^4.2.0","ts-node":"^10.9.1","typedoc":"^0.25.3","prettier":"^3.0.3","typescript":"5.2.2","@types/react":"18.2.33","@types/object-hash":"3.0.5","@microsoft/api-extractor":"^7.38.1","@rollup/plugin-typescript":"^11.1.5"},"peerDependencies":{"react":"^18.0.0","@remix-run/react":"^1.0.0","@shopify/remix-oxygen":"^1.0.0","@shopify/oxygen-workers-types":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_1.0.6_1698765660053_0.5740596028437217","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@appmate/wishlist-hydrogen","version":"1.0.7","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@1.0.7","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"a78d1464f40a3ad391b65348b4cbbb642ad463c6","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-1.0.7.tgz","fileCount":5,"integrity":"sha512-0JirSVWYMACZLa38AT837w3GHlDF3JAr8G/d4FjZZdqUt0svoSPMtaIMNPLG/vbdqQ6Slp3YGiBeXC79Q4A+uQ==","signatures":[{"sig":"MEYCIQD/8ayneBs4RFEc4dVx0P56t6yov32XYXIe92CeyDou8gIhAMxnuMR6p5uys9Qh4S0FPfap5yP73rKbgrLoHoRPNHvI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91505},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"224d2d618bd5d017441abffe14350baa6900047c","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"8.9.0","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"18.2.0","dependencies":{"rxjs":"^7.8.1","cookie":"^0.5.0","object-hash":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^8.52.0","rimraf":"^5.0.5","rollup":"^4.2.0","ts-node":"^10.9.1","typedoc":"^0.25.3","prettier":"^3.0.3","typescript":"5.2.2","@types/react":"18.2.33","@types/object-hash":"3.0.5","@microsoft/api-extractor":"^7.38.1","@rollup/plugin-typescript":"^11.1.5"},"peerDependencies":{"react":">= 16.0.0","@remix-run/react":">= 1.0.0","@shopify/remix-oxygen":">= 1.0.0","@shopify/oxygen-workers-types":">= 3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_1.0.7_1698766388937_0.5033180267608401","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@appmate/wishlist-hydrogen","version":"2.0.0","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@2.0.0","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"67a9abf6f11544e7aa7de28017a0147e59aea2ff","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-2.0.0.tgz","fileCount":5,"integrity":"sha512-8kfBbfYbkn/uOQsaCatiDTpKgnNzynIySehQOerzWVqlWH6XP6W02ayAqb0GbCIKF9GTjY81ImlVl3n2tQHgbw==","signatures":[{"sig":"MEUCIQCDwFyI4suPyD0FyXsRHibFLp8tT0JvFe4sILfSwjavjgIgQNMmNzroV1YYUJ0yh7uM9aDHncUzTNdgz7ezmDv6v0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78023},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"03bdd0b054d6c2c1d2bf470f2532237ccdad721d","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"9.6.7","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"20.3.1","dependencies":{"rxjs":"^7.8.1","cookie":"^0.6.0","object-hash":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^9.2.0","rimraf":"^5.0.7","rollup":"^4.17.2","ts-node":"^10.9.2","typedoc":"^0.25.13","prettier":"^3.2.5","typescript":"^5.4.5","@types/react":"^18.2.0","@types/object-hash":"^3.0.6","@microsoft/api-extractor":"^7.43.4","@rollup/plugin-typescript":"^11.1.6"},"peerDependencies":{"react":">= 18.0.0","react-dom":">= 18.0.0","@remix-run/react":">= 2.0.0","@shopify/remix-oxygen":">= 2.0.0","@shopify/oxygen-workers-types":">= 3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_2.0.0_1715683550268_0.43143979291260703","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@appmate/wishlist-hydrogen","version":"2.1.0","license":"UNLICENSED","_id":"@appmate/wishlist-hydrogen@2.1.0","maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"dist":{"shasum":"a7e90529a811d7e7f0048d680ca268a6dca03da2","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-2.1.0.tgz","fileCount":4,"integrity":"sha512-atxkrXRUaWCCcdgx4IfDQ4reTpqU/zrSEXxjxInJZrj2Kh4DaYHCpqXcfBh5DEPhUYQDj+9qPvqOXvB3cwSjfg==","signatures":[{"sig":"MEYCIQDRzDTHtae5C1o9NY6KHC7MFZKwHr8Qk5BD5V3Tjrqb6AIhAMfHrSYvLZXUI6dzvYlOdCm2VtDhYgXlXzyzpeeS4X3L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70945},"main":"dist/esm/wishlist-hydrogen.js","type":"module","types":"dist/index.d.ts","module":"dist/esm/wishlist-hydrogen.js","gitHead":"e8419dd59bb2fe9e76c579d9eebd0d1f4b6cb3d0","scripts":{"dev":"rollup -c -w","docs":"typedoc src --out docs","test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","clean":"rimraf ./build ./dist ./docs","predocs":"rimraf ./docs","prebuild":"npm run clean","postbuild":"npm run build:types","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","prebuild:types":"rimraf ./build"},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"repository":{"url":"git+https://github.com/appmate/wishlist-hydrogen.git","type":"git"},"_npmVersion":"9.6.7","description":"Wishlist King SDK for Shopify Hydrogen","directories":{},"_nodeVersion":"20.3.1","dependencies":{"rxjs":"^7.8.1","cookie":"^0.6.0"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","eslint":"^9.2.0","rimraf":"^5.0.7","rollup":"^4.17.2","ts-node":"^10.9.2","typedoc":"^0.25.13","prettier":"^3.2.5","typescript":"^5.4.5","@types/react":"^18.2.0","@microsoft/api-extractor":"^7.43.4","@rollup/plugin-typescript":"^11.1.6"},"peerDependencies":{"react":">= 18.0.0","react-dom":">= 18.0.0","@remix-run/react":">= 2.0.0","@shopify/remix-oxygen":">= 2.0.0","@shopify/oxygen-workers-types":">= 3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/wishlist-hydrogen_2.1.0_1716478244215_0.6405686485062796","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@appmate/wishlist-hydrogen","version":"2.2.0","type":"module","description":"Wishlist King SDK for Shopify Hydrogen","repository":{"type":"git","url":"git+https://github.com/appmate/wishlist-hydrogen.git"},"license":"UNLICENSED","main":"dist/esm/wishlist-hydrogen.js","module":"dist/esm/wishlist-hydrogen.js","types":"dist/index.d.ts","scripts":{"dev":"rollup -c -w","dev:types":"tsc -p ./tsconfig.json --outDir build --declaration true --watch true","prebuild":"npm run clean","build":"rollup -c","postbuild":"npm run build:types","prebuild:types":"rimraf ./build","build:types":"tsc -p ./tsconfig.json --outDir build --declaration true && api-extractor run","predocs":"rimraf ./docs","docs":"typedoc src --out docs","clean":"rimraf ./build ./dist ./docs","test":"echo \"Error: no test specified\" && exit 1"},"devDependencies":{"@microsoft/api-extractor":"^7.47.0","@rollup/plugin-typescript":"^11.1.6","@types/react":"^18.3.3","eslint":"^9.4.0","prettier":"^3.3.2","rimraf":"^5.0.7","rollup":"^4.18.0","ts-node":"^10.9.2","tslib":"^2.6.3","typedoc":"^0.25.13","typescript":"^5.4.5"},"dependencies":{"cookie":"^0.6.0","rxjs":"^7.8.1"},"peerDependencies":{"@remix-run/react":">= 2.0.0","@shopify/oxygen-workers-types":">= 3.0.0","@shopify/remix-oxygen":">= 2.0.0","react":">= 18.0.0","react-dom":">= 18.0.0"},"_id":"@appmate/wishlist-hydrogen@2.2.0","gitHead":"41749eac82dc86835148df737f50aafb7f95c91b","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"homepage":"https://github.com/appmate/wishlist-hydrogen#readme","_nodeVersion":"20.14.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-dgNxBItbBtRGySXcISWgBvWTIDYscOzmvv68IUf0vSCMfzmVOoYUTFok/FmkrktqWlTLuc9PvuS6LUS+7RwaeQ==","shasum":"94abf798e462fe912b3c5d18431f7ac94a6f3bb2","tarball":"https://registry.npmjs.org/@appmate/wishlist-hydrogen/-/wishlist-hydrogen-2.2.0.tgz","fileCount":5,"unpackedSize":78303,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpVe8ub0VFdpw8E3D5tfffPosC29q9KmRL/hYn4/JDjQIgUGKDxIcXoj/IJ2UcZydMZLCxdBF8Vgf7Fn39t0XmnrE="}]},"_npmUser":{"name":"maxon","email":"max@maxfrigge.com"},"directories":{},"maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wishlist-hydrogen_2.2.0_1718358056871_0.08641188565630387"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-31T10:36:27.163Z","modified":"2024-06-14T09:40:57.226Z","1.0.4":"2023-10-31T10:36:27.557Z","1.0.5":"2023-10-31T11:12:20.192Z","1.0.6":"2023-10-31T15:21:00.329Z","1.0.7":"2023-10-31T15:33:09.240Z","2.0.0":"2024-05-14T10:45:50.403Z","2.1.0":"2024-05-23T15:30:44.418Z","2.2.0":"2024-06-14T09:40:57.044Z"},"maintainers":[{"name":"maxon","email":"max@maxfrigge.com"}],"repository":{"type":"git","url":"git+https://github.com/appmate/wishlist-hydrogen.git"},"license":"UNLICENSED","homepage":"https://github.com/appmate/wishlist-hydrogen#readme","bugs":{"url":"https://github.com/appmate/wishlist-hydrogen/issues"},"readme":"# Wishlist King SDK for Shopify Hydrogen\n\nIntegrate Wishlist King into your Shopify Hydrogen project.\n\nInstall package with `npm i @appmate/wishlist-hydrogen`.\n\n## Create Client\n\nSetup a Wishlist King client in `server.ts`.\n\n```ts\n// Create a client\nconst { wishlistKing } = createWishlistClient({\n  shopDomain: \"your-domain.myshopify.com\",\n  // Make sure your session stores the customer id.\n  customerId: session.get(\"customerId\"),\n  cache: caches.open(\"wishlist-king\"),\n  request,\n  waitUntil,\n});\n\n// Add client to request handler\nconst handleRequest = createRequestHandler({\n  build: remixBuild,\n  mode: process.env.NODE_ENV,\n  getLoadContext: () => ({\n    // Keep your current context and add wishlistKing\n    wishlistKing,\n  }),\n});\n```\n\nAdd type definition in `remix.env.d.ts`.\n\n```ts\ndeclare module \"@shopify/remix-oxygen\" {\n  export interface AppLoadContext {\n    // ...\n    wishlistKing: WishlistClient;\n  }\n}\n```\n\n## Add Components\n\nCopy file `components/WishlistButton.tsx` from examples.\n\nCopy file `components/WishlistGrid.tsx` from examples.\n\nCopy file `components/WishlistLink.tsx` from examples.\n\n## Add Wishlist Provider\n\nRender your main layout inside the `WishlistProvider`.\n\n```jsx\n<WishlistProvider>{/* Add your layout here */}</WishlistProvider>\n```\n\n## Create Wishlist Route\n\nCopy file `routes/($locale).wishlists.$wishlistHandle.tsx` from examples.\n\n## Render Wishlist Components\n\nRender `WishlistLink` in header.\n\n```tsx\n<WishlistLink />\n```\n\nRender `WishlistButton` on product page.\n\n```tsx\n<WishlistButton productId={product.id} variantId={selectedVariant?.id} />\n```\n","readmeFilename":"README.md"}