npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@dopesky/infiscroll

v2.0.0

Published

An Infinite Scroll Helper Complete with image lazy load, show on scroll animation, ajax helpers, toasts and more!

Downloads

20

Readme

About Infiscroll

Infiscroll is a class containing utility functions that enable you to:

  • Launch toasts with the help of Bootstrap:
  • Display form errors and toggle disabled state for buttons effortlessly, with help from jQuery.
  • Locale Specific Capitalization that is easily customizable.
  • JSON stringify and parse functions with quotes escaping.
  • Convert any valid datetime string to User's timezone from Server's timezone, with help from moment.
  • Perform Reveal on Scroll animations and Image Lazy Loading by just calling one function.
  • Process Ajax requests and handle Ajax Errors, built to work with laravel framework with minimal configuration.
  • Create Admin Pages with CRUD functionality, with help from DataTables.
  • Launch Infinite Scroll on a page with just one function call.

Note: Every infiscroll variable is overridable by passing your alternative in the constructor. The Infiscroll class is available on the global scope or in the window object for browsers.

Getting Started

Include the following in your html after JQuery, Bootstrap and DataTables CSS and JS files:

https://unpkg.com/@dopesky/[email protected]/dist/css/infiscroll.css

https://unpkg.com/@dopesky/[email protected]/dist/js/infiscroll.js

Note: The product is currently on Node Package Registry and GitHub Package Registry. Therefore, you can also install the whole project by running:

npm install @dopesky/infiscroll

You might need to also install the other dependencies (jQuery and Co.) too.

The full documentation with samples is available here.

Dependencies

Infiscroll requires the following additional libraries to work effectively:

  • JQuery - Crucial
  • DataTables - Semi Crucial (Only if you require crud functionality, or an easier way of creating dataTables)
  • Bootstrap >= v4.2 - Optional (If you will be using toasts in any way, including in ajax error handling. Most of the library's css is also built to work side by side with bootstrap).
  • Moment - Optional (If you will be working with time and need to convert server time to user time).

Issues

If your find any issues within the project raise them here and remember to label them accordingly to make it easier for me to address them. Also, before raising an issue ensure that no related issue already exists. Thanks :)

Contributing

Thank you for considering contributing to the Infiscroll helper/library! To contribute:

  • Fork your own copy of the project and make any changes/fixes you deem fit.
  • If you are proposing a new feature, please create a new feature branch with the name prefixed feature-
  • Ensure You write tests for your patches/features and make sure Your tests run successfully.
  • Document your changes in the docs folder of the project.
  • Make a pull request to the master repo and wait for feedback :)

A good place to start would be at the issues page. Ensure before raising a new issue that no related issue already exists.

Code of Conduct

In order to ensure that the Infiscroll community is welcoming to all, please review and abide by the Code of Conduct below:

  • Participants will be tolerant of opposing views.
  • Participants must ensure that their language and actions are free of personal attacks and disparaging personal remarks.
  • When interpreting the words and actions of others, participants should always assume good intentions.
  • Behavior that can be reasonably considered harassment will not be tolerated.

Security Vulnerabilities

If you discover a security vulnerability within Infiscroll, please send an e-mail to Kevin Mwenda via [email protected]. All security vulnerabilities will be promptly addressed.

License

Infiscroll is open-sourced software licensed under the MIT license.