Skia69

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

Skia69

// /app/api/upstash/[[...slug]].ts
import { Redis } from "@upstash/redis";

const redis = Redis.fromEnv();

type Params = { slug: string | string[] | undefined };

function createKey(slug: Params["slug"]) {
  return slug ? [...(Array.isArray(slug) ? slug : [slug])].join(":") : "_root";
}

Skia69

/* Layout and Text components are my own utility components. Replace them by your own. */

import { memo, useEffect, useMemo, useState } from "react";
import { ViewStyle } from "react-native";
import { A } from "@mobily/ts-belt";
import mitt from "mitt";
import { v4 as uuid } from "@lukeed/uuid";
import Animated, {
  Layout as REALayout,
  Easing,

Skia69

import z from "zod";

export async function safeFetch<T>(
  schema: z.Schema<T>,
  input: RequestInfo,
  init?: RequestInit
): Promise<T> {
  const response = await fetch(input, init);

  if (!response.ok) {

Skia69

sizeFormatter = new Intl.NumberFormat([], {
  style: "unit",
  unit: "byte",
  notation: "compact",
  unitDisplay: "narrow",
});

(_bytes) => {
  const units = { B: " bytes", KB: " kb", MB: " mb", GB: " gb", TB: " tb" };
  const parts = sizeFormatter.formatToParts(_bytes);

Skia69

import { startSpan } from "@sentry/remix";
import type { StartSpanOptions } from "@sentry/types";
import {
	type AnyColumn,
	type AnyTable,
	type BuildQueryResult,
	type DBQueryConfig,
	type DrizzleTypeError,
	type Equal,
	type ExtractTablesWithRelations,

Skia69

import { Client } from "@upstash/qstash"
import { NextRequest } from "next/server"

const baseUrl = process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL
  ? `https://${process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL}`
  : "http://localhost:3000"

interface Step<I> {
  create: <O>(action: (prevResult: Awaited<I>) => O) => Step<O>
  finally: (action: (prevResult: Awaited<I>) => any) => any

Skia69

Next.js Starters

A list of CLI generators, starter kits / boilerplates and toolkits to kick start your Next.js apps.

• What is included in this list:
  • Has ~1K+ Github stars
  • Actively maintained / up to date
  • Includes a style / css solution or UI Framework
  • Includes a database
• Includes authentication / authorization

Skia69

import { Fragment, Suspense, type ReactNode } from 'react';
import { ErrorBoundary } from 'react-error-boundary';

type AwaitProps<T> = {
  promise: Promise<T>;
  children: (data: T) => ReactNode;
  fallback?: ReactNode;
  errorComponent?: ReactNode;
};

Skia69

/* eslint-disable @typescript-eslint/no-explicit-any */
import { type TRPCQueryOptions } from '@trpc/tanstack-react-query';
import { unstable_noStore } from 'next/cache';
import { Fragment, Suspense, type ReactNode } from 'react';
import { ErrorBoundary } from 'react-error-boundary';
import { HydrateClient, prefetch as prefetchTRPC } from '@/trpc/server';

type AwaitProps<T> =
  | {
      promise: Promise<T>;