DroopyTersen

import { useState } from "react";

export default function usePaging(totalPages: number, defaultPage = 1) {
  let [currentPage, setCurrentPage] = useState(defaultPage);

  let goBack = () => {
    let newPage = currentPage - 1;
    if (newPage < 1) newPage = totalPages;
    setCurrentPage(newPage);
  };

DroopyTersen

import React from "react";

export default class NotificationBanner extends React.Component {
  intervalId = null;
  state = {
    notifications: [],
    isLoading: true,
    currentPage: 1
  };
  componentDidMount() {

DroopyTersen

const gulp = require('gulp');
const build = require('@microsoft/sp-build-web');
build.addSuppression("Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.");

build.configureWebpack.mergeConfig({
    additionalConfiguration: (generatedConfiguration) => {
        generatedConfiguration.externals = generatedConfiguration.externals
            .filter(name => !(["react", "react-dom"].includes(name)))
        return generatedConfiguration;
    }

DroopyTersen

class Eventer {
	constructor() {
  	    this.events = {};
    }
    ensureEvent(key) {
      	return this.events[key] || (this.events[key] = { subscriptions: [] });
    }
    on(key, cb) {
  	    if (typeof cb !== "function") throw new Error("You must pass a function when you subscribe");
        this.ensureEvent(key).subscriptions.push(cb);

DroopyTersen

var find = exports.find = function(selector) {
    return [].slice.call(document.querySelectorAll(selector), 0);
};

var findOne = exports.findOne = function(selector) {
    return document.querySelector(selector);
};

var getClassList = exports.getClassList = function(elem) {
    return elem.className.split(" ").map(c => c.trim());

DroopyTersen

var EventAggregator = require("droopy-events");
var touchEvents = ["touchstart", "touchmove", "touchend"];

var defaultOptions = {
    swipeLength: 30
}

// Store initial values to make reset easier
var defaultSwipe = {
    start: { x: -1, y: -1 },

DroopyTersen

var createChangeToken = function(date,listId) {
    //Change token format:
    // http://sharepoint.stackexchange.com/questions/194152/sharepoint-sharepoint-online-how-can-i-create-changetoken-without-using-msft-li
    
    // The tricky part is the .NET ticks (micrsseconds since 1/1/1)    
    // Got the static number by running C#:
    // (DateTime.MinValue.Subtract(new DateTime(1970, 1, 1))).TotalMilliseconds
    // Add the static milliseconds since 1/1/1 to the JS milliseconds since 1/1/1970
    console.log(date);
    console.log(new Date());

DroopyTersen

var middlewarify = function(pre, done) {
    var middleware = [];

    var func = function(...args) {
        if (done) middleware.push(done);

        return middleware.reduce( (chain, fn) => chain.then(fn)
                , Promise.resolve(pre.apply(null, args)))
    };

DroopyTersen

var middlewarify = function(pre, done) {
    var middleware = [];

    var func = function(...args) {
        if (done) middleware.push(done);

        return middleware.reduce( (chain, fn) => chain.then(fn)
                , Promise.resolve(pre.apply(null, args)))
    };

DroopyTersen

var middlewarify = function(pre, post) {
    post = post || function(next) { next() }

  	var doIt = function(next, params) {
    	return pre(next, params); 
    }

    var func = function(params) {
        func.use(post)
        return new Promise((resolve, reject) => {