Run results for: opening hours

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.115 Safari/537.36

Browser: Chrome 92

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
parseOpeningHours	77.5 Ops/sec
memo	1422.2 Ops/sec

HTML Preparation code:

<div id="root"></div>

<script src="https://openingh.openstreetmap.de/opening_hours.js/opening_hours+deps.min.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Script Preparation code:

const weekDays = [
  "sundayShort",
  "mondayShort",
  "tuesdayShort",
  "wednesdayShort",
  "thursdayShort",
  "fridayShort",
  "saturdayShort",
];

const dateToDayName = (date) => weekDays[date.getDay()];

function currentWeekRange () {
  const dt = new Date(); // current date of week
  dt.setHours(0); //reset hours
  const currentWeekDay = dt.getDay();
  const daysToMonday = currentWeekDay === 0 ? 6 : currentWeekDay - 1;
  const weekStart = new Date(new Date(dt).setDate(dt.getDate() - daysToMonday));
  const weekEnd = new Date(new Date(weekStart).setDate(weekStart.getDate() + 7));
  return { weekStart, weekEnd };
};

function parseOpeningHours(openingHoursRaw, timeFormat){
    const openingHours = new opening_hours(openingHoursRaw,{ address: {country_code:"us"}});
    const {
        weekStart,
        weekEnd
    } = currentWeekRange();
    const intervals = openingHours.getOpenIntervals(weekStart, weekEnd);
    const timeRanges = {};
    intervals.forEach((interval)=> {
        const weekDay = dateToDayName(interval[0]);
        //init array if day key is missing
        if (!timeRanges[weekDay]) timeRanges[weekDay] = [];
        const hoursFrom = interval[0].toLocaleTimeString("en-US", {
            hour: "2-digit",
            minute: "2-digit",
            hour12: timeFormat ,
        });
        const hoursTo = interval[1].toLocaleTimeString("en-US", {
            hour: "2-digit",
            minute: "2-digit",
            hour12: timeFormat,
        });
        timeRanges[weekDay].push(`${hoursFrom} - ${hoursTo}`);
    });
    const todayValues = timeRanges[dateToDayName(new Date())];

    const today = new Date().getTime();
    const todayNextChangeDiff = openingHours.getNextChange() - today;
    const todayNextChangeDiffHours = Math.trunc(todayNextChangeDiff / (1000 * 60 * 60));

    return {
        timeRanges,
        todayValues,
        isItOpenNow: openingHours.getState(),
        nextChange: todayNextChangeDiffHours
    };
};

function Memo(props) {
  const handler = React.useMemo(() => {
      return _.debounce(props.handler, props.wait);
  }, [props.handler, props.wait]);
  return React.createElement("div", { className: handler() });
}


var propCases = [{
    handler: function() {
        return Math.random();
    },
    wait: 100
}, {
    handler: function() {
        return Math.random();
    },
    wait: 200
}];
propCases.push(propCases[1]);

Tests:

parseOpeningHours
propCases.forEach((props, i) => { parseOpeningHours('Mo,Tu,Th,Fr 12:00-18:00; Sa,PH 12:00-17:00; Th[3],Th[-1] off' , '12h') });
memo
propCases.forEach((props, i) => { ReactDOM.render(React.createElement(Memo, props, null), root); });

Run results for: opening hours

parseOpeningHours

memo