crazy4groovy

function chunkedSelectionSort(arr, callback) {
  let i = 0;

  function sortStep() {
    let lowestIdx = i;

    // Find lowest index
    for (let j = i + 1; j < arr.length; j++) {
      if (arr[j] < arr[lowestIdx]) {
        lowestIdx = j;

crazy4groovy

// Create store accepts reducers map and initial state
function* createStore(reducers, initialState = {}) {
  // Initialize state
  let state = initialState;
  // Extract the reducer keys upfront
  const reducerKeys = Object.keys(reducers);
  // Combine all reducers into one reducing function
  const combinedReducer = (state, action) => {
    return reducerKeys.reduce((newState, key) => {
      // Pass slice of state into corresponding reducer

crazy4groovy

export function cacher<T>(thunk: () => Promise<T>, ttlSeconds = 60) {
  const noCache: unique symbol = Symbol("cache");
  let cache: Promise<T> | symbol = noCache;

  return function execThunk(): Promise<T> {
    if (typeof cache !== "symbol") {
      return cache;
    }

    cache = thunk();

crazy4groovy

import * as Plot from "@observablehq/plot";
import PlotFigureChart from "./PlotFigureChart.tsx"

export default function MyPlotFigureChart(
{ filteredRequests }: { filteredRequests: Readonly<any[]> }
) {
  return (
    <PlotFigureChart
      options={{
        inset: 10,

crazy4groovy

import React, {
  createContext,
  useContext,
  useEffect,
  useRef,
} from "react"
// Create the event bus context

const EventBusContext = createContext({})
// Custom hook to access the event bus context

crazy4groovy

import React, { useState } from 'react';
import usePolling from './usePolling';
import ...

const useCustomPolling = () => {
  const [state, setState] = useState()

  const cb = async (cancelPolling) => {
    // do some logics here... whatever...
    

crazy4groovy

import { useReducer, useRef } from "react";

const initialState = {
  isLoading: false,
  prevData: undefined,
  data: undefined,
  error: undefined,
};

const reducer = (state, action) => {

crazy4groovy

import React from 'react';
import useFormValidation from './useFormValidation';

const initialValues = {
  name: '',
  email: '',
  password: '',
};

// You should put this config in a separate file!

crazy4groovy

<script lang="ts">
  /// ...
  import { customStoreDebouncer /*, storeDebouncer */ } from "./stores/stringStore";
  const stringStoreDebounced = customStoreDebouncer(400); // debounced store read

  $: {
    const text = $stringStoreDebounced; // resolved value, after debounce timeout
    /// ...
  }
</script>

crazy4groovy

import { Timeout, TimeoutError } from "https://deno.land/x/timeout/mod.ts"

const delay = (ms) => new Promise((res) => setTimeout(res, ms));

function newThrottler({ isBusy, lock, unlock, waitMs, size }) {
  async function throttler(cb, ...args) {
    size(1);
    await Promise.resolve();
    while (!!isBusy()) {
      await delay(waitMs()); // waits in event loop queue, until it interrupts for another attempt!