@andersonalmeidax0/webcomponents 0.1.2 → 0.1.4

package/{jzcomponents/Errors.js → Errors.js}

@@ -1,6 +1,18 @@
 "use strict";
 /* ************************************************** */
 /* ************************************************** */
+const ErrorConstants  = {
+  PlatAPIError: "PlatAPIError",
+  PlatAPIReturnCodeError: "PlatAPIReturnCodeError",
+
+  PlatAPIAuthError: "PlatAPIAuthError",
+  PlatAPIForbidden: "PlatAPIForbidden",
+
+  PlatAPIDBNotFound: "PlatAPIDBNotFound",
+  PlatAPIDBIntegrityConstraint: "PlatAPIDBIntegrityConstraint",
+};
+/* ************************************************** */
+/* ************************************************** */
 class PlatAPIError extends Error {
   constructor(message, type) {
     super(message);
@@ -38,4 +50,4 @@ class PlatAPIForbidden extends Error {
 
 //exports.PlatAPIDBNotFound = PlatAPIDBNotFound;
 
-export {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden};
+export {ErrorConstants,PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden};

package/RestAPIAdapter.js

@@ -0,0 +1,199 @@
+/* eslint-disable no-unused-vars */
+import {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden} from "./Errors";
+
+//ERPNEXT API request: BODYTAG:data, RESPTAG:data,LISTTAG:null (só o array) 
+//https://frappeframework.com/docs/user/en/api/rest
+
+//JSON API request: BODYTAG:data, RESPTAG:data,LISTTAG:null (só o array)
+//https://jsonapi.org/format/#crud
+
+//COIN GECKO: request: BODYTAG:null, RESPTAG:null,LISTTAG:null (só o array)
+//https://api.coingecko.com/api/v3/coins/
+
+//Oracle API request: BODYTAG:null, RESPTAG:null,LISTTAG:elements 
+//https://docs.oracle.com/en/cloud/saas/marketing/eloqua-rest-api/op-api-rest-1.0-data-account-post.html
+
+
+var DEBUG_APIFETCH=true;
+
+//TODO:
+//1-tem que usar heranca para metodos new, validate, etc
+//2-para seguir padrao JSON-API, os dados de entrada (POST/PUT) ficam em objeto "data" (ou NÃO... para simplificar o JSDOC...) ==> mas é padrao ERPNExt!!!
+//3-Os dados de saida em "data" => qdo é um só é object, qdo sao vários é array
+//4-Error: se tem erro, tem object "error" ou "errors"
+//5-InsertedId ==> colocar junto no payload.data
+//6-Auth: colocar no header como header "Authorization" e colocar o sid (que está em storage). O server irá validar.
+//7-implementacao
+/*
+   a.get sid from storage
+   b.chamada fetch3 (com POST,GET,ETC) e a URL `/{$typeName}/$vo.id`, PASSANDO (e FORMATANDO) BODY
+   c.verifica se deu erro (se 404 retorna not found)
+   d.pega wait r.data
+   e.set tem insertedID, seta no payload
+   f.se tem data, seta  (se for collection.. verifica se campo "type", do primeiro item [0] é igual ao typeName)
+   g.senao erro
+*/	
+//8-gerar uma versao sem "data" para usar com Json-server
+/*
+==> para tertar com ERPNext: tem que
+1-colocar no ar ERPNext (bench start assync ???)
+2-colocar no ar o ApiCRM (adapter)
+3-dar renew no crm.andermusic.com ==> certificado https
+X-Colocar o MetalMarlek em outro server AWS ... com docker... com outra conta de mongodb "andermusicdevelopment" free.. com CI/CD
+*/
+
+function getStorage(key) {
+	const itemStr = sessionStorage.getItem(key)
+	if (!itemStr) {
+		return null;
+	}
+	const item = JSON.parse(itemStr)
+	return item;
+}
+
+/* ************************************************** */
+/* ************************************************** */
+function getStorageWithExpiry(key) {
+	const itemStr = sessionStorage.getItem(key)
+	// if the item doesn't exist, return null
+	if (!itemStr) {
+		return null;
+	}
+	const item = JSON.parse(itemStr)
+	const now = new Date()
+	// compare the expiry time of the item with the current time
+	if (now.getTime() > item.expiry) {
+		// If the item is expired, delete the item from storage
+		// and return null
+    //alert('Session: expired'+key);
+		sessionStorage.removeItem(key)
+		return null
+	}
+	return item.value
+}
+
+
+/** **********************************************
+ * 
+********************************************** */
+ class RestAPIAdapter {
+    tableName;
+    urlServer;
+    tagData;
+    /** ***********************
+     * 
+      *********************** */
+     constructor(tableName,urlServer,tagData,token,pnewVO) {
+        
+        this.tableName=tableName;
+        this.urlServer=urlServer;
+        this.tagData=tagData;
+        this.token=token;
+        if(pnewVO)this.newVO=pnewVO;
+    }
+    /** ***********************
+     * 
+      *********************** */
+     newVO() {  return {};  };
+     view2model(vo) { return vo;}
+     model2view(vo) { return vo; }
+     validate(vo) { return vo; }
+    /** ***********************
+     * 
+      *********************** */
+    getParams(q,vo,entity){
+      if(q==="create") return {method:'POST',url:`/${entity}/`,body:vo}
+      if(q==="findByPK") return {method:'GET',url:`/${entity}/${vo._id}`,body:null};
+      if(q==="findByFK") return {method:'GET',url:`/${entity}`,body:null};
+      if(q==="findAll") return {method:'GET',url:`/${entity}`,body:null};
+      if(q==="update") return {method:'PUT',url:`/${entity}/${vo._id}`,body:vo}
+      if(q==="removeByPK") return {method:'DELETE',url:`/${entity}/${vo._id}`,body:null};
+
+      return {method:'INVALID',url:`/INVALID`,body:null};
+
+    }
+    /** ***********************
+     * 
+      *********************** */
+      async getJSONResponse(response) {
+        var r=null;
+        r=await response.json();
+        if(DEBUG_APIFETCH)alert(JSON.stringify(r,null,2));
+        if(r.error) 
+          throw new PlatAPIReturnCodeError(r.error.message);
+        return r;
+      }
+    /** ***********************
+     * 
+      *********************** */
+    async callAPI(q,vo,context,filter) { 
+        var r = null;
+        var ptoken=this.token?this.token:(getStorageWithExpiry('sid'));
+        //if(ptoken==null)
+        //    throw new PlatAPIAuthError( `An error has occured: ${response.status}`);
+ 
+        var {method,url,body}=this.getParams(q,vo,this.urlServer+"/"+this.tableName,filter);
+
+        const response = await this.myFetch3(ptoken,url,method,body);
+        if (!response.ok) {
+          if(response.status===404) 
+            throw new PlatAPIDBNotFound( `An error has occured: ${response.status}`);
+          if(response.status===403) 
+            throw new PlatAPIForbidden( `An error has occured: ${response.status}`);
+          if(response.status===401) 
+            throw new PlatAPIAuthError( `An error has occured: ${response.status}`);
+          throw new PlatAPIReturnCodeError();
+        }
+        r=await this.getJSONResponse(response);
+
+        //tag de dados pode ser nada,result, data 
+        if(this.tagData==null) return r;
+
+        var respBlock=this.tagData;  
+        if(r[respBlock])
+          r[respBlock].insertedId=r.insertedId;
+        if(r[respBlock])  return r[respBlock];
+        throw new PlatAPIError('Invalid payload response');
+    };
+    /** ***********************
+     * 
+      *********************** */
+    async create(vo,context) { 
+        return await this.callAPI('create',vo,context)
+    };
+    async findByPK(id,context) {
+        //alert(JSON.stringify(vo));  
+        return await this.callAPI('findByPK',{_id:id},context)
+    };
+    async findByFK(fkArr,context) {
+       return await this.callAPI('findByFK',fkArr,context)
+    };
+    async update(vo,context) {
+        alert(JSON.stringify(vo));  
+       return await this.callAPI('update',vo,context)
+     };
+     async removeByPK(vo,context) {
+       return await this.callAPI('removeByPK',vo,context)
+     };
+     async findAll(context,filter) {
+       return await this.callAPI('findAll',null,context,filter)
+     };
+    /** ***********************
+     * 
+      *********************** */
+     async myFetch3 (token,url,method,body) {
+         if(DEBUG_APIFETCH)alert("url:"+url); 
+         if(DEBUG_APIFETCH)alert("m:"+method); 
+         if(DEBUG_APIFETCH)alert("body:"+body); 
+         if(DEBUG_APIFETCH)alert("token:"+JSON.stringify(token)); 
+
+      var r =  await fetch(url,
+          {
+              method: method,
+              headers:  { "content-type": "application/json", "Authorization": token },
+              body: body?JSON.stringify(body):null
+          });
+       return r;   
+  }
+}
+export {RestAPIAdapter};

package/jzcomponents/JZEditComponent.jsx

@@ -1,20 +1,21 @@
 import React from "react";
 import {XButton}        from "../XButton.jsx"
-import {XInputExternal} from "../XInput.jsx"
-import {XSelect3}       from "../XSelect"
-import {XTextArea}      from "../XTextArea"
-import {XCheckbox}      from "../XCheckbox.jsx"
-import {XDateSelect}    from "../XDateSelect.jsx"
+//import {XInputExternal} from "../XInput.jsx"
+//import {XSelect3}       from "../XSelect"
+//import {XTextArea}      from "../XTextArea"
+//import {XCheckbox}      from "../XCheckbox.jsx"
+//import {XDateSelect}    from "../XDateSelect.jsx"
 
  
 
 
-import { XTableRead } from "./XTableRead.jsx";
+//import { XTableRead } from "./XTableRead.jsx";
 import { XFormEdit } from "./XFormEdit.jsx";
-import { JZInPlaceListComponent } from "./JZInPlaceListComponent.jsx";
+//import { JZInPlaceListComponent } from "./JZInPlaceListComponent.jsx";
 
 
-import {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden} from "./Errors.js";
+import {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden} from "../Errors.js";
+import {ErrorConstants} from "../Errors.js";
 import { ErrorCard } from "./ErrorCard";
 import { ErrorCardAuth } from "./ErrorCardAuth";
 

package/jzcomponents/JZListComponent.jsx

@@ -15,7 +15,7 @@ import { JZEditComponent } from "./JZEditComponent.jsx";
 import { JZInPlaceListComponent } from "./JZInPlaceListComponent.jsx";
 
 
-import {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden} from "./Errors.js";
+import {PlatAPIError,PlatAPIReturnCodeError,PlatAPIAuthError,PlatAPIDBNotFound,PlatAPIDBIntegrityConstraint,PlatAPIForbidden} from "../Errors.js";
 import { ErrorCard } from "./ErrorCard";
 import { ErrorCardAuth } from "./ErrorCardAuth";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@andersonalmeidax0/webcomponents",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "webcomponents",
   "main": "webcomponents",
   "scripts": {

package/releasenotes.txt

@@ -1,12 +1,15 @@
 0.1.0: beta
 0.1.1: add all components
 0.1.2: with text labels for buttons
+0.1.3: RestAPIAdapter init
+0.1.4: Error move to root
+
 
 TODO
 -change "Errors" => string contants
 -add "textIcon=true" option para JZEditTable ==> OK
--create NPM
--test 
+-create NPM  OK
+-test  OK
 
 -readme: document capacities
  JZ read and form: format specs, types
@@ -17,8 +20,11 @@ TODO
 TODO:
 Exepctions de erros, criador para a)evitar tratar StatusCodesHttp e b)permitir "try catch" de erros "subindo" no stack
 Expection "genericas" assim é só import de constantes, e tratar em qualquer camada com "Error.message==xxxx"
+
 Package separado, assim dá para usar na aplicação "Error.message==xxxx", em npms, e também no server, com imports redundantes
-1-criar test cases para PlatAPIError
+==> ACHO QUE NAO PRECISA, POIS O CLIENT E INDEP DO SERVER (OS ERROS TRAFEGAM VIA STATUSCODES!!! 
+
+1-criar test cases para PlatAPIError ==> 
 2-criar uma classe com constantes string de error  APIErrors
 3-Incluir APIAdapter no código de JZComponents
 4-Tratar erros vendo se e.message==APIErrors.API<messageCode>