better-preact-use-state 1.0.3 → 1.0.5

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,10 +1,10 @@
-## better-preact-use-state
+# better-preact-use-state
 
 A utility that improves Preact's `useState` to be safer and more convenient. Provides both `useState` (enhanced) and a dedicated `useBoolState` hook.
 
 ## Overview
 
-Preact's `useState` can cause unintended behavior when you want to hold a function as a state. `better-preact-use-state` solves this problem and is a utility designed for safer state management. It is designed as a drop-in replacement for Preact's `useState` hook, with added functionality. `better-preact-use-state` also provides a simplified hook, `useBoolState`, specifically for boolean state.
+Preact's `useState` hands back a single setter that accepts either the next value or an updater function, so the two cannot be told apart by type. `better-preact-use-state` is a utility designed for safer state management: its `setState` accepts only the next value, and it also hands back `updateState` and `resetState`. It is designed as a drop-in replacement for Preact's `useState` hook, with added functionality. `better-preact-use-state` also provides a simplified hook, `useBoolState`, specifically for boolean state.
 
 ## Installation
 
@@ -30,27 +30,34 @@ pnpm add better-preact-use-state
 
 ```tsx
 import { useState } from 'better-preact-use-state';
+import type * as Preact from 'preact';
+import { useCallback } from 'preact/hooks';
 
-const MyComponent: FunctionalComponent = () => {
-    const [name, setName] = useState('John Doe');
+export const MyComponent = (): Preact.JSX.Element => {
+    const [userName, setUserName] = useState('John Doe');
 
-    const [count, setCount, { updateState: updateCount }] = useState(0);
+    const [count, , { updateState: updateCount }] = useState(0);
 
-    const onNameChange = useCallback((event) => {
-        setName(event.target.value);
-    }, []);
+    const onNameInput: Preact.InputEventHandler<HTMLInputElement> = useCallback(
+        (ev) => {
+            setUserName(ev.currentTarget.value);
+        },
+        [setUserName],
+    );
 
     const incrementCount = useCallback(() => {
         updateCount((x) => x + 1);
-    }, []);
+    }, [updateCount]);
 
     return (
         <div>
             <p>{`Count: ${count}`}</p>
-            <button onClick={incrementCount}>{'Increment'}</button>
+            <button type={'button'} onClick={incrementCount}>
+                {'Increment'}
+            </button>
 
-            <p>{`Name: ${name}`}</p>
-            <input type='text' value={name} onChange={onNameChange} />
+            <p>{`Name: ${userName}`}</p>
+            <input type={'text'} value={userName} onInput={onNameInput} />
         </div>
     );
 };
@@ -62,18 +69,25 @@ const MyComponent: FunctionalComponent = () => {
 
 ```tsx
 import { useBoolState } from 'better-preact-use-state';
+import type * as Preact from 'preact';
 
