@webcreate/infinite-ajax-scroll/src/logger.js

Turn your existing pagination into infinite scrolling pages with ease

/* eslint no-console: "off" */

const defaultLogger = {
  hit: () => {
    console.log(`Hit scroll threshold`);
  },
  top: () => {
    console.log(`Hit top scroll threshold`);
  },
  binded: () => {
    console.log(`Binded event handlers`);
  },
  unbinded: () => {
    console.log(`Unbinded event handlers`);
  },
  // scrolled: (event) => {
  //   console.log('Scrolled');
  // },
  // resized: (event) => {
  //   console.log('Resized');
  // },
  next: (event) => {
    console.log(`Next page triggered [pageIndex=${event.pageIndex}]`);
  },
  nexted: (event) => {
    console.log(`Next page completed [pageIndex=${event.pageIndex}]`);
  },
  prev: (event) => {
    console.log(`Previous page triggered [pageIndex=${event.pageIndex}]`);
  },
  preved: (event) => {
    console.log(`Previous page completed [pageIndex=${event.pageIndex}]`);
  },
  load: (event) => {
    console.log(`Start loading ${event.url}`);
  },
  loaded: () => {
    console.log(`Finished loading`);
  },
  append: () => {
    console.log(`Start appending items`);
  },
  appended: (event) => {
    console.log(`Finished appending ${event.items.length} item(s)`);
  },
  prepend: () => {
    console.log(`Start prepending items`);
  },
  prepended: (event) => {
    console.log(`Finished prepending ${event.items.length} item(s)`);
  },
  last: () => {
    console.log(`No more pages left to load`);
  },
  first: () => {
    console.log(`Reached first page`);
  },
  page: (event) => {
    console.log(`Page changed [pageIndex=${event.pageIndex}]`);
  },
  prefill: (event) => {
    console.log(`Start prefilling`);
  },
  prefilled: (event) => {
    console.log(`Finished prefilling`);
  },
};

function expand(options) {
  if (options === true) {
    options = defaultLogger
  }

  return options;
}

export default class Logger {
  constructor(ias, options) {
    // no logger wanted
    if (options === false) {
      return;
    }

    let logger = expand(options);

    Object.keys(logger).forEach((key) => {
      ias.on(key, logger[key]);
    });
  }
}