mattrossman

import { useEffect, useRef } from "react"

type UseIntervalOptions = {
  callback: () => void

  /** milliseconds */
  delay: number

  enabled?: boolean

mattrossman

import { useCallback, useEffect, useRef } from "react";

const random = (min: number, max: number) =>
	Math.floor(Math.random() * (max - min)) + min;

/**
 * https://www.joshwcomeau.com/snippets/react-hooks/use-random-interval/
 */
type UseRandomIntervalOptions = {
	callback: () => void | Promise<void>;

mattrossman

import { useCallback, useEffect, useRef, useState } from "react";

export function useFuse<T>(initialValue: T) {
	const [value, setValue] = useState<T>(initialValue);
	const timeoutId = useRef<number>();

	const onComplete = useCallback(() => {
		setValue(initialValue);
	}, [initialValue]);

mattrossman

export function removeEmoji(text: string) {
	return text.replaceAll(/\p{Emoji_Presentation}/gu, "");
}

mattrossman

/**
 * Original file: https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh@0.4.1633559619/face_mesh.js
 */
(function() {
    /*

 Copyright The Closure Library Authors.
 SPDX-License-Identifier: Apache-2.0
*/
    'use strict';

mattrossman

This document explains my environment and workflow for handling upgrades to AEL's Hubs Cloud instance.

Overview

hubs.aelatgt.net includes source modifications to support script injection and a handful of project-specific tweaks. This allows developers to add new behaviors on a room-by-room basis without having to rebuild the client. Some projects require access to internal client logic, which we expose on a global APP.utils object.

Environment

I have multiple Git remotes configured so I can maneuver between the Mozilla and AEL repos:

mattrossman

/* Usage:
let data = stash()
// Or in the (Firefox) console, right click on the output array -> "Copy Object" to move data across scenes.

let elements = unstash(data)
*/

function getAllMedia() {
	return document.querySelectorAll("[media-loader][networked]")
}