hunghg255

// Rewritten by Cong Nguyen
// original code from Facebook Frontend website: https://gist.github.com/ladifire/21fb3e774cf62ac50d0700fd50d1ccb2
import React, { useCallback, useContext, useRef, useState } from "react";
import { PressableGroupContext } from "@facebook-frontend/context";
import { joinClasses, useMergeRefs } from "@facebook-frontend/utils";
import stylex from "@stylexjs/stylex";

import { Pressability } from "./Pressability";
import { useWebPressableTouchStartHandler } from "./useWebPressableTouchStartHandler";

hunghg255

import React from "react";

type ProvidersType = [React.ElementType, Record<string, unknown>];
type ChildrenType = {
  children: Array<React.ElementType>;
};
export const buildProvidersTree = (
  componentsWithProps: Array<ProvidersType>
) => {
  const initialComponent = ({ children }: ChildrenType) => <>{children}</>;

hunghg255

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:where([hidden]:not([hidden='until-found'])) {
	display: none !important;

hunghg255

md.use(
    await markdownItShikiji({
      highlightLines: false,
      themes: {
        light: 'dark-plus',
        dark: 'dark-plus',
      },
      transformers: [
        transformerBracketPairColor({
          colors: ['#ffd700', '#da70d6', '#179fff'],

hunghg255

import { useEffect, useState } from "react";

interface LocationOptions {
  enableHighAccuracy?: boolean;
  timeout?: number;
  maximumAge?: number;
}

interface LocationState {
  coords: {

hunghg255

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

// Define custom types for SpeechRecognition and SpeechRecognitionEvent
interface ISpeechRecognitionEvent extends Event {
  results: SpeechRecognitionResultList;
  resultIndex: number;
}

interface ISpeechRecognition extends EventTarget {
  lang: string;

hunghg255

# https://cachemon.github.io/SIEVE-website/blog/2023/12/17/sieve-is-simpler-than-lru/#appendix

class Node {
    constructor(value) {
        this.value = value;
        this.visited = false;
        this.prev = null;
        this.next = null;
    }
}

hunghg255

type GetComponentProps<T> = T extends React.ComponentType<infer P>
  ? P
  : T extends (props: any) => any
  ? Parameters<T>
  : never;


class ClassComponent extends React.Component<{ a: number }> {
  render() {
    return <div />;

hunghg255

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

hunghg255

FROM node:18-alpine AS base

# Install dependencies only when needed

FROM base AS deps

# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.

RUN apk add --no-cache libc6-compat