@simitgroup/simpleapp-generator 1.0.32 → 1.0.35

package/templates/nuxt/plugins/10.simpleapp-event.ts.eta

@@ -0,0 +1,53 @@
+// import { Tailwind } from 'primevue/passthrough/tailwind';
+import Tailwind from "primevue/passthrough/tailwind";
+
+// const Base64URL =  require('@darkwolf/base64url');
+
+/**
+ * This file was automatically generated by simpleapp generator during initialization.
+ * DO NOT MODIFY IT BY HAND.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+import { defineNuxtPlugin } from "#app";
+import axios, { Axios, AxiosResponse } from 'axios'
+import PrimeVue from "primevue/config";
+import mitt from 'mitt'
+import ToastService from 'primevue/toastservice';
+import ConfirmationService from 'primevue/confirmationservice';
+import Tooltip from 'primevue/tooltip';
+const emitter = mitt()
+
+export default defineNuxtPlugin( async(nuxtApp) => {
+    //const { csrf } = useCsrf()    
+    //axios.defaults.headers.common = {"CSRF-TOKEN": csrf};
+    const myaxios = axios.create()
+    myaxios.interceptors.response.use((response) => response, (error) => {
+      if(error.response.status==401){
+        
+        console.error("axios 401 session expired, redirect to logout page1")
+        // const { signOut } = useAuth();
+        // signOut({redirect:false});
+        // navigateTo('/login')
+        logout()
+      }else{
+        return Promise.reject(error)
+      }
+    });
+    nuxtApp.vueApp.use(PrimeVue, { ripple: true,Tailwind:true, pt: Tailwind});
+    nuxtApp.vueApp    
+    .use(ToastService)
+    .use(ConfirmationService)
+    .directive('tooltip', Tooltip)
+    ;    
+
+  
+    return {
+        provide: {
+          event: emitter.emit, // Will emit an event
+          listen: emitter.on, // Will register a listener for an event
+          axios: myaxios,
+        }
+    }
+    //other components that you need
+});

package/templates/nuxt/plugins/20.simpleapp-userstore.ts.eta

@@ -0,0 +1,155 @@
+import { defineNuxtPlugin } from "#app";
+import {PROFILEApi} from '../simpleapp/generate/openapi'
+import axios, { Axios, AxiosResponse } from 'axios'
+import _ from 'lodash'
+
+export default defineNuxtPlugin( async(nuxtApp) => {
+
+
+    const useUserStore = defineStore('userstore', {
+        state: ()=>({        
+          tenantId:ref(0),
+          orgId:ref(0),
+          branchId:ref(0),
+          branchCode:ref(''),
+          branchName:ref(''),
+          uid: ref(''),
+          email: ref(''),
+          fullName: ref(''),
+          roles:ref<string[]>([]),
+          group:ref(''),
+          branches:ref([]),
+          invites : ref([]),
+          time:ref('')
+        }),
+        
+        actions:{    
+          async loadRemoteUserInfo(){
+            console.log('loadRemoteUserInfo')
+            const {$axios} = useNuxtApp()
+            const route = useRoute();
+            let xorg = route.params.xorg
+            let apiurl=''
+            if(xorg===undefined){
+              apiurl = `${useRuntimeConfig().public.APP_URL}/api`
+            }else{
+              apiurl = `${useRuntimeConfig().public.APP_URL}/api/${xorg}`
+            }
+            
+            return await new PROFILEApi(undefined,apiurl,$axios).getProfile().then((res:AxiosResponse)=>{            
+              if(!res){
+                return
+              }
+              this.tenantId = res.data.tenantId              
+              this.orgId = res.data.orgId
+              this.branchId = res.data.branchId
+              this.branchCode = res.data.branchCode
+              this.branchName = res.data.branchName
+              this.uid = res.data.uid
+              this.email = res.data.email
+              this.fullName = res.data.fullName              
+              this.branches = res.data.branches
+              this.group = res.data.group
+              this.roles = res.data.roles
+              this.time = res.data.time
+              
+              this.invites = res.data.invites
+              
+              return Promise.resolve(true)
+                // return true
+            }).catch((err:any)=>{
+              if(err.response.status==401){
+                console.error("Unauthorise(plugin-userstore)")
+                //logout()
+              }else{
+                console.error("Unknown error,", err.response)
+              }
+            })            
+          },
+          getCurrentXorg(){
+            const currentxorg:string = String(useRoute().params.xorg)
+            return _.find(this.branches,{xorg:currentxorg})
+          },
+          async decideInvitation(id:string,decision:string){
+            const apiurl = `${useRuntimeConfig().public.APP_URL}/api`
+            const {$axios} = useNuxtApp()
+            console.log("decideInvitation",id,decision)
+            const result = await new PROFILEApi(undefined,apiurl,$axios).decideInvitation(id,decision)
+            
+            if(result){
+              console.log(result)
+            }else{
+              console.log(result)
+            }
+            //().then((res:AxiosResponse)=>{ }
+          },
+          canPerform(resourcename:string,action:string):boolean{
+
+            if(
+              this.roles.includes('superadmin') ||
+              this.roles.includes('tenantowner') ||
+              this.roles.includes('superuser') 
+              ){
+              return true
+            }else{
+              const checkstr= `${resourcename}:${action}`
+              // console.log("verify",checkstr)
+              return this.roles.includes(checkstr)
+            }
+          },
+          haveAccess(resourcename:string){          
+            //super admin always full access right
+            resourcename = _.upperFirst(resourcename)
+            // console.log("have access",resourcename)
+            if(
+              this.roles.includes('superadmin') ||
+              this.roles.includes('tenantowner') ||
+              this.roles.includes('superuser') 
+              ){
+              return true
+            }
+            for(let i=0; i< this.roles.length; i++){
+            const role:string = this.roles[i]
+             if(role.includes(resourcename)){
+                return true
+              }
+            }
+            return false                        
+          },
+          getUserInfo(){
+            return {
+              tenantId : this.tenantId,
+              orgId : this.orgId,
+              branchId : this.branchId,
+              uid : this.uid,
+              email : this.email,
+              branchCode: this.branchCode,
+              branchName: this.branchName,
+              fullName : this.fullName,        
+              branches:this.branches??[],
+              invites: this.invites ?? [],
+              roles:this.roles,
+              group:this.group,
+              time:this.time,
+  
+              
+            }
+          }
+        }        
+      })
+
+      const route = useRoute();
+      if(route.path!='/login'){
+        await useUserStore().loadRemoteUserInfo()
+      }
+    
+    return {
+
+        
+        provide: {
+            userstore:useUserStore()
+          // base64url: Base64URL
+        }
+    }
+    
+});

package/templates/nuxt/plugins/50.simpleapp-client.ts.eta

@@ -0,0 +1,23 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization.
+ * DO NOT MODIFY IT BY HAND.
+ * last change 2023-09-22
+ * author: Ks Tan
+ */
+import { defineNuxtPlugin } from "#app";
+<% for(let i=0;i<it.modules.length; i++){ %>
+  import {<%=it.modules[i].docname%>Doc} from "../simpleapp/docs/<%=it.modules[i].docname%>Doc"  
+<%}%>
+
+export default defineNuxtPlugin((nuxtApp) => {
+    
+    return {
+        provide: {
+          <% for(let i=0;i<it.modules.length; i++){ %>
+          <%=it.modules[i].docname%>Doc:()=>new <%=it.modules[i].docname%>Doc(),
+          <%}%>
+        }
+    }
+
+    //other components that you need
+});

