{"_id":"@alpinebricks/infiniteloader","_rev":"1-718c335de9079ecb2263a7e7b9f93d82","name":"@alpinebricks/infiniteloader","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@alpinebricks/infiniteloader","version":"0.0.1","description":"An infinite loader component for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"scripts":{"build":"rollup -c && tsc","watch":"rollup -c -w"},"author":{},"license":"MIT","dependencies":{"alpinejs":"^3.8.1","htmx.org":"^1.7.0"},"devDependencies":{"@rollup/plugin-commonjs":"^21.0.2","@rollup/plugin-node-resolve":"^13.1.3","@rollup/plugin-typescript":"^8.3.1","rollup":"^2.70.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-serve":"^1.1.0","rollup-plugin-terser":"^7.0.2","tslib":"^2.3.1","typescript":"^4.5.5"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"./dist/index.min.js","module":"./dist/main.es.js","types":"./dist/main.es.d.ts","exports":{".":{"import":"./dist/main.es.js","require":"./dist/index.min.js"}},"_id":"@alpinebricks/infiniteloader@0.0.1","dist":{"shasum":"7a802be6c1706a1267e99f2e762f261fc2d20259","integrity":"sha512-F33WfatRgApPtITW4A69f0nltmyzKSalLxAI6OsjfGBvBfEcd22PC0W+tdb/2kO0Vv32JRRyvO300ypGMqhcgw==","tarball":"https://registry.npmjs.org/@alpinebricks/infiniteloader/-/infiniteloader-0.0.1.tgz","fileCount":11,"unpackedSize":6906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQtloACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP2w/+NcvnfeNxIqnGu1Ub1lPNErp7w6A86EPgWwtuJrkiKUHtLDy1\r\ngYP5Do+/yhGI9faehnFB+gZhbz3JuiEdLJpZKjyFqJpDuStad76EK2NBBtiQ\r\nA6/HEG703RPXckj1JeNxccfNh9aYuVJxs5ssWqwB69AubzeeRR5GSrcs5CPO\r\n9moCL7joQGPa1RzwqB4JEsfVFZDCsl0tAtI2OjcKqsKYzLK17qUTnFgcCxsq\r\nrSlr3k3aggZftnwfuNrf1Tt8CN0R6TLeBofppE1PEUKvSycuvZJ3uW1yYNxC\r\nHroidv1bh/N8GbFSK3ouk80+J1zz7fpBgkYjsa82aIC2/t7eFbX84xG9krbO\r\n2DvN1wIJgZGO0OkWvdSgyIL246hIonV5OSQDRnE+czXeJ/akXjBma9d4HG6h\r\ncQ1IXEpiq9HHPyG9Doc2X6XSIeXq96u4En38hq99FCBNKUWEzUC1HlyznYwj\r\nXdGA4H2R4XWnNDoqLV+TMedzAwUkkRkBmUEv/j9QOVHW6l2U19Ikm3jDHgm+\r\ntArIKXvsgVhtppuKq+MFYRmsnNuvp0hV8R3oxwN34bnkGZmmjrfW1UJ8VwVF\r\naUpYUaIpZmPwefRiNybltGwjBW5txH/94F6pptvzbPw5RMj2hf43SOovGjm7\r\nqVrfNUXWSDltnV31UiB0TAdJDXg3apdLclw=\r\n=FAId\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0DWoMK3nP3ctFl3xuFkdWtWcA26miJB+QFIH/4IH1iAIga9IihJU1j9yZKAHjfRVdMDXDeG2353MmSiJ+gtbmDNs="}]},"_npmUser":{"name":"synw","email":"synwx@pm.me"},"directories":{},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/infiniteloader_0.0.1_1648548199853_0.6404794328801604"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-29T10:03:19.762Z","0.0.1":"2022-03-29T10:03:20.040Z","modified":"2022-04-04T13:38:41.109Z"},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"description":"An infinite loader component for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"author":{},"license":"MIT","readme":"# Infinite loader\n\nGet the component:\n\n```bash\nwget https://raw.githubusercontent.com/emencia/alpinebricks/master/packages/@alpinebricks-infiniteloader/dist/index.min.js\n```\n\nInclude the Alpinejs and Htmx libs in your html:\n\n```html\n  <script type=\"text/javascript\" src=\"https://unpkg.com/@alpinejs/intersect@3.9.1/dist/cdn.min.js\" defer></script>\n  <script type=\"text/javascript\" src=\"https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js\" defer></script>\n  <script type=\"text/javascript\" src=\"https://unpkg.com/htmx.org@1.7.0\"></script>\n```\n\nInclude the component:\n\n```html\n  <script src=\"/static/infinite_loader/index.min.js\"></script>\n```\n\nInitialize it:\n\n```html\n<script>\nvar $loader;\ndocument.addEventListener('alpine:init', () => {\n  $loader = $infiniteLoader.create(true);\n  $loader.hxget('/pages/infinite_loader/partial.html', '#content');\n});\n</script>\n```\n\nUse it in your html:\n\n```html\n    <div id=\"content\"></div>\n    <div x-data x-intersect=\"$loader.loadMore('/pages/infinite_loader/partial.html', '#content')\">\n    </div>\n```\n\nThis will load the partial template from the url in the content block, adding to it","readmeFilename":"README.md"}