adnanalbeda

<div
  class="flex h-screen min-h-0 w-screen min-w-0 flex-row-reverse gap-4 bg-black p-4 font-mono text-white"
>
  <div class="flex min-h-0 min-w-0 grow flex-col gap-4 bg-white p-4">
    <header class="flex flex-row justify-between gap-4 bg-black p-4">
      <div>COMPANY</div>
      <nav>
        <ul class="flex flex-row items-center gap-4">
          <li>-&gt; Link 1</li>
          <li>-&gt; Link 2</li>

adnanalbeda

import { SignalGet, SignalUnsubscribe } from "./signal";

export type EffectDepsValues<T extends SignalGet<unknown>[]> = {
  [k in keyof T]: T[k] extends SignalGet<infer R> ? R : never;
};

export type EffectCallback<
  T extends [SignalGet<unknown>, ...SignalGet<unknown>[]]
> = (values: EffectDepsValues<T>) => unknown;
export type EffectCleanup = { (): void; isExecuted(): boolean };

adnanalbeda

using Microsoft.EntityFrameworkCore.Metadata.Builders;

namespace Microsoft.EntityFrameworkCore;

public static partial class UuidConverterExtensions
{
    private static Action<PropertiesConfigurationBuilder<Uuid>> defaultValueDelegate = (_) => { };
    private static Action<PropertiesConfigurationBuilder<Uuid?>> defaultNullableValueDelegate = (
        _
    ) => { };

adnanalbeda

namespace Google.ReCaptcha.V3;

public class CaptchaRequestException : Exception
{
    public CaptchaRequestException()
    {
    }
    public CaptchaRequestException(string message)
        : base(message)
    {

adnanalbeda

Zod Utils

Zod is a great library for shaping and validating data. So away from the long introductory, it misses few feature.

People tried to fix its issues with extended libraries.

But since some are not maintained or didn't meet my criteria, here's my fine-tuned version of them.

adnanalbeda

import {
  Children,
  cloneElement,
  createContext,
  useCallback,
  useContext,
  useMemo,
  useState,
} from "react";
import { Slot, SlotProps } from "@radix-ui/react-slot";

adnanalbeda

import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
import plugin from "tailwindcss/plugin";

const scrollGradientPlugin = plugin(
  ({ addUtilities, theme, e, matchUtilities }) => {
    addUtilities({
      ".scroll-gradient-y": {
        /* variants */
        /* size */
        "--tw-scroll-gradient-size": "8px",

adnanalbeda

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

# based on many repos:
# https://github.com/editorconfig/editorconfig/blob/master/.editorconfig
[*]
charset = utf-8 # Set default charset
indent_style = space

adnanalbeda

// limit execution of a function to one per x amount of time to the last interaction.
// Set 'immediate' to true to run the function then it waits for x time of no interaction.
// Keep it undefined or false for default behavior, which is to execute after x time no interaction.
export default function debounce(
  func: () => void,
  wait: number,
  immediate?: boolean
) {
  // 'private' variable for instance
  // The returned function will be able to reference this due to closure.

adnanalbeda

export type XNode = JSX.Element | string | number | boolean | null | undefined;
export type XChild = XNode;
export type XC = XChild;
export type XCs = XChild[] | XChild;

export type ChildrenBuilder<T> = (options: T) => XC;
export type CB<T> = ChildrenBuilder<T>;
export type XC_CB<T> = ChildrenBuilder<T> | XCs;

export function buildChildren<T>(options: T, children?: XC_CB<T>) {