package/templates/nuxt/{server.api.ts.eta → server/api/[xorg]/[...].ts.eta}

@@ -133,8 +133,11 @@ export default defineEventHandler(async (event) => {
             }
 
             // reject(error.data)
-            reject({ statusMessage: error.response.statusText, statusCode: error.response.status });
-            // resolve({ status: 'ok' })
+            reject({ 
+                statusMessage: error.response.statusText, 
+                statusCode: error.response.status ,
+                data: error.response.data
+            });            // resolve({ status: 'ok' })
             // throw createError({ statusMessage: 'Bad Requests', statusCode: 404 })
         })
 

package/templates/nuxt/server/api/auth/[...].ts.eta

@@ -0,0 +1,68 @@
+import { NuxtAuthHandler } from "#auth";
+import KeycloakProvider from "next-auth/providers/keycloak";
+
+
+export default NuxtAuthHandler({
+    secret: process.env.AUTH_SECRET_KEY,
+    jwt: {
+        maxAge: 60 * 60 * 24 * 30,
+    },
+    providers: [
+        
+        // @ts-expect-error
+        KeycloakProvider.default({
+            clientId: process.env.OAUTH2_CLIENTID ?? "",
+            clientSecret: process.env.OAUTH2_CLIENTSECRET ?? "",
+            issuer: process.env.OAUTH2_CONFIGURL,
+            idToken: true,
+            scheme: "oauth2",
+            endpoints: {
+                authorization: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/auth`,
+                userInfo: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/userinfo`,
+                token: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
+                logout:
+                    `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/logout?redirect_uri=` +
+                    encodeURIComponent(String(process.env.APP_URL)),
+            },
+            // accessTokenUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
+            // requestTokenUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
+            // profileUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/userinfo`,
+            token: {
+                property: "access_token",
+                type: "Bearer",
+                name: "Authorization",
+                maxAge: 60 * 60 * 24,
+            },
+            refreshToken: {
+                property: "refresh_token",
+                maxAge: 60 * 60 * 24 * 30,
+            },
+            responseType: "code",
+            grantType: "authorization_code",
+            scope: ["openid", "profile", "email"],
+            codeChallengeMethod: "S256",
+            redirect: {
+                logout: "/",
+                callback: "/",
+                home: "/",
+            },
+        }),
+    ],
+    pages: {
+        signIn: "/login",
+    },
+    callbacks: {
+        async jwt({ token, account }) {
+            if (account) {
+                token.accessToken = account.access_token;
+            }
+            return token;
+        },
+        async session({ session , token, user }) {
+            const sessiondata:any = {...session}             
+            sessiondata.accessToken = <string>token.accessToken;
+            return sessiondata;
+        },
+
+    },
+});

