rphlmr

-Xms1024m
-Xmx3072m
-Xss64m
-XX:ReservedCodeCacheSize=512m
-XX:+UseCompressedOops
-XX:NewRatio=2
-Dfile.encoding=UTF-8
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=250
-XX:NewSize=512m

rphlmr

# custom IntelliJ IDEA properties

editor.zero.latency.typing=true
idea.max.intellisense.filesize=3500
idea.cycle.buffer.size=2048

rphlmr

#!/usr/bin/env zsh

sudo rm -f /usr/bin/node
sudo rm -f /usr/bin/npm
sudo ln -s $(which node) /usr/bin/
sudo ln -s $(which npm) /usr/bin/

rphlmr

"workbench.colorTheme": "Material Theme Palenight High Contrast",
  "workbench.colorCustomizations": {
    "[Material Theme*]": {
      "editor.background": "#1A1E2C",
      "banner.background": "#1A1E2C",
      "breadcrumb.background": "#1A1E2C",
      "tab.inactiveBackground": "#1A1E2C",
      "tab.activeBackground": "#1A1E2C",
      "tab.activeForeground": "#cccccc",
      "editorSuggestWidget.background": "#1A1E2C",

rphlmr

When you have a Form (Remix) whith a <button type="submit" disabled={disabled}>, Firefox results in hydratation error Prop 'disabled' did not match. Server: "null" Client: "true".

To solve this issue, just add autoComplete="off" on your Form

Doesn't work with Firefox (103.0.2)

const [isDisabled, setIsDisabled] = useState(false);

rphlmr

/**
 * Credit to https://github.com/kevva/ink-confirm-input
 * This is a fork of the original component that is not maintained anymore
 */
import React, { useCallback } from "react";

import { UncontrolledTextInput } from "ink-text-input";
import yn from "yn";

type ConfirmInputProps = React.ComponentProps<typeof UncontrolledTextInput> & {

rphlmr

export function {{pascalCase (parseName name)}}() { 
  return <></> 
}

rphlmr

import { HashtagIcon, XMarkIcon } from "@heroicons/react/24/outline";
import type { LoaderArgs, MetaFunction } from "@remix-run/node";

import { metaTitle } from "@helpers";

import { useGetRootPath } from "@hooks";

import {
  IconLink,
  Modal,

rphlmr

// Thanks https://github.com/colinhacks/zod/issues/372#issuecomment-830094773

type Implements<Model> = {
  [key in keyof Model]-?: undefined extends Model[key]
    ? null extends Model[key]
      ? z.ZodNullableType<z.ZodOptionalType<z.ZodType<Model[key]>>>
      : z.ZodOptionalType<z.ZodType<Model[key]>>
    : null extends Model[key]
    ? z.ZodNullableType<z.ZodType<Model[key]>>
    : z.ZodType<Model[key]>;

rphlmr

// if you don't plan to upload only images : 
/* 
async function convertToFile(data: AsyncIterable<Uint8Array>) {
  const chunks = [];
  for await (const chunk of data) {
    chunks.push(chunk);
  }

  return chunks;
}