@sigrea/react 0.3.1 → 0.4.0

package/README.md

@@ -5,7 +5,7 @@
 - **Signal subscriptions.** `useSignal` subscribes to signals and computed values, triggering re-renders when they change.
 - **Computed subscriptions.** `useComputed` subscribes to computed values and memoizes them per component instance.
 - **Deep signal subscriptions.** `useDeepSignal` subscribes to deep signal objects and exposes them for direct mutation.
-- **Molecule lifecycles.** `useMolcule` mounts molecule factories and binds their lifecycles to React components.
+- **Molecule lifecycles.** `useMolecule` mounts molecule factories and binds their lifecycles to React components.
 
 ## Table of Contents
 
@@ -18,7 +18,7 @@
   - [useSignal](#usesignal)
   - [useComputed](#usecomputed)
   - [useDeepSignal](#usedeepsignal)
-  - [useMolcule](#usemolcule)
+  - [useMolecule](#usemolecule)
 - [Testing](#testing)
 - [Handling Scope Cleanup Errors](#handling-scope-cleanup-errors)
 - [Development](#development)
@@ -52,7 +52,7 @@ export function CounterLabel() {
 
 ```tsx
 import { molecule, signal } from "@sigrea/core";
-import { useMolcule, useSignal } from "@sigrea/react";
+import { useMolecule, useSignal } from "@sigrea/react";
 
 const CounterMolecule = molecule((props: { initialCount: number }) => {
   const count = signal(props.initialCount);
@@ -69,7 +69,7 @@ const CounterMolecule = molecule((props: { initialCount: number }) => {
 });
 
 export function Counter(props: { initialCount: number }) {
-  const counter = useMolcule(CounterMolecule, props);
+  const counter = useMolecule(CounterMolecule, props);
   const value = useSignal(counter.count);
 
   return (
@@ -133,10 +133,10 @@ function useDeepSignal<T extends object>(signal: DeepSignal<T>): T
 
 Exposes a deep signal object for direct mutation within the component. Updates to nested properties trigger re-renders, and the subscription is cleaned up when the component unmounts.
 
-### useMolcule
+### useMolecule
 
 ```tsx
-function useMolcule<TProps, TReturn>(
+function useMolecule<TProps, TReturn>(
   molecule: MoleculeFactory<TProps, TReturn>,
   props?: TProps
 ): TReturn

package/dist/index.cjs

@@ -3,7 +3,7 @@
 const react = require('react');
 const core = require('@sigrea/core');
 
-function useMolcule(molecule, ...args) {
+function useMolecule(molecule, ...args) {
   const props = args.length === 0 ? void 0 : args[0];
   const stateRef = react.useRef(
     void 0
@@ -29,7 +29,7 @@ function useMolcule(molecule, ...args) {
   const state = stateRef.current;
   if (state === void 0) {
     throw new Error(
-      "useMolcule failed to mount the requested molecule instance."
+      "useMolecule failed to mount the requested molecule instance."
     );
   }
   const instance = state.instance;
@@ -106,6 +106,6 @@ function useDeepSignal(source) {
 
 exports.useComputed = useComputed;
 exports.useDeepSignal = useDeepSignal;
-exports.useMolcule = useMolcule;
+exports.useMolecule = useMolecule;
 exports.useSignal = useSignal;
 exports.useSnapshot = useSnapshot;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { MoleculeFactory, MoleculeArgs, MoleculeInstance, Signal, ReadonlySignal, Computed, DeepSignal, SnapshotHandler } from '@sigrea/core';
 
-declare function useMolcule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
+declare function useMolecule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
 
 type ReadableSignal<T> = Signal<T> | ReadonlySignal<T>;
 declare function useSignal<T>(source: ReadableSignal<T>): T;
@@ -11,4 +11,4 @@ declare function useDeepSignal<T extends object>(source: DeepSignal<T>): T;
 
 declare function useSnapshot<T>(handler: SnapshotHandler<T>): T;
 
-export { useComputed, useDeepSignal, useMolcule, useSignal, useSnapshot };
+export { useComputed, useDeepSignal, useMolecule, useSignal, useSnapshot };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { MoleculeFactory, MoleculeArgs, MoleculeInstance, Signal, ReadonlySignal, Computed, DeepSignal, SnapshotHandler } from '@sigrea/core';
 
-declare function useMolcule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
+declare function useMolecule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
 
 type ReadableSignal<T> = Signal<T> | ReadonlySignal<T>;
 declare function useSignal<T>(source: ReadableSignal<T>): T;
@@ -11,4 +11,4 @@ declare function useDeepSignal<T extends object>(source: DeepSignal<T>): T;
 
 declare function useSnapshot<T>(handler: SnapshotHandler<T>): T;
 
-export { useComputed, useDeepSignal, useMolcule, useSignal, useSnapshot };
+export { useComputed, useDeepSignal, useMolecule, useSignal, useSnapshot };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { MoleculeFactory, MoleculeArgs, MoleculeInstance, Signal, ReadonlySignal, Computed, DeepSignal, SnapshotHandler } from '@sigrea/core';
 
-declare function useMolcule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
+declare function useMolecule<TReturn extends object, TProps = void>(molecule: MoleculeFactory<TReturn, TProps>, ...args: MoleculeArgs<TProps>): MoleculeInstance<TReturn>;
 
 type ReadableSignal<T> = Signal<T> | ReadonlySignal<T>;
 declare function useSignal<T>(source: ReadableSignal<T>): T;
@@ -11,4 +11,4 @@ declare function useDeepSignal<T extends object>(source: DeepSignal<T>): T;
 
 declare function useSnapshot<T>(handler: SnapshotHandler<T>): T;
 
-export { useComputed, useDeepSignal, useMolcule, useSignal, useSnapshot };
+export { useComputed, useDeepSignal, useMolecule, useSignal, useSnapshot };

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { useRef, useEffect, useCallback, useSyncExternalStore, useMemo } from 'react';
 import { disposeMolecule, createSignalHandler, createComputedHandler, createDeepSignalHandler } from '@sigrea/core';
 
-function useMolcule(molecule, ...args) {
+function useMolecule(molecule, ...args) {
   const props = args.length === 0 ? void 0 : args[0];
   const stateRef = useRef(
     void 0
@@ -27,7 +27,7 @@ function useMolcule(molecule, ...args) {
   const state = stateRef.current;
   if (state === void 0) {
     throw new Error(
-      "useMolcule failed to mount the requested molecule instance."
+      "useMolecule failed to mount the requested molecule instance."
     );
   }
   const instance = state.instance;
@@ -102,4 +102,4 @@ function useDeepSignal(source) {
   return useSnapshot(handler);
 }
 
-export { useComputed, useDeepSignal, useMolcule, useSignal, useSnapshot };
+export { useComputed, useDeepSignal, useMolecule, useSignal, useSnapshot };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sigrea/react",
-	"version": "0.3.1",
+	"version": "0.4.0",
 	"description": "React adapter bindings for Sigrea molecule modules.",
 	"license": "MIT",
 	"type": "module",