-const MyComponent = () => {
-    const [isOpen, { setTrue: open, setFalse: close, toggleState }] =
+export const MyComponent = (): Preact.JSX.Element => {
+    const [isOpen, { setTrue: openPanel, setFalse: closePanel, toggleState }] =
         useBoolState(false);
 
     return (
         <div>
             <p>{`Is Open: ${isOpen ? 'Yes' : 'No'}`}</p>
-            <button onClick={open}>{'Open'}</button>
-            <button onClick={close}>{'Close'}</button>
-            <button onClick={toggleState}>{'Toggle'}</button>
+            <button type={'button'} onClick={openPanel}>
+                {'Open'}
+            </button>
+            <button type={'button'} onClick={closePanel}>
+                {'Close'}
+            </button>
             {/* Toggles the boolean value */}
+            <button type={'button'} onClick={toggleState}>
+                {'Toggle'}
+            </button>
         </div>
     );
 };
@@ -83,110 +97,112 @@ const MyComponent = () => {
 
 ### `useState`
 
-```typescript
-const [state, setState, { updateState, resetState }] = useState<T>(initialState: T);
+```ts
+const [state, setState, { updateState, resetState }] = useState(initialState);
 ```
 
--   `state`: The current state.
--   `setState`: Function to update the state.
--   `updateState`: Function to update the state based on the current state.
--   `resetState`: Function to reset the state to the initial value.
+- `state`: The current state.
+- `setState`: Function to update the state.
+- `updateState`: Function to update the state based on the current state.
+- `resetState`: Function to reset the state to the initial value.
 
 #### `updateState`
 
-```typescript
-updateState(updateFn: (v: T) => T): void;
+```ts
+updateState: (updateFn: (v: T) => T) => void;
 ```
 
 Updates the state by passing a function `updateFn` that takes the current state as an argument and returns the new state.
 
 #### `resetState`
 
-```typescript
-resetState(): void;
+```ts
+resetState: () => void;
 ```
 
-Resets the state to the initial value.
+Resets the state to the value it was created with: the first render's `initialState`, as `useState` reads it, whatever is passed later. Its identity never changes.
 
 ### `useBoolState`
 
-```typescript
-const [state, { setState, setTrue, setFalse, resetState, toggleState, updateState }] = useBoolState(initialState: boolean);
+```ts
+const [
+    state,
+    { setState, setTrue, setFalse, resetState, toggleState, updateState },
+] = useBoolState(initialState);
 ```
 
--   `state`: The current boolean value.
--   `setState`: Function to update the boolean value directly.
--   `setTrue`: Function to set the state to `true`.
--   `setFalse`: Function to set the state to `false`.
--   `resetState`: Function to reset the state to the initial value.
--   `toggleState`: Function to toggle the boolean value (true to false, false to true).
--   `updateState`: Function to update the state based on the current state.
+- `state`: The current boolean value.
+- `setState`: Function to update the boolean value directly.
+- `setTrue`: Function to set the state to `true`.
+- `setFalse`: Function to set the state to `false`.
+- `resetState`: Function to reset the state to the initial value.
+- `toggleState`: Function to toggle the boolean value (true to false, false to true).
+- `updateState`: Function to update the state based on the current state.
 
 #### `setState`
 
-```typescript
-setState(next: boolean): void;
+```ts
+setState: (next: boolean) => void;
 ```
 
 Sets the state to the provided boolean value.
 
 #### `setTrue`
 
-```typescript
-setTrue(): void;
+```ts
+setTrue: () => void;
 ```
 
 Sets the state to `true`.
 
 #### `setFalse`
 
-```typescript
-setFalse(): void;
+```ts
+setFalse: () => void;
 ```
 
 Sets the state to `false`.
 
 #### `resetState`
 
-```typescript
-resetState(): void;
+```ts
+resetState: () => void;
 ```
 
-Resets the state to the initial value.
+Resets the state to the value it was created with: the first render's `initialState`, as `useState` reads it, whatever is passed later. Its identity never changes.
 
 #### `toggleState`
 
-```typescript
-toggleState(): void;
+```ts
+toggleState: () => void;
 ```
 
 Toggles the current boolean value.
 
 #### `updateState`
 
-```typescript
-updateState(updateFn: (v: boolean) => boolean): void;
+```ts
+updateState: (updateFn: (v: boolean) => boolean) => void;
 ```
 
 Updates the state by passing a function `updateFn` that takes the current state as an argument and returns the new state. This is useful for updates that depend on the current state.
 
 ## Benefits of this library
 
-With Preact's standard `useState`, attempting to store a function as state can lead to unexpected behavior (the function being interpreted as an updater function). `better-preact-use-state` solves this issue and, by providing `updateState`, allows functions to be safely held as state. Also, `resetState` lets you easily return the state to its initial value. `useBoolState` simplifies boolean state management in Preact, offering several advantages over directly using useState for booleans.
-
-### Example Use Case
+With Preact's standard `useState`, `setState` accepts either the next value or an updater function, and nothing in the types tells the two apart. `better-preact-use-state` separates them: `setState` is typed to accept only the next value, and an update that depends on the current value goes through `updateState` explicitly. `resetState` lets you easily return the state to its initial value. `useBoolState` simplifies boolean state management in Preact, offering several advantages over directly using `useState` for booleans.
 
-Useful when you want to hold a function as state.
+### Holding a function as state
 
-```typescript
-const [fn, setFn, { updateState: updateFn }] = useState(initialFn); // Holds a function as state
+The initial value and the argument of `setState` are passed to Preact's `useState` as they are, so a function given to either is still called as a lazy initializer or an updater, just as with Preact's own hook. To hold a function as state, wrap it in an object:
 
-// In Preact's standard useState, `setFn(nextFn)` interprets nextFn as an update function.
+```ts
+const [{ fn }, setFn] = useState({ fn: initialFn });
 
-// If you want to update the state with an update function, you can use updateState instead.
-updateFn((currentFn) => nextFn);
+const onReplace = useCallback((): void => {
+    setFn({ fn: nextFn });
+}, [setFn, nextFn]);
 ```
 
 ## License
 
-MIT
+Apache-2.0

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/{src/hooks/index.mts → dist/index.mjs}

@@ -1,2 +1,3 @@
 export * from './use-bool-state.mjs';
 export * from './use-state.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/{esm/hooks → dist}/use-bool-state.d.mts

@@ -1,4 +1,4 @@
-export declare const useBoolState: (initialState: boolean) => [state: boolean, Readonly<{
+export declare const useBoolState: (initialState: boolean) => readonly [state: boolean, setters: Readonly<{
     setState: (next: boolean) => void;
     setTrue: () => void;
     setFalse: () => void;

package/dist/use-bool-state.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-bool-state.d.mts","sourceRoot":"","sources":["../src/use-bool-state.mts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,iBACT,OAAO,KACpB,SAAS,CACV,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,KAAK,IAAI,CAAC;CAC1D,CAAC,CAuBH,CAAC"}

package/dist/use-bool-state.mjs

@@ -0,0 +1,22 @@
+import * as Preact from 'preact/hooks';
+import { useState } from './use-state.mjs';
+export const useBoolState = (initialState) => {
+
+
+
+    const [state, setState, { resetState, updateState }] = useState(initialState);
+    const setTrue = Preact.useCallback(() => {
+        setState(true);
+    }, [setState]);
+    const setFalse = Preact.useCallback(() => {
+        setState(false);
+    }, [setState]);
+    const toggleState = Preact.useCallback(() => {
+        updateState((b) => !b);
+    }, [updateState]);
+    return [
+        state,
+        { setState, setTrue, setFalse, resetState, toggleState, updateState },
+    ];
+};
+//# sourceMappingURL=use-bool-state.mjs.map

package/dist/use-bool-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-bool-state.mjs","sourceRoot":"","sources":["../src/use-bool-state.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,YAAqB,EAWrB,EAAE;IACF,6EAA6E;IAC7E,2EAA2E;IAC3E,iCAAiC;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE9E,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO;QACL,KAAK;QACL,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE;KACtE,CAAC;AACJ,CAAC,CAAC"}

package/{esm/hooks → dist}/use-state.d.mts

@@ -1,4 +1,4 @@
-export declare const useState: <T>(initialState: T) => readonly [state: T, setState: (next: T) => void, Readonly<{
+export declare const useState: <T>(initialState: T) => readonly [state: T, setState: (next: T) => void, setters: Readonly<{
     updateState: (updateFn: (v: T) => T) => void;
     resetState: () => void;
 }>];

package/dist/use-state.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-state.d.mts","sourceRoot":"","sources":["../src/use-state.mts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GAAI,CAAC,gBACV,CAAC,KACd,SAAS,CACV,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,EAC3B,OAAO,EAAE,QAAQ,CAAC;IAChB,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC,CAkBH,CAAC"}

package/{esm/hooks → dist}/use-state.mjs

@@ -1,16 +1,16 @@
 import * as Preact from 'preact/hooks';
-
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
-const useState = (initialState) => {
+export const useState = (initialState) => {
     const [state, setState] = Preact.useState(initialState);
+
+
+
+    const [initial] = Preact.useState(initialState);
     const resetState = Preact.useCallback(() => {
-        setState(() => initialState);
-    }, [initialState]);
+        setState(() => initial);
+    }, [initial]);
     const updateState = Preact.useCallback((updateFn) => {
         setState(updateFn);
     }, []);
     return [state, setState, { updateState, resetState }];
 };
-
-export { useState };
-//# sourceMappingURL=use-state.mjs.map
+//# sourceMappingURL=use-state.mjs.map

package/dist/use-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-state.mjs","sourceRoot":"","sources":["../src/use-state.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,YAAe,EAQf,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAI,YAAY,CAAC,CAAC;IAE3D,6EAA6E;IAC7E,0EAA0E;IAC1E,uEAAuE;IACvE,MAAM,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAI,YAAY,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,QAAqB,EAAE,EAAE;QAC/D,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;AACxD,CAAC,CAAC"}

package/package.json

@@ -1,62 +1,85 @@
 {
   "name": "better-preact-use-state",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": false,
-  "license": "MIT",
+  "description": "useState that also hands back the setters you would otherwise write by hand: updateState, resetState, and setTrue / setFalse / toggleState for booleans.",
+  "keywords": [
+    "preact",
+    "hooks",
+    "usestate",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/noshiro-pf/mono.git",
+    "directory": "libs/better-preact-use-state"
+  },
+  "license": "Apache-2.0",
   "author": "noshiro-pf <noshiro.pf@gmail.com>",
   "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
-      "import": {
-        "types": "./esm/index.d.mts",
-        "default": "./esm/index.mjs"
-      }
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
     }
   },
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "files": [
     "src",
-    "esm"
+    "dist",
+    "README.md",
+    "LICENSE"
   ],
-  "scripts": {
-    "build": "wireit",
-    "clean": "run-p clean:**",
-    "clean:build": "rimraf esm",
-    "clean:wireit": "rimraf .wireit/**",
-    "fmt": "yarn zz:prettier .",
-    "gi": "bash ../../../scripts/bash/index_ts_generator.sh ./src --min-depth 0 --ext .mts",
-    "lint": "yarn zz:eslint:src",
-    "lint:fix": "yarn zz:eslint:src --fix",
-    "pub": "yarn zz:publish",
-    "test": "yarn zz:vitest run",
-    "testw": "yarn zz:vitest watch",
-    "tsc": "yarn type-check",
-    "tscw": "tsc --noEmit --watch",
-    "type-check": "tsc --noEmit",
-    "zz:eslint": "ESLINT_USE_FLAT_CONFIG=true TIMING=1 eslint",
-    "zz:eslint:print-config": "yarn zz:eslint --print-config src/index.mts",
-    "zz:eslint:src": "yarn zz:eslint --config eslint.config.js './src/**/*'",
-    "zz:prettier": "prettier --cache --cache-strategy content --ignore-path ../../../.prettierignore --write",
-    "zz:publish": "yarn publish --no-git-tag-version --access=public",
-    "zz:vitest": "vitest --config ./configs/vitest.config.ts"
-  },
   "devDependencies": {
-    "@noshiro/eslint-configs": "*",
-    "@noshiro/mono-utils": "*",
-    "preact": "^10.23.2"
+    "@testing-library/preact": "3.2.4",
+    "@vitest/browser-playwright": "5.0.5",
+    "eslint": "10.13.0",
+    "eslint-config-typed": "7.14.0",
+    "eslint-plugin-ts-data-forge": "0.13.1",
+    "eslint-plugin-ts-type-forge": "0.8.26",
+    "npm-run-all2": "9.0.4",
+    "playwright": "1.64.1",
+    "preact": "10.29.8",
+    "prettier": "3.9.10",
+    "prettier-plugin-organize-imports": "4.3.0",
+    "prettier-plugin-packagejson": "3.0.2",
+    "ts-data-forge": "15.0.1",
+    "ts-repo-utils": "11.0.1",
+    "tsx": "4.23.15"
   },
   "peerDependencies": {
-    "preact": ">=10"
+    "preact": ">=10.0.0"
   },
-  "wireit": {
-    "pre-build": {
-      "command": "run-s clean:build gi type-check"
-    },
-    "build": {
-      "dependencies": [
-        "pre-build"
-      ],
-      "command": "rollup --config ./configs/rollup.config.ts --configPlugin typescript --configImportAttributesKey with"
-    }
+  "engines": {
+    "node": ">=22.23.4",
+    "pnpm": ">=9.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/build.mts",
+    "check:ext": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/check-ext.mts",
+    "check:lint": "node ../../tools/scripts/cmd/assert-deps-built.mts && oxlint . && eslint .",
+    "check:test": "node ../../tools/scripts/cmd/assert-deps-built.mts && pnpm run z:vitest:node run",
+    "check:test:browser": "node ../../tools/scripts/cmd/assert-deps-built.mts && pnpm run z:vitest --project='Browser' run",
+    "check:types": "node ../../tools/scripts/cmd/assert-deps-built.mts && node ../../node_modules/typescript-native/bin/tsc --noEmit",
+    "doc": "run-s gen:readme",
+    "fix:fmt": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../libs/ts-repo-utils/src/cmd/format-uncommitted.mts --cwd .",
+    "fix:fmt:diff": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../libs/ts-repo-utils/src/cmd/format-diff-from.mts origin/main --cwd .",
+    "fix:fmt:full": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../tools/scripts/cmd/format-package.mts",
+    "fix:lint": "node ../../tools/scripts/cmd/assert-deps-built.mts && oxlint . --fix && eslint . --fix",
+    "fmt": "pnpm run fix:fmt",
+    "gen": "run-s gen:index gen:readme",
+    "gen:index": "run-s gen:index:src fix:fmt",
+    "gen:index:src": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ../../libs/ts-repo-utils/src/cmd/gen-index-ts.mts ./src --index-ext .mts --export-ext .mjs --target-ext .mts",
+    "gen:readme": "tsx --tsconfig ../../tools/configs/tsconfig.tsx.json ./scripts/cmd/embed-examples.mts",
+    "test": "pnpm run check:test",
+    "watch:types": "node ../../node_modules/typescript-native/bin/tsc --noEmit --watch -p ./tsconfig.json",
+    "z:vitest": "vitest --config ./configs/vitest.config.mts",
+    "z:vitest:node": "pnpm run z:vitest --project='Node.js'"
   }
-}
+}

package/src/index.mts

@@ -1 +1,2 @@
-export * from './hooks/index.mjs';
+export * from './use-bool-state.mjs';
+export * from './use-state.mjs';

package/src/use-bool-state.mts

@@ -0,0 +1,38 @@
+import * as Preact from 'preact/hooks';
+import { useState } from './use-state.mjs';
+
+export const useBoolState = (
+  initialState: boolean,
+): readonly [
+  state: boolean,
+  setters: Readonly<{
+    setState: (next: boolean) => void;
+    setTrue: () => void;
+    setFalse: () => void;
+    resetState: () => void;
+    toggleState: () => void;
+    updateState: (updateFn: (v: boolean) => boolean) => void;
+  }>,
+] => {
+  // No explicit type argument: `initialState` gives it, and the React Compiler
+  // rule reads `useState<boolean>(…)` on a custom hook as a reference to the
+  // hook rather than a call to it.
+  const [state, setState, { resetState, updateState }] = useState(initialState);
+
+  const setTrue = Preact.useCallback(() => {
+    setState(true);
+  }, [setState]);
+
+  const setFalse = Preact.useCallback(() => {
+    setState(false);
+  }, [setState]);
+
+  const toggleState = Preact.useCallback(() => {
+    updateState((b) => !b);
+  }, [updateState]);
+
+  return [
+    state,
+    { setState, setTrue, setFalse, resetState, toggleState, updateState },
+  ];
+};

package/src/{hooks/use-state.mts → use-state.mts}

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import * as Preact from 'preact/hooks';
 
 export const useState = <T,>(
@@ -6,16 +5,21 @@ export const useState = <T,>(
 ): readonly [
   state: T,
   setState: (next: T) => void,
-  Readonly<{
+  setters: Readonly<{
     updateState: (updateFn: (v: T) => T) => void;
     resetState: () => void;
   }>,
 ] => {
   const [state, setState] = Preact.useState<T>(initialState);
 
+  // The value the state was created with, read once as `useState` reads it, so
+  // that `resetState` neither follows a later argument nor changes identity
+  // when one is passed (an object literal is a new one on every render).
+  const [initial] = Preact.useState<T>(initialState);
+
   const resetState = Preact.useCallback(() => {
-    setState(() => initialState);
-  }, [initialState]);
+    setState(() => initial);
+  }, [initial]);
 
   const updateState = Preact.useCallback((updateFn: (v: T) => T) => {
     setState(updateFn);

package/esm/hooks/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/hooks/index.mts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/esm/hooks/index.mjs

@@ -1,3 +0,0 @@
-export { useBoolState } from './use-bool-state.mjs';
-export { useState } from './use-state.mjs';
-//# sourceMappingURL=index.mjs.map

package/esm/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/esm/hooks/use-bool-state.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-bool-state.d.mts","sourceRoot":"","sources":["../../src/hooks/use-bool-state.mts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,iBACT,OAAO,KACpB,CACD,KAAK,EAAE,OAAO,EACd,QAAQ,CAAC;IACP,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,KAAK,IAAI,CAAC;CAC1D,CAAC,CA+BH,CAAC"}

package/esm/hooks/use-bool-state.mjs

@@ -1,32 +0,0 @@
-import { useCallback } from 'preact/hooks';
-import { useState } from './use-state.mjs';
-
-const useBoolState = (initialState) => {
-    const [state, setState, { resetState, updateState }] = useState(initialState);
-    const setTrue = useCallback(() => {
-        setState(true);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const setFalse = useCallback(() => {
-        setState(false);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const toggleState = useCallback(() => {
-        updateState((b) => !b);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return [
-        state,
-        {
-            setState,
-            updateState,
-            setTrue,
-            setFalse,
-            toggleState,
-            resetState,
-        },
-    ];
-};
-
-export { useBoolState };
-//# sourceMappingURL=use-bool-state.mjs.map

package/esm/hooks/use-bool-state.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-bool-state.mjs","sources":["../../src/hooks/use-bool-state.mts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,YAAY,GAAG,CAC1B,YAAqB,KAWnB;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAClD,QAAQ,CAAU,YAAY,CAAC;AAEjC,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;QAC/B,QAAQ,CAAC,IAAI,CAAC;;KAEf,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAK;QAChC,QAAQ,CAAC,KAAK,CAAC;;KAEhB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACnC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;;KAEvB,EAAE,EAAE,CAAC;IAEN,OAAO;QACL,KAAK;AACL,QAAA;YACE,QAAQ;YACR,WAAW;YACX,OAAO;YACP,QAAQ;YACR,WAAW;YACX,UAAU;AACX,SAAA;KACF;AACH;;;;"}

package/esm/hooks/use-state.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-state.d.mts","sourceRoot":"","sources":["../../src/hooks/use-state.mts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,GAAI,CAAC,gBACV,CAAC,KACd,SAAS,CACV,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,EAC3B,QAAQ,CAAC;IACP,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC,CAaH,CAAC"}

package/esm/hooks/use-state.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-state.mjs","sources":["../../src/hooks/use-state.mts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AAGa,MAAA,QAAQ,GAAG,CACtB,YAAe,KAQb;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAI,YAAY,CAAC;AAE1D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;AACzC,QAAA,QAAQ,CAAC,MAAM,YAAY,CAAC;AAC9B,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,QAAqB,KAAI;QAC/D,QAAQ,CAAC,QAAQ,CAAC;KACnB,EAAE,EAAE,CAAC;IAEN,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACvD;;;;"}

package/esm/index.d.mts

@@ -1,2 +0,0 @@
-export * from './hooks/index.mjs';
-//# sourceMappingURL=index.d.mts.map

package/esm/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/esm/index.mjs

@@ -1,3 +0,0 @@
-export { useBoolState } from './hooks/use-bool-state.mjs';
-export { useState } from './hooks/use-state.mjs';
-//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/hooks/use-bool-state.mts

@@ -1,46 +0,0 @@
-import { useCallback } from 'preact/hooks';
-import { useState } from './use-state.mjs';
-
-export const useBoolState = (
-  initialState: boolean,
-): [
-  state: boolean,
-  Readonly<{
-    setState: (next: boolean) => void;
-    setTrue: () => void;
-    setFalse: () => void;
-    resetState: () => void;
-    toggleState: () => void;
-    updateState: (updateFn: (v: boolean) => boolean) => void;
-  }>,
-] => {
-  const [state, setState, { resetState, updateState }] =
-    useState<boolean>(initialState);
-
-  const setTrue = useCallback(() => {
-    setState(true);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const setFalse = useCallback(() => {
-    setState(false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const toggleState = useCallback(() => {
-    updateState((b) => !b);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return [
-    state,
-    {
-      setState,
-      updateState,
-      setTrue,
-      setFalse,
-      toggleState,
-      resetState,
-    },
-  ];
-};