@httpstate/react 0.0.12 → 0.0.14

package/README.md

@@ -0,0 +1,61 @@
+# httpstate (react)
+
+## Quick Start
+
+Install
+
+```bash
+npm install @httpstate/react
+```
+
+Import
+
+```bash
+import { useHttpState } from '@httpstate/react';
+```
+
+Pick any valid UUID v4. You can [generate one here](https://uuid.httpstate.com).
+
+We'll use `45fb3654-0e92-44da-aa21-ca409c6bdab3` or `45fb36540e9244daaa21ca409c6bdab3 (without dashes).
+
+Use `useHttpState(uuid)` as you would do with a React `useState()` hook.
+
+```tsx
+const [data, setData] = useHttpState('45fb36540e9244daaa21ca409c6bdab3');
+
+setData('Hi! 👋🏻');
+```
+
+That's it! 🐙
+
+## API
+
+### Hook
+
+- `useHttpState(uuid)`
+  Create a reactive state instance of UUIDv4.
+  - `uuid`: The UUID v4 string.
+
+  - Returns `[state, setState]` where:
+    - `state`: The current data (undefined | string).
+    - `setState`: The set function that lets you update the state to a different value.
+
+---
+
+## About
+
+Alex Morales, [moralestapia.com](https://moralestapia.com)
+
+Copyright © Alex Morales, 2026
+
+## Contact
+
+Comments, feature requests, etc. are welcome at **inbox @ httpstate.com**.
+
+## License
+
+Unless otherwise stated in particular files or directories, this software is free software.
+
+You can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+
+See [LICENSE](LICENSE) for more information.

package/dist/useHttpState.cjs

@@ -1 +1 @@
-"use strict";var u=Object.create;var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},g=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!m.call(t,r)&&r!==n&&s(t,r,{get:()=>e[r],enumerable:!(i=f(e,r))||i.enumerable});return t};var S=(t,e,n)=>(n=t!=null?u(c(t)):{},g(e||!t||!t.__esModule?s(n,"default",{value:t,enumerable:!0}):n,t)),h=t=>g(s({},"__esModule",{value:!0}),t);var E={};p(E,{useHttpState:()=>b});module.exports=h(E);var a=S(require("@httpstate/typescript"),1),d=require("react"),b=t=>{if(!t)return;let[e,n]=(0,d.useState)(void 0);return(0,d.useEffect)(()=>((async()=>{let i=(0,a.default)(t).on("change",r=>n(r.data));i.emit("change",await i.get())})(),()=>{}),[]),[e,i=>(0,a.set)(t,i)]};0&&(module.exports={useHttpState});
+"use strict";var f=Object.create;var s=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},u=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!m.call(t,r)&&r!==n&&s(t,r,{get:()=>e[r],enumerable:!(i=g(e,r))||i.enumerable});return t};var S=(t,e,n)=>(n=t!=null?f(c(t)):{},u(e||!t||!t.__esModule?s(n,"default",{value:t,enumerable:!0}):n,t)),h=t=>u(s({},"__esModule",{value:!0}),t);var P={};p(P,{useHttpState:()=>b});module.exports=h(P);var d=S(require("@httpstate/typescript"),1),a=require("react"),b=t=>{if(!t)return;let[e,n]=(0,a.useState)(void 0);return(0,a.useEffect)(()=>((async()=>{let i=(0,d.default)(t).on("change",r=>n(r));i.emit("change",await i.get())})(),()=>{}),[]),[e,i=>(0,d.set)(t,i)]};0&&(module.exports={useHttpState});

package/dist/useHttpState.js

@@ -1 +1 @@
-import s,{set as a}from"@httpstate/typescript";import{useEffect as d,useState as g}from"react";var o=e=>{if(!e)return;let[n,i]=g(void 0);return d(()=>((async()=>{let t=s(e).on("change",r=>i(r.data));t.emit("change",await t.get())})(),()=>{}),[]),[n,t=>a(e,t)]};export{o as useHttpState};
+import s,{set as d}from"@httpstate/typescript";import{useEffect as a,useState as u}from"react";var o=e=>{if(!e)return;let[n,i]=u(void 0);return a(()=>((async()=>{let t=s(e).on("change",r=>i(r));t.emit("change",await t.get())})(),()=>{}),[]),[n,t=>d(e,t)]};export{o as useHttpState};

package/package.json

@@ -15,7 +15,7 @@
   "main": "dist/useHttpState.js",
   "name": "@httpstate/react",
   "peerDependencies": {
-    "@httpstate/typescript": "^0.0.23",
+    "@httpstate/typescript": "^0.0.36",
     "react": "^19.2.4"
   },
   "repository": {
@@ -29,5 +29,5 @@
   },
   "type": "module",
   "types": "dist/useHttpState.d.ts",
-  "version": "0.0.12"
+  "version": "0.0.14"
 }