add workflow for npm package release, modify few files

Author: Certsoftt

.github/workflows/release.yml

@@ -0,0 +1,33 @@
+name: Node.js Package
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - run: npm ci
+      - run: npm test
+
+  publish-gpr:
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: read
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://npm.pkg.github.com/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}

README.md

@@ -36,6 +36,29 @@ Begin by
 
 You can re-use this for whatever you want or to build something cool with it.
 
+  - Using the `Get class` to fetch data.<br/>
+  For instance, fetching `posts` from `jsonplaceholder api` 
+
+  ```js
+  let posts = new Get("posts").api()
+  ```
+
+  this fetches posts from jsonplaceholder api. The `api()` accepts 1 optional argument which is your endpoint query. For instance, fetching a single post with an `id` of `50`
+
+  ```js
+  let post = new Get("posts").api("?id=50")
+  ``` 
+  or programmatically:
+
+  ```js
+  let id = value // dynamic value
+  let post = new Get("posts").api(`?id=${value}`)
+  ```
+
 ## License
 
 Licensed under the MIT license.
+
+## Documentation
+
+Coming soon

dist/index.es.js

@@ -0,0 +1 @@
+import 'react';

dist/index.esm.js

@@ -0,0 +1 @@
+import 'react';

dist/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('react');
+

package.json

@@ -6,8 +6,7 @@
   "description": "Customizable Components that can make calls to many endpoints and api handling the logical aspect while you just decide the data to be fetched and how it should be consumed",
   "main": "/dist/index.js",
   "scripts": {
-    "build": "rollup -c",
-    "prebuild": "rimraf src && rimraf dist"
+    "build": "rollup -c"
   },
   "repository": {
     "type": "git",

rollup.config.js

@@ -1,12 +1,12 @@
 import {babel} from "@rollup/plugin-babel"
 import postcss from "rollup-plugin-postcss"
-import filesize from "rollup-plugin-filesize"
+// import filesize from "rollup-plugin-filesize"
 import external from "rollup-plugin-peer-deps-external"
 import resolve from "@rollup/plugin-node-resolve"
-import {terser} from "@rollup/plugin-terser"
+// import {terser} from "@rollup/plugin-terser"
 
 const config={
-    input: "/src/index.js",
+    input: "src/index.jsx",
     output:[
         {
             file: 'dist/index.esm.js',
@@ -32,7 +32,7 @@ const config={
         }),
         external(),
         resolve(),
-        terser(),
+        // terser(),
         postcss({
             plugins:[],
             minimize:true

src/components/Get/Get.jsx

@@ -1,10 +1,25 @@
-import Get from "./components/Get/Get";
-import { useGetProvider } from "./hooks/providers/useGetProvider";
+import { useState } from "react";
 
-const App = () =>{
-    return(
-        <useGetProvider>
-            <Get/>
-        </useGetProvider>
-    )
+function Get(input){
+    this.input = input
+    this.response;
+    this.data;
+}
+
+Get.prototype.api = async function (endpoint=""){
+    const [fetch, setFetch] = useState()
+    if(this.input == "posts"){
+        if(endpoint == ""){
+            this.response = await fetch(`https://jsonplaceholder.typicode.com/${this.input}`)
+            this.data = this.response.json().then(result=>{
+                setFetch(result)
+            })
+        }else{
+            this.response = await fetch(`https://jsonplaceholder.typicode.com/${this.input}/${endpoint}`)
+            this.data = this.response.json().then(result=>{
+                setFetch(result)
+            })
+        }
+    }
+    return fetch
 }