@neurocle/synapse-react 0.0.0-stage → 0.3.0

package/dist/shared/state-parts.mjs

@@ -0,0 +1,123 @@
+"use client";
+import { mergeSynapseProps } from "../system/merge-props.mjs";
+import { devWarn } from "../system/dev-warn.mjs";
+import { SynapseDefinitionError, SynapseStructuralError } from "../system/context.mjs";
+import { createContext, createElement, useContext } from "react";
+import { visuallyHiddenStyle } from "@zag-js/dom-query";
+//#region src/shared/state-parts.ts
+const STATE_PARTS = [
+	"error",
+	"loading",
+	"empty"
+];
+const EMPTY_SLOTS = Object.freeze({});
+const partNameFor = (state) => `${state.charAt(0).toUpperCase()}${state.slice(1)}`;
+const scopeOf = (componentName) => componentName.replaceAll(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ANNOUNCEMENT = {
+	error: {
+		role: "alert",
+		live: "assertive"
+	},
+	loading: {
+		role: "status",
+		live: "polite"
+	},
+	empty: {
+		role: "status",
+		live: "polite"
+	}
+};
+function hasContent(children) {
+	if (children === null || children === void 0 || children === false || children === true) return false;
+	if (typeof children === "string") return children !== "";
+	if (Array.isArray(children)) return children.some(hasContent);
+	return true;
+}
+function hasEveryPart(parts, declared) {
+	return declared.every((state) => typeof parts[partNameFor(state)] === "function");
+}
+function createStateParts(definition) {
+	const { component, when, absent, slots } = definition;
+	const isDeclared = (state) => Object.hasOwn(when, state);
+	const reasonOf = (state) => {
+		const reason = Reflect.get(absent, state);
+		return typeof reason === "string" ? reason : void 0;
+	};
+	const scope = scopeOf(component);
+	for (const state of Object.keys(when)) if (!STATE_PARTS.some((known) => known === state)) throw new SynapseDefinitionError(`${component}: "${state}" is not a state part. The vocabulary is ${STATE_PARTS.join(", ")}, and it is a closed set so a consumer learns it once.`);
+	const declared = STATE_PARTS.filter(isDeclared);
+	for (const state of STATE_PARTS) {
+		const reason = reasonOf(state);
+		if (isDeclared(state) && reason !== void 0) throw new SynapseDefinitionError(`${component}: "${state}" is declared in both \`when\` and \`absent\`. One of them is describing a component that does not exist.`);
+		if (!isDeclared(state) && (reason === void 0 || reason.trim() === "")) throw new SynapseDefinitionError(`${component}: "${state}" is neither declared nor recorded as absent. A state a component does not have must SAY so with a reason — silence is indistinguishable from an oversight, and the Registry cannot tell a consumer which one it is looking at.`);
+	}
+	const Context = createContext(null);
+	Context.displayName = `${component}StateContext`;
+	const resolveActive = (props) => {
+		for (const state of STATE_PARTS) {
+			if (!isDeclared(state)) continue;
+			const predicate = when[state];
+			if (predicate(props)) return state;
+		}
+		return null;
+	};
+	function buildPart(state) {
+		const partName = partNameFor(state);
+		const displayName = `${component}.${partName}`;
+		const { role, live } = ANNOUNCEMENT[state];
+		function StatePart(props) {
+			const context = useContext(Context);
+			if (context === null) throw new SynapseStructuralError({
+				component,
+				part: partName,
+				requiredRoot: "Root",
+				reason: `must be rendered inside <${component}.Root>. A state part reads from the root whether its state applies, and has no way to know outside it.`
+			});
+			const { children, ref, asChild, ...rest } = props;
+			devWarn(asChild === true, `<${displayName}> does not support \`asChild\`. It is a live region wrapped around your content rather than an element standing in for one, and substituting it would move the announcement onto an element whose lifetime the consumer controls.`);
+			if (!hasContent(children)) return null;
+			const active = context.active === state;
+			const slotClass = active ? context.slotClasses[state] : void 0;
+			const behaviorProps = {
+				role,
+				"aria-live": live,
+				"data-scope": scope,
+				"data-part": state,
+				"data-state": active ? "active" : "inactive",
+				...active ? {} : { style: visuallyHiddenStyle }
+			};
+			const elementProps = mergeSynapseProps(behaviorProps, slotClass === void 0 ? void 0 : { className: slotClass }, rest);
+			elementProps["ref"] = ref;
+			return createElement("div", elementProps, active ? children : null);
+		}
+		StatePart.displayName = displayName;
+		return StatePart;
+	}
+	const parts = Object.fromEntries(declared.map((state) => [partNameFor(state), buildPart(state)]));
+	if (!hasEveryPart(parts, declared)) throw new SynapseDefinitionError(`${component}: a state part was not built.`);
+	function wrapRoot(root) {
+		function StateRoot(props) {
+			return createElement(Context.Provider, { value: {
+				active: resolveActive(props),
+				slotClasses: slots?.(props) ?? EMPTY_SLOTS
+			} }, createElement(root, props));
+		}
+		StateRoot.displayName = root.displayName ?? `${component}.Root`;
+		return StateRoot;
+	}
+	return {
+		parts,
+		wrapRoot,
+		meta: {
+			statePartNames: STATE_PARTS.filter(isDeclared).map(partNameFor),
+			stateAbsences: STATE_PARTS.filter((state) => !isDeclared(state)).map((state) => ({
+				state,
+				reason: reasonOf(state) ?? ""
+			}))
+		}
+	};
+}
+//#endregion
+export { STATE_PARTS, createStateParts };
+
+//# sourceMappingURL=state-parts.mjs.map

package/dist/shared/state-parts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-parts.mjs","names":["consumerProps"],"sources":["../../src/shared/state-parts.ts"],"sourcesContent":["'use client'\n\nimport { visuallyHiddenStyle } from '@zag-js/dom-query'\nimport { createContext, createElement, useContext, type ReactNode, type Ref } from 'react'\n\nimport { SynapseStructuralError } from '#/system/context.ts'\nimport { SynapseDefinitionError } from '#/system/create-component.ts'\nimport { devWarn } from '#/system/dev-warn.ts'\nimport { mergeSynapseProps, type Props } from '#/system/merge-props.ts'\nimport type { PartComponent } from '#/system/types.ts'\n\nexport const STATE_PARTS: readonly ['error', 'loading', 'empty'] = ['error', 'loading', 'empty']\n\nexport type StateName = (typeof STATE_PARTS)[number]\n\nconst EMPTY_SLOTS: Readonly<Record<string, string | undefined>> = Object.freeze({})\n\nconst partNameFor = (state: StateName): string =>\n  `${state.charAt(0).toUpperCase()}${state.slice(1)}`\n\nconst scopeOf = (componentName: string): string =>\n  componentName.replaceAll(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\n\nconst ANNOUNCEMENT: Readonly<Record<StateName, { role: string; live: 'polite' | 'assertive' }>> = {\n  error: { role: 'alert', live: 'assertive' },\n  loading: { role: 'status', live: 'polite' },\n  empty: { role: 'status', live: 'polite' },\n}\n\ninterface StateContextValue {\n  readonly active: StateName | null\n  readonly slotClasses: Readonly<Record<string, string | undefined>>\n}\n\nexport interface StatePartsDefinition<TRootProps, TState extends StateName> {\n  component: string\n  when: Readonly<Record<TState, (props: TRootProps) => boolean>>\n  absent: Readonly<Record<Exclude<StateName, TState>, string>>\n  slots?: (props: TRootProps) => Record<string, string | undefined>\n}\n\nexport interface StatePartAbsence {\n  readonly state: StateName\n  readonly reason: string\n}\n\nexport interface StatePartsMeta {\n  readonly statePartNames: readonly string[]\n  readonly stateAbsences: readonly StatePartAbsence[]\n}\n\ntype StatePartComponents<TState extends StateName> = {\n  [K in TState as Capitalize<K>]: PartComponent<HTMLElement, Record<string, unknown>>\n}\n\ntype StatePartRuntimeProps = Record<string, unknown> & {\n  children?: ReactNode\n  ref?: Ref<HTMLElement>\n  asChild?: boolean\n}\n\nfunction hasContent(children: unknown): boolean {\n  if (children === null || children === undefined || children === false || children === true) {\n    return false\n  }\n  if (typeof children === 'string') return children !== ''\n  if (Array.isArray(children)) return children.some(hasContent)\n  return true\n}\n\ntype RootLike<TProps> = ((props: TProps) => ReactNode) & { readonly displayName?: string }\n\nfunction hasEveryPart<TState extends StateName>(\n  parts: Readonly<Record<string, unknown>>,\n  declared: readonly TState[],\n): parts is Readonly<Record<string, unknown>> & StatePartComponents<TState> {\n  return declared.every((state) => typeof parts[partNameFor(state)] === 'function')\n}\n\nexport function createStateParts<TRootProps, TState extends StateName>(\n  definition: StatePartsDefinition<TRootProps, TState>,\n): {\n  parts: StatePartComponents<TState>\n  wrapRoot: <TProps extends TRootProps & object>(\n    root: RootLike<TProps>,\n  ) => ((props: TProps) => ReactNode) & { readonly displayName: string }\n  meta: StatePartsMeta\n} {\n  const { component, when, absent, slots } = definition\n  const isDeclared = (state: StateName): state is TState => Object.hasOwn(when, state)\n  const reasonOf = (state: StateName): string | undefined => {\n    const reason: unknown = Reflect.get(absent, state)\n    return typeof reason === 'string' ? reason : undefined\n  }\n  const scope = scopeOf(component)\n\n  for (const state of Object.keys(when)) {\n    if (!STATE_PARTS.some((known) => known === state)) {\n      throw new SynapseDefinitionError(\n        `${component}: \"${state}\" is not a state part. The vocabulary is ` +\n          `${STATE_PARTS.join(', ')}, and it is a closed set so a consumer learns it once.`,\n      )\n    }\n  }\n\n  const declared: readonly TState[] = STATE_PARTS.filter(isDeclared)\n\n  for (const state of STATE_PARTS) {\n    const reason = reasonOf(state)\n    if (isDeclared(state) && reason !== undefined) {\n      throw new SynapseDefinitionError(\n        `${component}: \"${state}\" is declared in both \\`when\\` and \\`absent\\`. One of them is ` +\n          `describing a component that does not exist.`,\n      )\n    }\n    if (!isDeclared(state) && (reason === undefined || reason.trim() === '')) {\n      throw new SynapseDefinitionError(\n        `${component}: \"${state}\" is neither declared nor recorded as absent. A state a ` +\n          `component does not have must SAY so with a reason — silence is ` +\n          `indistinguishable from an oversight, and the Registry cannot tell a consumer which ` +\n          `one it is looking at.`,\n      )\n    }\n  }\n\n  const Context = createContext<StateContextValue | null>(null)\n  Context.displayName = `${component}StateContext`\n\n  const resolveActive = (props: TRootProps): StateName | null => {\n    for (const state of STATE_PARTS) {\n      if (!isDeclared(state)) continue\n      const predicate = when[state]\n      if (predicate(props)) return state\n    }\n    return null\n  }\n\n  function buildPart(state: StateName): PartComponent<HTMLElement, Record<string, unknown>> {\n    const partName = partNameFor(state)\n    const displayName = `${component}.${partName}`\n    const { role, live } = ANNOUNCEMENT[state]\n\n    function StatePart(props: StatePartRuntimeProps): ReactNode {\n      const context = useContext(Context)\n      if (context === null) {\n        throw new SynapseStructuralError({\n          component,\n          part: partName,\n          requiredRoot: 'Root',\n          reason:\n            `must be rendered inside <${component}.Root>. A state part reads from the root ` +\n            `whether its state applies, and has no way to know outside it.`,\n        })\n      }\n\n      const { children, ref, asChild, ...rest } = props\n\n      devWarn(\n        asChild === true,\n        `<${displayName}> does not support \\`asChild\\`. It is a live region wrapped around ` +\n          `your content rather than an element standing in for one, and substituting it would ` +\n          `move the announcement onto an element whose lifetime the consumer controls.`,\n      )\n\n      if (!hasContent(children)) return null\n\n      const active = context.active === state\n      const slotClass = active ? context.slotClasses[state] : undefined\n\n      const behaviorProps: Props = {\n        role,\n        'aria-live': live,\n        'data-scope': scope,\n        'data-part': state,\n        'data-state': active ? 'active' : 'inactive',\n        ...(active ? {} : { style: visuallyHiddenStyle }),\n      }\n      const styleProps: Props | undefined =\n        slotClass === undefined ? undefined : { className: slotClass }\n\n      const consumerProps: Props = rest\n      const elementProps = mergeSynapseProps(behaviorProps, styleProps, consumerProps)\n      elementProps['ref'] = ref\n\n      return createElement('div', elementProps, active ? children : null)\n    }\n\n    StatePart.displayName = displayName\n    return StatePart\n  }\n\n  const parts: Record<string, unknown> = Object.fromEntries(\n    declared.map((state) => [partNameFor(state), buildPart(state)]),\n  )\n  if (!hasEveryPart<TState>(parts, declared)) {\n    throw new SynapseDefinitionError(`${component}: a state part was not built.`)\n  }\n\n  function wrapRoot<TProps extends TRootProps & object>(\n    root: RootLike<TProps>,\n  ): ((props: TProps) => ReactNode) & { readonly displayName: string } {\n    function StateRoot(props: TProps): ReactNode {\n      return createElement(\n        Context.Provider,\n        {\n          value: {\n            active: resolveActive(props),\n            slotClasses: slots?.(props) ?? EMPTY_SLOTS,\n          },\n        },\n        createElement(root, props),\n      )\n    }\n    StateRoot.displayName = root.displayName ?? `${component}.Root`\n    return StateRoot\n  }\n\n  const meta: StatePartsMeta = {\n    statePartNames: STATE_PARTS.filter(isDeclared).map(partNameFor),\n    stateAbsences: STATE_PARTS.filter((state) => !isDeclared(state)).map((state) => ({\n      state,\n      reason: reasonOf(state) ?? '',\n    })),\n  }\n\n  return { parts, wrapRoot, meta }\n}\n"],"mappings":"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"}

package/dist/shared/text-entry.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+//#region src/shared/text-entry.ts
+const TEXT_ENTRY = "input:not([type=hidden], [type=checkbox], [type=radio], [type=range], [type=file], [type=password], [data-scope=password-input]), textarea";
+const measure = (scope) => {
+	const control = scope?.querySelector(TEXT_ENTRY);
+	if (!(control instanceof HTMLInputElement) && !(control instanceof HTMLTextAreaElement)) return;
+	return {
+		length: control.value.length,
+		max: control.maxLength > 0 ? control.maxLength : void 0
+	};
+};
+const sameMeasure = (a, b) => a?.length === b?.length && a?.max === b?.max;
+const pixels = (value) => {
+	const parsed = Number.parseFloat(value);
+	return Number.isFinite(parsed) ? parsed : 0;
+};
+function fitToContent(node, maxRows) {
+	node.style.height = "auto";
+	const style = getComputedStyle(node);
+	const border = pixels(style.borderBlockStartWidth) + pixels(style.borderBlockEndWidth);
+	const padding = pixels(style.paddingBlockStart) + pixels(style.paddingBlockEnd);
+	const line = pixels(style.lineHeight) || pixels(style.fontSize) * 1.25;
+	const wanted = node.scrollHeight + border;
+	const limit = maxRows === void 0 ? Number.POSITIVE_INFINITY : line * maxRows + padding + border;
+	node.style.height = `${String(Math.min(wanted, limit))}px`;
+	node.style.overflowY = wanted > limit ? "auto" : "hidden";
+}
+function useTextEntry(props) {
+	const [typed, setTyped] = useState((props.value ?? props.defaultValue ?? "").length);
+	const length = props.value === void 0 ? typed : props.value.length;
+	const autoResize = props.autoResize === true;
+	const maxRows = props.maxRows;
+	const node = useRef(null);
+	useLayoutEffect(() => {
+		if (autoResize && node.current !== null) fitToContent(node.current, maxRows);
+	});
+	const resizeRef = useCallback((element) => {
+		node.current = element;
+		if (autoResize && element !== null) fitToContent(element, maxRows);
+	}, [autoResize, maxRows]);
+	return {
+		onLength: setTyped,
+		resizeRef: autoResize ? resizeRef : void 0,
+		autoResize,
+		showCount: props.showCount === true,
+		countLength: length,
+		countMax: props.maxLength
+	};
+}
+//#endregion
+export { TEXT_ENTRY, fitToContent, measure, sameMeasure, useTextEntry };
+
+//# sourceMappingURL=text-entry.mjs.map

package/dist/shared/text-entry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-entry.mjs","names":[],"sources":["../../src/shared/text-entry.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react'\n\nexport interface TextEntryProps {\n  value?: string | undefined\n  defaultValue?: string | undefined\n  autoResize?: boolean | undefined\n  maxRows?: number | undefined\n  maxLength?: number | undefined\n  showCount?: boolean | undefined\n}\n\nexport const TEXT_ENTRY =\n  'input:not([type=hidden], [type=checkbox], [type=radio], [type=range], [type=file], [type=password], [data-scope=password-input]), textarea'\n\nexport interface Measure {\n  readonly length: number\n  readonly max: number | undefined\n}\n\nexport const measure = (scope: Element | null | undefined): Measure | undefined => {\n  const control = scope?.querySelector(TEXT_ENTRY)\n  if (!(control instanceof HTMLInputElement) && !(control instanceof HTMLTextAreaElement)) {\n    return undefined\n  }\n  return {\n    length: control.value.length,\n    max: control.maxLength > 0 ? control.maxLength : undefined,\n  }\n}\n\nexport const sameMeasure = (a: Measure | undefined, b: Measure | undefined): boolean =>\n  a?.length === b?.length && a?.max === b?.max\n\nconst pixels = (value: string): number => {\n  const parsed = Number.parseFloat(value)\n  return Number.isFinite(parsed) ? parsed : 0\n}\n\nexport function fitToContent(node: HTMLElement, maxRows: number | undefined): void {\n  node.style.height = 'auto'\n  const style = getComputedStyle(node)\n  const border = pixels(style.borderBlockStartWidth) + pixels(style.borderBlockEndWidth)\n  const padding = pixels(style.paddingBlockStart) + pixels(style.paddingBlockEnd)\n  const line = pixels(style.lineHeight) || pixels(style.fontSize) * 1.25\n  const wanted = node.scrollHeight + border\n  const limit = maxRows === undefined ? Number.POSITIVE_INFINITY : line * maxRows + padding + border\n  node.style.height = `${String(Math.min(wanted, limit))}px`\n  node.style.overflowY = wanted > limit ? 'auto' : 'hidden'\n}\n\nexport function useTextEntry(props: TextEntryProps): Record<string, unknown> {\n  const [typed, setTyped] = useState((props.value ?? props.defaultValue ?? '').length)\n  const length = props.value === undefined ? typed : props.value.length\n  const autoResize = props.autoResize === true\n  const maxRows = props.maxRows\n  const node = useRef<HTMLElement | null>(null)\n\n  useLayoutEffect(() => {\n    if (autoResize && node.current !== null) fitToContent(node.current, maxRows)\n  })\n\n  const resizeRef = useCallback(\n    (element: HTMLElement | null) => {\n      node.current = element\n      if (autoResize && element !== null) fitToContent(element, maxRows)\n    },\n    [autoResize, maxRows],\n  )\n\n  return {\n    onLength: setTyped,\n    resizeRef: autoResize ? resizeRef : undefined,\n    autoResize,\n    showCount: props.showCount === true,\n    countLength: length,\n    countMax: props.maxLength,\n  }\n}\n"],"mappings":";;;AAaA,MAAa,aACX;AAOF,MAAa,WAAW,UAA2D;CACjF,MAAM,UAAU,OAAO,cAAc,UAAU;CAC/C,IAAI,EAAE,mBAAmB,qBAAqB,EAAE,mBAAmB,sBACjE;CAEF,OAAO;EACL,QAAQ,QAAQ,MAAM;EACtB,KAAK,QAAQ,YAAY,IAAI,QAAQ,YAAY,KAAA;CACnD;AACF;AAEA,MAAa,eAAe,GAAwB,MAClD,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG;AAE3C,MAAM,UAAU,UAA0B;CACxC,MAAM,SAAS,OAAO,WAAW,KAAK;CACtC,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAEA,SAAgB,aAAa,MAAmB,SAAmC;CACjF,KAAK,MAAM,SAAS;CACpB,MAAM,QAAQ,iBAAiB,IAAI;CACnC,MAAM,SAAS,OAAO,MAAM,qBAAqB,IAAI,OAAO,MAAM,mBAAmB;CACrF,MAAM,UAAU,OAAO,MAAM,iBAAiB,IAAI,OAAO,MAAM,eAAe;CAC9E,MAAM,OAAO,OAAO,MAAM,UAAU,KAAK,OAAO,MAAM,QAAQ,IAAI;CAClE,MAAM,SAAS,KAAK,eAAe;CACnC,MAAM,QAAQ,YAAY,KAAA,IAAY,OAAO,oBAAoB,OAAO,UAAU,UAAU;CAC5F,KAAK,MAAM,SAAS,GAAG,OAAO,KAAK,IAAI,QAAQ,KAAK,CAAC,EAAE;CACvD,KAAK,MAAM,YAAY,SAAS,QAAQ,SAAS;AACnD;AAEA,SAAgB,aAAa,OAAgD;CAC3E,MAAM,CAAC,OAAO,YAAY,UAAU,MAAM,SAAS,MAAM,gBAAgB,GAAA,CAAI,MAAM;CACnF,MAAM,SAAS,MAAM,UAAU,KAAA,IAAY,QAAQ,MAAM,MAAM;CAC/D,MAAM,aAAa,MAAM,eAAe;CACxC,MAAM,UAAU,MAAM;CACtB,MAAM,OAAO,OAA2B,IAAI;CAE5C,sBAAsB;EACpB,IAAI,cAAc,KAAK,YAAY,MAAM,aAAa,KAAK,SAAS,OAAO;CAC7E,CAAC;CAED,MAAM,YAAY,aACf,YAAgC;EAC/B,KAAK,UAAU;EACf,IAAI,cAAc,YAAY,MAAM,aAAa,SAAS,OAAO;CACnE,GACA,CAAC,YAAY,OAAO,CACtB;CAEA,OAAO;EACL,UAAU;EACV,WAAW,aAAa,YAAY,KAAA;EACpC;EACA,WAAW,MAAM,cAAc;EAC/B,aAAa;EACb,UAAU,MAAM;CAClB;AACF"}