@benco112/use-req 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,50 @@
+import { useState, useCallback } from 'react';
+
+// src/index.js
+
+const useReq = (baseUrl) => {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+
+    const request = useCallback(
+        async (endpoint, options = {}) => {
+            setLoading(true);
+            setError(null);
+
+            try {
+                const response = await fetch(`${baseUrl}${endpoint}`, {
+                    method: options.method || "GET",
+                    headers: {
+                        "Content-Type": "application/json",
+                        ...options.headers,
+                    },
+                    body: options.body ? JSON.stringify(options.body) : null,
+                });
+
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(
+                        errorData.message || `Error ${response.status}`,
+                    );
+                }
+
+                if (response.status === 204) return null;
+
+                const result = await response.json();
+                setData(result);
+                return result;
+            } catch (err) {
+                setError(err.message);
+                throw err;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [baseUrl],
+    );
+
+    return { data, loading, error, request };
+};
+
+export { useReq as default };

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import { useState, useCallback } from 'react';
+
+// src/index.js
+
+const useReq = (baseUrl) => {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+
+    const request = useCallback(
+        async (endpoint, options = {}) => {
+            setLoading(true);
+            setError(null);
+
+            try {
+                const response = await fetch(`${baseUrl}${endpoint}`, {
+                    method: options.method || "GET",
+                    headers: {
+                        "Content-Type": "application/json",
+                        ...options.headers,
+                    },
+                    body: options.body ? JSON.stringify(options.body) : null,
+                });
+
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(
+                        errorData.message || `Error ${response.status}`,
+                    );
+                }
+
+                if (response.status === 204) return null;
+
+                const result = await response.json();
+                setData(result);
+                return result;
+            } catch (err) {
+                setError(err.message);
+                throw err;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [baseUrl],
+    );
+
+    return { data, loading, error, request };
+};
+
+export { useReq as default };

package/dist/index.js

@@ -0,0 +1 @@
+var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var s in t)u(e,s,{get:t[s],enumerable:!0})},b=(e,t,s,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of w(t))!g.call(e,r)&&r!==s&&u(e,r,{get:()=>t[r],enumerable:!(o=m(t,r))||o.enumerable});return e};var j=e=>b(u({},"__esModule",{value:!0}),e);var k={};E(k,{default:()=>$});module.exports=j(k);var n=require("react"),p=e=>{let[t,s]=(0,n.useState)(null),[o,r]=(0,n.useState)(!1),[i,c]=(0,n.useState)(null),f=(0,n.useCallback)(async(h,l={})=>{r(!0),c(null);try{let a=await fetch(`${e}${h}`,{method:l.method||"GET",headers:{"Content-Type":"application/json",...l.headers},body:l.body?JSON.stringify(l.body):null});if(!a.ok){let y=await a.json().catch(()=>({}));throw new Error(y.message||`Error ${a.status}`)}if(a.status===204)return null;let d=await a.json();return s(d),d}catch(a){throw c(a.message),a}finally{r(!1)}},[e]);return{data:t,loading:o,error:i,request:f}},$=p;

package/dist/index.mjs

@@ -0,0 +1 @@
+import{useState as r,useCallback as y}from"react";var m=a=>{let[l,u]=r(null),[c,s]=r(!1),[d,n]=r(null),i=y(async(f,e={})=>{s(!0),n(null);try{let t=await fetch(`${a}${f}`,{method:e.method||"GET",headers:{"Content-Type":"application/json",...e.headers},body:e.body?JSON.stringify(e.body):null});if(!t.ok){let h=await t.json().catch(()=>({}));throw new Error(h.message||`Error ${t.status}`)}if(t.status===204)return null;let o=await t.json();return u(o),o}catch(t){throw n(t.message),t}finally{s(!1)}},[a]);return{data:l,loading:c,error:d,request:i}},g=m;export{g as default};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@benco112/use-req",
+  "version": "1.0.0",
+  "description": "Simple and lightweight fetch hook by benco112",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.js --format cjs,esm --dts --minify",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
+}

package/src/index.js

@@ -0,0 +1,49 @@
+// src/index.js
+import { useState, useCallback } from "react";
+
+const useReq = (baseUrl) => {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+
+    const request = useCallback(
+        async (endpoint, options = {}) => {
+            setLoading(true);
+            setError(null);
+
+            try {
+                const response = await fetch(`${baseUrl}${endpoint}`, {
+                    method: options.method || "GET",
+                    headers: {
+                        "Content-Type": "application/json",
+                        ...options.headers,
+                    },
+                    body: options.body ? JSON.stringify(options.body) : null,
+                });
+
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(
+                        errorData.message || `Error ${response.status}`,
+                    );
+                }
+
+                if (response.status === 204) return null;
+
+                const result = await response.json();
+                setData(result);
+                return result;
+            } catch (err) {
+                setError(err.message);
+                throw err;
+            } finally {
+                setLoading(false);
+            }
+        },
+        [baseUrl],
+    );
+
+    return { data, loading, error, request };
+};
+
+export default useReq;