burdiuz

import { forwardRef } from "react";
import { HorizontalAlignment, VerticalAlignment } from "./alignments";
import { getAlignmentClassNames } from "./useAlignmentClassNames";

const PopoverAlignment = (
  {
    children = () => null,
    horizontal = HorizontalAlignment.LEFT,
    vertical = VerticalAlignment.BOTTOM,
  },

burdiuz

class ByteArray {
  constructor(buffer, initPosition = 0) {
    this.buffer = typeof buffer === "number" ? new Uint8Array(buffer) : buffer;
    this.position = initPosition;
  }

  get bytesAvailable() {
    return this.buffer.length - this.position;
  }

burdiuz

const getNextIndex = (() => {
  let index = 1;
  const lastSafe = ((1 << 31) >>> 0) - 1;

  return () => {
    index += 1;

    if (index >= lastSafe) {
      index = 1;
    }

burdiuz

BFS applied to a grid to find shortest path

Queue implementation used here is published as separate gist queue.js.

When loaded it draws path from top left to bottom right corner. White cells are empty and black -- walls. Clicking on any cell inverts it(empty > wall and wall > empty) and forces path redraw. For now or recreates Adjacency List every time. Sometimes it cannot find path from start to the end, in this case just refresh page.

burdiuz

class QueueNode {
  constructor(value, prev = null, next = null) {
    this.value = value;
    this.insert(prev, next);
  }

  insert(prev, next) {
    this.prev = prev;
    this.next = next;

burdiuz

const getPosition = (rowLength) => (col, row) => row * rowLength + col;

const getSlotIndex = (rowLength) => {
  const pos = getPosition(rowLength);
  return (col, row) => pos(col, row) >> 3;
};

const getInSlotPosition = (rowLength) => {
  const pos = getPosition(rowLength);
  return (col, row) => pos(col, row) % 8;

burdiuz

const karatsuba = (x, y, l) => {
  if (l <= 2) {
    return x * y;
  }

  const l_2 = l / 2n;
  const half = 10n ** l_2;

  const a = x / half;
  const b = x % half;

burdiuz

@actualwave/use-element-size

React hook that watches for changes in element size using ResizeObserver and reports updates forcing component to render. There are two hooks in this package

• useResizeObserver(handlerFn, elementRef) -- Calls handlerFn() when element size changed with instance of DOMRectReadOnly.
• useElementSize(elementRef, reinitInEffect = true) -- Returns element size or null if elementRef.current does not contain reference to HTMLElement. reinitInEffect forces immediate re-render to apply element sizes, expected to have a valid reference at the time of re-render.

Example on codesandbox.io.

burdiuz

@actualwave/use-window-size

This package is more of an experiment, if you need such hook, better look for alternatives.

React hook useWindowSize() that returns Window's innerWidth and innerHeight properties, and initiates render when window is being resized. It uses single "resize" listener and relies on WeakSet and WeakRef, so be sure you can use it. Here is an example on CodeSandbox.

burdiuz

@actualwave/resolve-or-timeout

Function that runs in Promise.race() your promise and a timeout, if timeout completes first, resulting promise rejects with error.

export const resolveOrTimeout = <T = unknown>(
  
  // Promise or a function that will be passed to a Promise object
  promiseOrHandler:
    | Promise<T>
    | ((
        resolve: (data: T) => void,