@a-type/ui 0.8.21 → 0.8.23

package/dist/esm/components/particles/particlesState.js

@@ -18,6 +18,11 @@ export class Particles {
         this.lastFrameTimestamp = 0;
         this.disabled = false;
         this.freeParticles = [];
+        // when true, the final frame has rendered after all particles
+        // are drawn, and we can stop rendering until new particles are added
+        // called "latch" because after the last particle frame we wait one
+        // more frame before closing it
+        this.lastDrawLatch = true;
         // keep canvas render size the same as its actual size
         this.resizeObserver = new ResizeObserver((entries) => {
             for (const entry of entries) {
@@ -57,20 +62,29 @@ export class Particles {
             this.state = 'paused';
         };
         this.draw = (timestamp) => {
-            if (this.state === 'paused') {
-                return;
-            }
-            const ctx = this.ctx;
-            if (!ctx || !this.canvas) {
+            const skipDrawing = this.disabled ||
+                this.lastDrawLatch ||
+                this.state === 'paused' ||
+                !this.ctx ||
+                !this.canvas;
+            if (!this.ctx || !this.canvas) {
                 console.warn('No canvas context');
                 this.pause();
-                return;
             }
             const delta = timestamp - this.lastFrameTimestamp;
-            ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-            this.renderParticles(ctx, delta);
-            requestAnimationFrame(this.draw);
             this.lastFrameTimestamp = timestamp;
+            if (skipDrawing) {
+                return;
+            }
+            this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+            if (this.particles.length === 0) {
+                // skip drawing until we get particles again
+                this.lastDrawLatch = true;
+            }
+            else {
+                this.renderParticles(this.ctx, delta);
+            }
+            requestAnimationFrame(this.draw);
         };
         this.renderParticles = (ctx, delta) => {
             let freed = 0;
@@ -82,13 +96,11 @@ export class Particles {
                     freed++;
                 }
             }
-            if (freed) {
-                console.log('Freed particles', freed);
-            }
         };
         this.addParticles = (spawn) => {
             // wrap in RAF because initializers often use element dimensions
             requestAnimationFrame(() => {
+                this.lastDrawLatch = false;
                 if (this.freeParticles.length < spawn.count) {
                     this.extendPool(spawn.count - this.freeParticles.length);
                 }
@@ -100,7 +112,6 @@ export class Particles {
                     }
                     particle.allocate(initials.x, initials.y, initials.velocityX, initials.velocityY, initials.drag, initials.lifespan, spawn.behavior);
                 }
-                console.log('Allocated particles', spawn.count);
             });
         };
         this.extendPool = (size) => {

package/dist/esm/components/particles/particlesState.js.map

@@ -1 +1 @@
-{"version":3,"file":"particlesState.js","sourceRoot":"","sources":["../../../../src/components/particles/particlesState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"particlesState.js","sourceRoot":"","sources":["../../../../src/components/particles/particlesState.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/provider/Provider.js

@@ -4,10 +4,12 @@ import { ParticleLayer } from '../particles.js';
 import { IconSpritesheet } from '../icon.js';
 import { Toaster } from 'react-hot-toast';
 import { TooltipProvider } from '../tooltip.js';
+import { useVisualViewportOffset } from '../../hooks.js';
 /**
  * Provides all the stuff for all global junk.
  */
 export function Provider({ children, disableParticles, toastPosition = 'top-center', toastContainerClassName, }) {
+    useVisualViewportOffset();
     const otherStuff = (_jsxs(_Fragment, { children: [_jsx(IconSpritesheet, {}), _jsx(Toaster, { position: toastPosition, containerClassName: toastContainerClassName })] }));
     if (disableParticles)
         return (_jsxs(TooltipProvider, { children: [children, otherStuff] }));

package/dist/esm/components/provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AASzD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,GACR;IACf,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,CAClB,CAAC;IAEH,OAAO,CACN,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,CAClB,CAAC;AACH,CAAC"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAiB,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AASzD;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,GACR;IACf,uBAAuB,EAAE,CAAC;IAE1B,MAAM,UAAU,GAAG,CAClB,8BACC,KAAC,eAAe,KAAG,EACnB,KAAC,OAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,MAAC,eAAe,eACd,QAAQ,EACR,UAAU,IACM,CAClB,CAAC;IAEH,OAAO,CACN,KAAC,eAAe,cACf,MAAC,aAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,CAClB,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "0.8.21",
+  "version": "0.8.23",
   "type": "module",
   "files": [
     "/dist",

package/src/components/button/Button.tsx

@@ -18,6 +18,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 		| 'unstyled';
 	size?: 'default' | 'small' | 'icon';
 	toggled?: boolean;
+	toggleMode?: 'color' | 'indicator' | 'state-only';
 	align?: 'start' | 'stretch' | 'end';
 	visuallyDisabled?: boolean;
 	loading?: boolean;
@@ -31,6 +32,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 			color,
 			size,
 			toggled,
+			toggleMode = 'color',
 			align,
 			visuallyDisabled,
 			loading,
@@ -52,7 +54,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 				getButtonClassName({
 					color,
 					size,
-					toggleable: toggled !== undefined,
+					toggleable: toggled !== undefined && toggleMode === 'color',
 					align,
 				}),
 				className,
@@ -60,7 +62,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 		};
 		// set state when toggleable
 		if (toggled !== undefined) {
-			buttonProps['aria-pressed'] = toggled;
+			buttonProps['aria-pressed'] = !!toggled;
 		}
 
 		if (asChild) {
@@ -71,7 +73,9 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 		return (
 			<Comp {...buttonProps}>
 				{loading && <Spinner size={16} className="inline-block w-1em h-1em" />}
-				{toggled !== undefined && <ToggleIndicator value={toggled} />}
+				{toggled !== undefined && toggleMode !== 'state-only' && (
+					<ToggleIndicator value={toggled} />
+				)}
 				{children}
 			</Comp>
 		);

package/src/components/editableText/EditableText.stories.tsx

@@ -0,0 +1,52 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { EditableText } from './EditableText.js';
+import { useState } from 'react';
+
+const meta = {
+	title: 'EditableText',
+	component: EditableText,
+	argTypes: {},
+	args: {
+		value: 'Hello, world!',
+	},
+	parameters: {
+		controls: { expanded: true },
+	},
+} satisfies Meta<typeof EditableText>;
+
+export default meta;
+
+type Story = StoryObj<typeof EditableText>;
+
+export const Default: Story = {
+	render: (args) => {
+		const [value, setValue] = useState(args.value);
+		const [editable, setEditable] = useState(false);
+		return (
+			<EditableText
+				{...args}
+				value={value}
+				onValueChange={setValue}
+				editing={editable}
+				onEditingChange={setEditable}
+			/>
+		);
+	},
+};
+
+export const Title: Story = {
+	render: (args) => {
+		const [value, setValue] = useState(args.value);
+		const [editable, setEditable] = useState(false);
+		return (
+			<EditableText
+				{...args}
+				value={value}
+				onValueChange={setValue}
+				editing={editable}
+				onEditingChange={setEditable}
+				className="text-2xl"
+			/>
+		);
+	},
+};

package/src/components/editableText/EditableText.tsx

@@ -0,0 +1,118 @@
+import {
+	ChangeEvent,
+	FocusEvent,
+	KeyboardEvent,
+	useCallback,
+	useEffect,
+	useRef,
+	useState,
+} from 'react';
+import { Input, inputClassName } from '../input.js';
+import clsx from 'clsx';
+import { Icon } from '../icon.js';
+
+export interface EditableTextProps {
+	value: string;
+	onValueChange: (value: string) => void;
+	editing?: boolean;
+	onEditingChange?: (editing: boolean) => void;
+	className?: string;
+	id?: string;
+	autoSelect?: boolean;
+	autoFocus?: boolean;
+	onFocus?: (ev: FocusEvent) => void;
+	onBlur?: (ev: FocusEvent) => void;
+	onChange?: (ev: ChangeEvent<HTMLInputElement>) => void;
+	onKeyDown?: (ev: KeyboardEvent) => void;
+	onKeyUp?: (ev: KeyboardEvent) => void;
+}
+
+export function EditableText({
+	value,
+	onValueChange,
+	editing,
+	onEditingChange,
+	className,
+	id,
+	autoSelect,
+	autoFocus,
+	onBlur,
+	onChange,
+	onKeyDown,
+	...rest
+}: EditableTextProps) {
+	const [editingInternal, setEditingInternal] = useState(editing || autoFocus);
+	const editingFinal = editing ?? editingInternal;
+	const setEditingFinal = onEditingChange ?? setEditingInternal;
+
+	const handleChange = useCallback(
+		(ev: ChangeEvent<HTMLInputElement>) => {
+			onValueChange(ev.target.value);
+			onChange?.(ev);
+		},
+		[onValueChange, onChange],
+	);
+
+	const handleKeyDown = useCallback(
+		(ev: KeyboardEvent<HTMLInputElement>) => {
+			if (ev.key === 'Enter') {
+				setEditingFinal(false);
+			}
+			onKeyDown?.(ev);
+		},
+		[setEditingFinal, onKeyDown],
+	);
+
+	const inputRef = useRef<HTMLInputElement>(null);
+
+	useEffect(() => {
+		if (editingFinal && inputRef.current) {
+			// -10... roughly estimated based on default font.
+			inputRef.current.size = Math.max(1, value.length - 5);
+			inputRef.current.focus();
+		}
+	}, [editingFinal, inputRef]);
+
+	const handleBlur = useCallback(
+		(ev: FocusEvent<HTMLInputElement>) => {
+			setEditingFinal(false);
+			onBlur?.(ev);
+		},
+		[setEditingFinal, onBlur],
+	);
+
+	if (editingFinal) {
+		return (
+			<Input
+				ref={inputRef}
+				value={value}
+				onChange={handleChange}
+				onBlur={handleBlur}
+				className={clsx('layer-variants:font-size-inherit', className)}
+				id={id}
+				autoSelect={autoSelect}
+				onKeyDown={handleKeyDown}
+				{...rest}
+			/>
+		);
+	}
+
+	return (
+		<button
+			onClick={() => setEditingFinal(true)}
+			className={clsx(
+				inputClassName,
+				'layer-variants:(border-transparent bg-transparent w-auto inline-flex items-center gap-2 font-size-inherit text-inherit shadow-none)',
+				'layer-variants:hover:(bg-gray-blend)',
+				'layer-variants:focus-visible:(outline-none bg-gray-dark-blend)',
+				'cursor-pointer',
+				className,
+			)}
+			id={id}
+			{...rest}
+		>
+			{value}
+			<Icon name="pencil" className="stroke-gray-blend opacity-50" />
+		</button>
+	);
+}

package/src/components/editableText.ts

@@ -0,0 +1 @@
+export * from './editableText/EditableText.js';

package/src/components/input/Input.tsx

@@ -6,21 +6,23 @@ import {
 	forwardRef,
 	useCallback,
 } from 'react';
+import { Slot } from '@radix-ui/react-slot';
 
 export const inputClassName = classNames(
 	'layer-components:(px-4 py-2 text-md font-sans rounded-lg bg-white select-auto min-w-60px color-black border-default shadow-sm-inset)',
-	'layer-components:focus:(outline-none bg-gray2 ring-4	ring-white)',
-	'layer-components:focus-visible:(outline-none ring-primary-wash)',
+	'layer-components:focus:(outline-none bg-gray-1 ring-4	ring-white)',
+	'layer-components:focus-visible:(outline-none ring-gray-dark-blend)',
 	'layer-components:md:(min-w-120px)',
 );
 
 export interface InputProps extends ComponentProps<'input'> {
 	variant?: 'default' | 'primary';
 	autoSelect?: boolean;
+	asChild?: boolean;
 }
 
 export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
-	{ className, autoSelect, onFocus, variant = 'default', ...props },
+	{ className, autoSelect, onFocus, variant = 'default', asChild, ...props },
 	ref,
 ) {
 	const handleFocus = useCallback(
@@ -33,8 +35,10 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
 		[onFocus, autoSelect],
 	);
 
+	const Component = asChild ? Slot : 'input';
+
 	return (
-		<input
+		<Component
 			{...props}
 			onFocus={handleFocus}
 			className={classNames(

package/src/components/particles/particlesState.ts

@@ -1,3 +1,5 @@
+import { assert } from '@a-type/utils';
+
 export class Particles {
 	private canvas: HTMLCanvasElement | null = null;
 	private ctx: CanvasRenderingContext2D | null = null;
@@ -9,6 +11,12 @@ export class Particles {
 	private particles: Particle[];
 	private freeParticles: Particle[] = [];
 
+	// when true, the final frame has rendered after all particles
+	// are drawn, and we can stop rendering until new particles are added
+	// called "latch" because after the last particle frame we wait one
+	// more frame before closing it
+	private lastDrawLatch = true;
+
 	// keep canvas render size the same as its actual size
 	private resizeObserver = new ResizeObserver((entries) => {
 		for (const entry of entries) {
@@ -68,25 +76,34 @@ export class Particles {
 	};
 
 	private draw = (timestamp: number) => {
-		if (this.state === 'paused') {
-			return;
-		}
-		const ctx = this.ctx;
-
-		if (!ctx || !this.canvas) {
+		const skipDrawing =
+			this.disabled ||
+			this.lastDrawLatch ||
+			this.state === 'paused' ||
+			!this.ctx ||
+			!this.canvas;
+		if (!this.ctx || !this.canvas) {
 			console.warn('No canvas context');
 			this.pause();
-			return;
 		}
 
 		const delta = timestamp - this.lastFrameTimestamp;
+		this.lastFrameTimestamp = timestamp;
 
-		ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+		if (skipDrawing) {
+			return;
+		}
 
-		this.renderParticles(ctx, delta);
+		this.ctx!.clearRect(0, 0, this.canvas!.width, this.canvas!.height);
+
+		if (this.particles.length === 0) {
+			// skip drawing until we get particles again
+			this.lastDrawLatch = true;
+		} else {
+			this.renderParticles(this.ctx!, delta);
+		}
 
 		requestAnimationFrame(this.draw);
-		this.lastFrameTimestamp = timestamp;
 	};
 
 	private renderParticles = (ctx: CanvasRenderingContext2D, delta: number) => {
@@ -99,14 +116,12 @@ export class Particles {
 				freed++;
 			}
 		}
-		if (freed) {
-			console.log('Freed particles', freed);
-		}
 	};
 
 	addParticles = (spawn: ParticleSpawn) => {
 		// wrap in RAF because initializers often use element dimensions
 		requestAnimationFrame(() => {
+			this.lastDrawLatch = false;
 			if (this.freeParticles.length < spawn.count) {
 				this.extendPool(spawn.count - this.freeParticles.length);
 			}
@@ -126,7 +141,6 @@ export class Particles {
 					spawn.behavior,
 				);
 			}
-			console.log('Allocated particles', spawn.count);
 		});
 	};
 

package/src/components/provider/Provider.tsx

@@ -3,6 +3,7 @@ import { ParticleLayer } from '../particles.js';
 import { IconSpritesheet } from '../icon.js';
 import { Toaster, ToastPosition } from 'react-hot-toast';
 import { Tooltip, TooltipProvider } from '../tooltip.js';
+import { useVisualViewportOffset } from '../../hooks.js';
 
 export interface ProviderProps {
 	children?: ReactNode;
@@ -20,6 +21,8 @@ export function Provider({
 	toastPosition = 'top-center',
 	toastContainerClassName,
 }: ProviderProps) {
+	useVisualViewportOffset();
+
 	const otherStuff = (
 		<>
 			<IconSpritesheet />