leodutra

JavaScript Bitwise Hacks

It assumes the highest positive signed 32-bit float value for numbers. In other words, 2147483647 (or 0x7FFFFFFF or 2^31-1).

Table of Contents

1. Toggle switch
2. Variable swap
3. Math.pow
4. Determine if an integer is a power of 2
5. Round up to the next highest power of 2

leodutra

"use strict";

/**
 * Hypertext Transfer Protocol (HTTP) response status codes.
 * @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
 */
enum HttpStatusCode {

    /**
     * The server has received the request headers and the client should proceed to send the request body

leodutra

import { type RefObject, useEffect, useState } from 'react';

export type IntersectionObserverOptions = IntersectionObserverInit & {
  intersectOnce?: boolean;
  skip?: boolean;
};

const emptyOptions: IntersectionObserverInit = {};

const useIntersectionObserver = (

leodutra

News

Galnet (in-game)

Return the Galnet news.

Base URL: https://cms.zaonce.net/en-GB/jsonapi/node/galnet_article

You can change the en-GB in the URL to get Galnet in others languages (fr-FR, pt-BR...).

leodutra

Ubuntu

Mount rclone sync

This config allows us to mount obsidian folder locally, preventing issues with Google Drive hashes

# create obsidian folder on Google Drive, then
# install rclone
curl https://rclone.org/install.sh | sudo bash

leodutra

Install steps

# update the system
sudo apt update && sudo apt upgrade -y

# install minimal dev stuff
sudo apt install -y \
	build-essential \
	ca-certificates \

leodutra

# Configuration for Alacritty, the GPU enhanced terminal emulator.

# Any items in the `env` entry below will be added as
# environment variables. Some entries may override variables
# set by alacritty itself.
#env:
  # TERM variable
  #
  # This value is used to set the `$TERM` environment variable for
  # each instance of Alacritty. If it is not present, alacritty will

leodutra

const hasCoarsePointer = () => window.matchMedia("(pointer: coarse)").matches
const hasMobileWidth = (maxWidth = 639) =>
  window.matchMedia(`(max-width: ${maxWidth}px)`).matches
const hasMultipleTouchPoints = () => navigator.maxTouchPoints > 1
const hasTouchEvents = () => "ontouchstart" in document.documentElement

export const isMobile = ({ maxWidth } = {}) => {
  return (
    hasCoarsePointer() &&
    hasMultipleTouchPoints() &&

leodutra

const getElementsByText = (text, parent) => {
  if (!text) return []
  const xpath = `//*[text()='${text}']`
  const xpathResult = document.evaluate(
    xpath,
    parent || document,
    null,
    XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
    null
  )

leodutra

import { useCallback, useState } from "react"

export default function useForceUpdate(): VoidFunction {
  const [, setValue] = useState<number>(performance.now())

  return useCallback((): void => {
    setValue(performance.now())
  }, [])
}