| /** | |
| * execute a callback and return an result/error array | |
| * | |
| * @param {callback} function to be executed | |
| */ | |
| export const safePromise = async <TData, TError>( | |
| callback: () => Promise<TData> | |
| ): Promise<[false, TError, undefined] | [true, undefined, TData]> => { | |
| try { | |
| const response: TData = await callback() |
| declare type StringfyKeys<T> = | |
| T extends Record<string, unknown> ? `${keyof T}` : never | |
| declare type NonNullableFields<T> = { | |
| [P in keyof T]: NonNullable<T[P]> | |
| } | |
| declare type NonNullableField<T, K extends keyof T> = T & | |
| NonNullableFields<Pick<T, K>> |
| declare type DeepPartial<T> = { | |
| [K in keyof T]?: DeepPartial<T[K]> | undefined | |
| } | |
| const isObject = (obj: unknown) => obj && typeof obj === 'object' | |
| /** | |
| * Patch source object with other object. | |
| * Only the source object keys are kept! | |
| * Patch undefined values are ignored |
| #!/bin/bash | |
| echo 'Removing origins...' | |
| git remote prune origin | |
| BRANCHES=`git branch -vv | grep 'origin/.*: gone]' | awk '{print $1}'` | |
| if [[ `echo -e "$BRANCHES" | wc -w` -gt 0 ]]; then | |
| echo 'Removing branches:' | |
| echo $BRANCHES |
| #!/bin/bash | |
| lightMode="'prefer-light'" | |
| darkMode="'prefer-dark'" | |
| ligthTheme="'Adwaita'" | |
| darkTheme="'Adwaita-dark'" | |
| function toggleMode { |
You could define a ref, and then inside the object, make multiple subvalues based on the key of the child:
const ref = useRef({})
{array.map((item)=><div key={item.id} ref={ref.current[item.id] ??= { current: null }}>{item.id}</div>)}
Example: https://playcode.io/1096173
Another approach is callback refs:
To check what the real type of and variable, run this command:
Object.prototype.toString.call(myVar)It'll return something like [object Object]. The second word is the real type of the variable.
Some examples:
| import { DebouncedFunc } from "lodash" | |
| import debounce from "lodash.debounce" | |
| import { useMemo } from "react" | |
| export default function useDebouncedFn<T extends (...args: any[]) => void>(fn: T, wait?: number) { | |
| return useMemo(() =>( | |
| debounce((...args:any[]) => {fn(...args)}, wait ?? 300) as DebouncedFunc<T> | |
| ), [fn, wait]) | |
| } |
Firefox (84+) supports this method by default, while on Chromium (73+) one needs to enable WebRTC PipeWire support by setting the corresponding (experimental) flag at the URL chrome://flags/#enable-webrtc-pipewire-capturer.
This requires xdg-desktop-portal and one of its backends to be installed. The available backends are:
xdg-desktop-portal-gnome for GNOME.xdg-desktop-portal-kde for KDE.xdg-desktop-portal-wlr for wlroots-based Wayland compositors (e.g. Sway, dwl)
| [user] | |
| signingkey = CASDF9879ASDF | |
| name = Me | |
| email = [email protected] | |
| [gpg] | |
| program = gpg | |
| [core] | |
| editor = vim | |
| [diff] | |
| tool = meld |