| // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#path_commands | |
| // https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths | |
| // M moveto (x y)+ | |
| // Z closepath (none) | |
| // L lineto (x y)+ | |
| // H horizontal lineto x+ | |
| // V vertical lineto y+ | |
| // C curveto (x1 y1 x2 y2 x y)+ | |
| // S smooth curveto (x2 y2 x y)+ | |
| // Q quadratic Bézier curveto (x1 y1 x y)+ |
| <templateSet group="Remix"> | |
| <template name="useFetcher" value="const $fetcher$ = useFetcher();" description="const fetcher = useFetcher()" toReformat="true" toShortenFQNames="true" useStaticImport="true"> | |
| <variable name="fetcher" expression="" defaultValue=""fetcher"" alwaysStopAt="true" /> | |
| <context> | |
| <option name="JS_CLASS_MEMBER_STATEMENT" value="false" /> | |
| <option name="JS_STATEMENT" value="true" /> | |
| <option name="TS_CLASS_MEMBER_STATEMENT" value="false" /> | |
| <option name="TS_STATEMENT" value="true" /> | |
| </context> | |
| </template> |
To download Git with PowerShell:
Get most recent version URL from https://git-scm.com/download/win
cd "${env:USERPROFILE}\Downloads"
[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12;
$ProgressPreference = 'SilentlyContinue';Invoke-WebRequest -Uri https://github.com/git-for-windows/git/releases/download/v2.43.0.windows.1/Git-2.43.0-64-bit.exe -OutFile Git-2.43.0-64-bit.exe
| import React, { ComponentType, lazy, Suspense } from "react"; | |
| export function ClientOnly({ | |
| fallback, | |
| component, | |
| }: { | |
| fallback: React.ReactElement; | |
| component: Promise<{ default: ComponentType<any> }>; | |
| }) { | |
| const LazyComponent = lazy(() => component); |
| #!/usr/bin/env node | |
| /* eslint-env node */ | |
| import fs from "node:fs/promises"; | |
| import path from "node:path"; | |
| import { fileURLToPath } from "node:url"; | |
| async function main() { | |
| const __filename = fileURLToPath(import.meta.url); | |
| const __dirname = path.dirname(__filename); |
| import React, { useState, useCallback } from "react"; | |
| import { useBlurhash } from "./use-blurhash"; | |
| import { useInView } from "react-intersection-observer"; | |
| type Props = React.DetailedHTMLProps< | |
| React.ImgHTMLAttributes<HTMLImageElement>, | |
| HTMLImageElement | |
| > & { blurhash?: string | null }; | |
| // Uses browser-native `loading="lazy"` to lazy load images |
| function _arrayBufferToBase64(buffer) { | |
| let binary = ''; | |
| const bytes = new Uint8Array(buffer); | |
| for (var i = 0; i < bytes.byteLength; i++) { | |
| binary += String.fromCharCode(bytes[i]); | |
| } | |
| return window.btoa(binary); | |
| } | |
| function getCspDigest(code) { | |
| crypto.subtle.digest('SHA-256', new TextEncoder().encode(code)).then(function(val){ |
| import { useCallback, useEffect, useRef, useState } from "react"; | |
| /** | |
| * Returns a throttled version of the value and a function to release the next update, which may occur immediately or | |
| * on the next value change. | |
| * | |
| * This can be used to keep the interface responsive when you have values that are changing too fast for async processes to keep up. | |
| * @param value The value that is going to be throttled | |
| */ | |
| export function useDynamicThrottle<T>( |
| // Adapted from https://github.com/skalinichev/uplot-wrappers | |
| // MIT license | |
| import type { JSX } from "react"; | |
| import React, { useCallback, useEffect, useRef } from "react"; | |
| import uPlot from "uplot"; | |
| import { dataMatch, optionsUpdateState } from "./uplot-wrappers-common.js"; | |
| export default function UplotReact({ |
| Get-ChildItem "\\?\C:\*.*" -Recurse | Select-Object FullName,LastWriteTime,Length | Export-Csv "$([Environment]::GetFolderPath("Desktop"))\File-Listing.csv" -NoTypeInformation |