package/templates/nuxt/{server.api.auth.logout.ts.eta → server/api/auth/logout.ts.eta}

@@ -2,9 +2,7 @@
 export default defineEventHandler(async (event) => {
     const path = `${
         process.env.OAUTH2_CONFIGURL
-    }/protocol/openid-connect/logout?redirect_uri=${encodeURIComponent(
-        process.env.AUTH_ORIGIN ?? ""
-    )}`;
+    }/protocol/openid-connect/logout?redirect_uri=${encodeURIComponent(process.env.AUTH_ORIGIN??'')}`;
 
     return {
         path: path

package/templates/nuxt/server/api/profile/[...].ts.eta

@@ -0,0 +1,150 @@
+
+/**
+ * This file was automatically generated by simpleapp generator during initialization.
+ * DO NOT MODIFY IT BY HAND.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+
+ 
+import axios from 'axios';
+import { getServerSession } from '#auth'
+import type { Session } from 'next-auth';
+
+export default defineEventHandler(async (event) => {
+    type additionalprops = {accessToken?:string} 
+    let session:any=null
+    // console.log("profile api-------------------------")
+    
+    try {
+        session = await getServerSession(event)
+        
+    } catch (error) {
+        return sendRedirect(event, '/login', 401)
+    }
+
+    return new Promise<any>(async (resolve, reject) => {
+        if(!session) {
+        //if(!session || !session.accessToken) {    
+            reject({ statusMessage: 'Unauthorized', statusCode: 401 });
+            throw createError({ statusMessage: 'Unauthorized', statusCode: 401 })
+        }
+        //console.log("------hihi------",event.context.params)
+        
+        const seperateSymbol = '.';
+        // const seperateSymbol = '&';
+        // const xOrg = event.context.params?.xorg ?? ''
+        const documentLink = event.context.params?._ ?? ''
+        // const platform = event.context.params?.platform ?? ''
+        
+
+        // console.error("event.context???",event.context)
+        const accessToken = session?.accessToken;
+        
+        // const allowPlatform = ['report-api', 'cloudapi'];
+        // if(!key || !platform || !allowPlatform.includes(platform) || !accessToken) {
+        //     reject({ statusMessage: 'Unauthorized', statusCode: 401 });
+        //     // throw createError({ statusMessage: 'Unauthorized', statusCode: 401 })
+        // }
+
+        // let tenantKey = '', organizationKey = '';
+        // let xOrg = '';
+
+        // if(key !== 'system') {
+        //     [tenantKey, organizationKey] = key.split(seperateSymbol);
+        //     xOrg = `${tenantKey}/${organizationKey}/`;
+        // }
+
+        // if(key === 'system' && platform == 'cloudapi') {
+        //     // xOrg = 'MC0wLTA'
+        // }
+
+        let forwardData: any = {};
+
+        const req = event.node.req;
+
+        if(req.method == 'POST' || req.method == 'PUT'  || req.method == 'PATCH') {
+
+            forwardData = await readBody(event);
+        } else {
+            forwardData = getQuery(event);
+        }
+
+        // if(typeof forwardData === "object" && "_branch" in forwardData) {
+        //     xOrg = xOrg + forwardData._branch;
+        //     delete forwardData._branch;
+        // }
+
+        const frontEndRes = event.node.res;
+        const url = process.env.SIMPLEAPP_BACKEND_URL + `/profile/${documentLink}`;
+        // console.warn('backend server-----',req.method,url,forwardData)
+        const axiosConfig: any = {
+            method: req.method,
+            url: url,
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+            },
+            data: forwardData,
+            params: forwardData,
+        }
+        
+        // if(key === 'system') {
+        //     axiosConfig.headers["X-Global"] = true;
+        //     delete axiosConfig.headers["X-Org"];
+        // }
+
+        // if(otherLink.includes('avatar')) {
+        //     axiosConfig.responseType = 'arraybuffer';
+        //     // axiosConfig.headers['Acceptable'] = 'text/html,image/avif,image/webp,image/apng';
+        // }
+
+        axios(axiosConfig).then((res) => {
+            if (res.headers['content-type'] === 'image/png') {
+                // Set the response headers for the image
+                frontEndRes.setHeader('Content-Type', 'image/png');
+                frontEndRes.setHeader('Content-Disposition', 'inline');
+
+                // Send the image data as the response body
+                frontEndRes.end(Buffer.from(res.data, 'binary'));
+            } else {
+                // For non-image responses, set the Content-Type header and send the response body
+                // setHeader(event, 'Content-type', <string>res.headers['Content-Type']);
+
+                frontEndRes.statusCode = res.status;
+                if(res.statusText) {
+                    frontEndRes.statusMessage = res.statusText;
+                }
+
+                resolve(res.data);
+            }
+
+        }).catch((error) => {
+            // console.log("==============================================================")
+            // console.log('@@@@@@@@@@@@@ API error', error)
+            // console.log("@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@")
+            // console.log('######### response', error.response)
+            // console.log('#####################################')
+            // console.log(axiosConfig);
+            // console.log('#####################################')
+
+            if (error.response?.status && error.response.status == '401') {
+                //return reject({ statusMessage: 'Unauthorized', statusCode: 401 });
+                return sendRedirect(event, '/login', 401)
+                // throw createError({ statusMessage: 'Unauthorized', statusCode: 401 })
+            }
+
+            // reject(error.data)
+            reject({ 
+                statusMessage: error.response.statusText, 
+                statusCode: error.response.status ,
+                data: error.response.data
+            });            // resolve({ status: 'ok' })
+            // throw createError({ statusMessage: 'Bad Requests', statusCode: 404 })
+        })
+
+        // resolve({
+        //     status: 'ok'
+        // })
+    })
+    
+})

package/templates/nuxt/server/api/profile/index.ts.eta

@@ -0,0 +1,103 @@
+
+/**
+ * This file was automatically generated by simpleapp generator during initialization.
+ * DO NOT MODIFY IT BY HAND.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+
+ 
+import axios from 'axios';
+import { getServerSession } from '#auth'
+import type { Session } from 'next-auth';
+
+export default defineEventHandler(async (event) => {
+    type additionalprops = {accessToken?:string} 
+    let session:any=null
+    // console.log("profile api-------------------------")
+    
+    try {
+        session = await getServerSession(event)
+        
+    } catch (error) {
+        return sendRedirect(event, '/login', 401)
+    }
+
+    return new Promise<any>(async (resolve, reject) => {
+        if(!session) {
+            reject({ statusMessage: 'Unauthorized', statusCode: 401 });
+            throw createError({ statusMessage: 'Unauthorized', statusCode: 401 })
+        }
+        const seperateSymbol = '.';
+        const accessToken = session?.accessToken;
+
+        let forwardData: any = {};
+
+        const req = event.node.req;
+
+        if(req.method == 'POST' || req.method == 'PUT'  || req.method == 'PATCH') {
+
+            forwardData = await readBody(event);
+        } else {
+            forwardData = getQuery(event);
+        }
+
+
+        const frontEndRes = event.node.res;
+        const url = process.env.SIMPLEAPP_BACKEND_URL + '/profile';
+        const axiosConfig: any = {
+            method: req.method,
+            url: url,
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+            },
+            data: forwardData,
+            params: forwardData,
+        }
+        
+        axios(axiosConfig).then((res) => {
+            if (res.headers['content-type'] === 'image/png') {
+                // Set the response headers for the image
+                frontEndRes.setHeader('Content-Type', 'image/png');
+                frontEndRes.setHeader('Content-Disposition', 'inline');
+
+                // Send the image data as the response body
+                frontEndRes.end(Buffer.from(res.data, 'binary'));
+            } else {
+                // For non-image responses, set the Content-Type header and send the response body
+                // setHeader(event, 'Content-type', <string>res.headers['Content-Type']);
+
+                frontEndRes.statusCode = res.status;
+                if(res.statusText) {
+                    frontEndRes.statusMessage = res.statusText;
+                }
+
+                resolve(res.data);
+            }
+
+        }).catch((error) => {
+           
+            // console.log('#####################################')
+            // console.log(axiosConfig);
+            // console.log('#####################################')
+            if (error.response?.status && error.response.status == '401') {
+                //return reject({ statusMessage: 'Unauthorized', statusCode: 401 });
+                return sendRedirect(event, '/login', 401)
+                // throw createError({ statusMessage: 'Unauthorized', statusCode: 401 })
+            }
+
+            // reject(error.data)
+            reject({ 
+                statusMessage: error.response.statusText, 
+                statusCode: error.response.status ,
+                data: error.response.data
+            });            // resolve({ status: 'ok' })
+            // throw createError({ statusMessage: 'Bad Requests', statusCode: 404 })
+        })
+
+        // resolve({
+        //     status: 'ok'
+        // })
+    })
+    
+})