@simitgroup/simpleapp-generator 1.6.3-alpha → 1.6.4-alpha

package/templates/nuxt/components/user/UserButtonPermissionInfo.vue.eta

@@ -1,56 +1,91 @@
 <template>
-    
-  <div>        
-        <button class="" @click="previewPermission">
-            <i class="pi pi-question-circle" ></i>
-        </button>
-        <Sidebar
-                v-model:visible="showpermissioninfo"
-                modal                
-                :header="permissiontitle"
-                position="right"
-            >
-            <SelectButton v-model="selectedgroup"  @change="selectGroup" :options="grouplist" option-label="label" option-value="value"></SelectButton>                                          
-            <div v-if="selectedgroup">
-                    <div  v-if="useRuntimeConfig().public.DEBUGDATA" class="flex flex-row gap-2 p-2 ">
-                        <div class="flex align-items-center">
-                            <RadioButton v-model="mode" inputId="modepreview" name="pizza" value="preview" />
-                            <label for="modepreview" class="ml-2">Preview</label>
-                        </div>
-                        <div class="flex align-items-center">
-                            <RadioButton v-model="mode" inputId="modeedit" name="edit" value="edit" />
-                            <label for="modeedit" class="ml-2">Edit</label>
-                        </div>
-                        <div class="flex align-items-center">
-                            <RadioButton v-model="mode" inputId="modejson" name="json" value="json" />
-                            <label for="modejson" class="ml-2">JSON</label>
-                        </div>
-                        
-                    </div>
-                    <div v-if="mode=='json'">
-                        <div class="flex-row">
-                            <div><Button @click="copyText">copy</Button> </div>
-                            <div class="text text-gray-400">{{ copied }}</div>
-                        </div>
-                        <pre id="permissionstr">
+  <div>
+    <button class="" @click="previewPermission">
+      <i class="pi pi-question-circle"></i>
+    </button>
+    <Sidebar
+      v-model:visible="showpermissioninfo"
+      modal
+      :header="permissiontitle"
+      position="right"
+    >
+      <SelectButton
+        v-model="selectedgroup"
+        @change="selectGroup"
+        :options="grouplist"
+        option-label="label"
+        option-value="value"
+      ></SelectButton>
+      <div v-if="selectedgroup">
+        <div
+          v-if="useRuntimeConfig().public.DEBUGDATA"
+          class="flex flex-row gap-2 p-2"
+        >
+          <div class="flex align-items-center">
+            <RadioButton
+              v-model="mode"
+              inputId="modepreview"
+              name="pizza"
+              value="preview"
+            />
+            <label for="modepreview" class="ml-2">Preview</label>
+          </div>
+          <div class="flex align-items-center">
+            <RadioButton
+              v-model="mode"
+              inputId="modeedit"
+              name="edit"
+              value="edit"
+            />
+            <label for="modeedit" class="ml-2">Edit</label>
+          </div>
+          <div class="flex align-items-center">
+            <RadioButton
+              v-model="mode"
+              inputId="modejson"
+              name="json"
+              value="json"
+            />
+            <label for="modejson" class="ml-2">JSON</label>
+          </div>
+        </div>
+        <div v-if="mode == 'json'">
+          <div class="flex-row">
+            <div><Button @click="copyText">copy</Button></div>
+            <div class="text text-gray-400">{{ copied }}</div>
+          </div>
+          <pre id="permissionstr">
                             {{ permissions }}
-                        </pre>
-                    </div>
-                    <div class="permission-block flex flex-col m mt-4" v-for="res in allresources" v-else="showjson">
-                    <div class="m mr-3 ">{{ res }}</div>
-                    <div class="gap-4" v-if="allactions">                
-                            <SelectButton v-if="mode=='edit'" multiple :options="allactions[res]" v-model="permissions[res]"></SelectButton>
-                            
-                            <span v-else v-for="actionname in allactions[res]" class="m m-1">
-                                <Chip class="bg-primary" v-if="canPerformAction(selectedgroup,res,actionname)" severity="success" :label="actionname" ></Chip>
-                                <Chip v-else :label="actionname" ></Chip>
-                            </span>
-                        
-                        
-                    </div>
-                    </div>
-            </div>
-        </Sidebar>
+                        </pre
+          >
+        </div>
+        <div
+          class="permission-block flex flex-col m mt-4"
+          v-for="res in allresources"
+          v-else="showjson"
+        >
+          <div class="m mr-3">{{ res }}</div>
+          <div class="gap-4" v-if="allactions">
+            <SelectButton
+              v-if="mode == 'edit'"
+              multiple
+              :options="allactions[res]"
+              v-model="permissions[res]"
+            ></SelectButton>
+
+            <span v-else v-for="actionname in allactions[res]" class="m m-1">
+              <Chip
+                class="bg-primary"
+                v-if="canPerformAction(selectedgroup, res, actionname)"
+                severity="success"
+                :label="actionname"
+              ></Chip>
+              <Chip v-else :label="actionname"></Chip>
+            </span>
+          </div>
+        </div>
+      </div>
+    </Sidebar>
   </div>
 </template>
 <script setup lang="ts">
@@ -61,54 +96,53 @@
  * Author: Ks Tan
  */
 import _ from "lodash";
-import Chip from 'primevue/chip';
-import RadioButton from 'primevue/radiobutton';
-import {ref} from 'vue'
-
-
-const showpermissioninfo = ref(false)
+import Chip from "primevue/chip";
+import RadioButton from "primevue/radiobutton";
+import { ref } from "vue";
+const isdebug = ref(useRuntimeConfig().public.DEBUGDATA);
+const showpermissioninfo = ref(false);
 const permissiontitle = "Permission Information";
-const selectedgroup = ref('')
-const grouplist = getAllGroups().map((item)=>{return {value:item,label:_.capitalize(item)}})
-const mode = ref('preview')
+const selectedgroup = ref("");
+const grouplist = getAllGroups().map((item) => {
+  return { value: item, label: _.capitalize(item) };
+});
+const mode = ref("preview");
 
-const allresources = getUniqueResource()
-const allactions = ref()
-const permissions=ref()
+const allresources = getUniqueResource();
+const allactions = ref();
+const permissions = ref();
 
-const activeroles = ref()
-const copied = ref('')
+const activeroles = ref();
+const copied = ref("");
 
 const previewPermission = () => {
   showpermissioninfo.value = true;
 };
 
-
 const copyText = () => {
-    copied.value="copied!"
-    const storage = document.createElement('textarea');
-    storage.value = String(document.getElementById('permissionstr')?.innerHTML)
-    document.body.appendChild(storage);
-    storage.select();
-    storage.setSelectionRange(0, 99999);
-    document.execCommand('copy');
-    document.body.removeChild(storage);
-    
-
-
-}
-const selectGroup = (selectedgroup:any) => {
-    const groupname = selectedgroup.value
-    activeroles.value= getGroupRoles(groupname)
-    allactions.value={}
-    permissions.value={}
-    for(let i=0; i< allresources.length; i++){
-        const r = allresources[i]
-        console.log(r)
-        const actions = getActionFromResource(r)
-        allactions.value[r]=actions
-        permissions.value[r]=getGroupResourcePermission(groupname,r).map(item=>item.action)
-    }
-    console.log(allactions.value,permissions.value)
-}
-</script>
+  copied.value = "copied!";
+  const storage = document.createElement("textarea");
+  storage.value = String(document.getElementById("permissionstr")?.innerHTML);
+  document.body.appendChild(storage);
+  storage.select();
+  storage.setSelectionRange(0, 99999);
+  document.execCommand("copy");
+  document.body.removeChild(storage);
+};
+const selectGroup = (selectedgroup: any) => {
+  const groupname = selectedgroup.value;
+  activeroles.value = getGroupRoles(groupname);
+  allactions.value = {};
+  permissions.value = {};
+  for (let i = 0; i < allresources.length; i++) {
+    const r = allresources[i];
+    console.log(r);
+    const actions = getActionFromResource(r);
+    allactions.value[r] = actions;
+    permissions.value[r] = getGroupResourcePermission(groupname, r).map(
+      (item) => item.action,
+    );
+  }
+  console.log(allactions.value, permissions.value);
+};
+</script>

package/templates/nuxt/components/user/UserTenantPicker.vue.eta

@@ -82,7 +82,7 @@ const alltenants = ref();
 
 const loadAllTenants = async () => {
   waiting.value=false
-  alltenants.value = (await getPorfileApi().getAllTenants()).data;
+  alltenants.value = (await getProfileApi().getAllTenants()).data;
 };
 
 // const props = defineProps<{

package/templates/nuxt/composables/date.generate.ts.eta

@@ -6,6 +6,92 @@
  */
 import { DurationType } from "~/types"
 
+const convertToDate= (date:Date|string)=>{
+  return date instanceof Date ? date : new Date(date)
+}
+
+//after review
+export const today = () => useDayjs()().format('YYYY-MM-DD')
+
+/**
+ * convert date object or ISO8601 date become local datetime string
+ * @param date date|string
+ * @returns local shortform date-time
+ */
+export const dateRenderToDateTimeStr = (date:Date|string) => 
+  convertToDate(date).toLocaleString().replace(',', ' ').slice(0,-3)
+/**
+ * convert date object or ISO datestring become local date string
+ * @param date date|string
+ * @returns local short form date
+ */
+export const dateRenderToDateStr = (date:Date|string) => 
+  convertToDate(date).toLocaleDateString().replace(',', ' ')
+/**
+ * convert date object or ISO datestring become time string (without seconds)
+ * @param date date|string
+ * @returns 
+ */
+export const dateRenderToTimeStr = (date:Date|string) => 
+  convertToDate(date).toLocaleTimeString().slice(0,-3)
+
+
+/**
+ * convert date object or ISO datestring become DD/MM format
+ * @param date date|string
+ * @returns 
+ */
+export const dateRenderToDDMM = (date:Date|string) => 
+  getDayJs()(date).format('DD/MM')
+  
+
+
+/**
+ * convert iso8601 date string to date object
+ * @param datestr :string
+ * @returns date object
+ */
+export const stringToDate = (datestr:string) => new Date(datestr)
+
+/**
+ * convert date object to ISO string YYYY-MM-DDTHH:mm:ssZ
+ * @param date :Date 
+ * @returns 
+ */
+export const dateToISOString = (date:Date|string) => convertToDate(date).toISOString().split('.')[0]+"Z"
+//useDayjs()(date).toISOString().split('.')[0]+"Z"
+/**
+ * convert date object to date string (YYYY-MM-DD)
+ * @param date :Date  
+ * @returns date return string in YYYY-MM-DD
+ */
+export const dateToString = (date:Date|string) => useDayjs()(date).format('YYYY-MM-DD')
+/**
+ * convert date object to time string (HH:mm:ss)
+ * @param date 
+ * @returns timestring
+ */
+export const dateToTimeString = (date:Date) => useDayjs()(date).format('HH:mm:ss')
+/**
+ * get 3 char day name sun/mon/tue in lower case
+ * @param date : Date|string date obj or iso8601 date 
+ * @returns string
+ */
+export const getDayNameInWeek = (date:Date|string) => useDayjs()(date).format('ddd').toLowerCase();
+/**
+ * get last date of the specific date
+ * @param dates: Date|string
+ * @returns string
+ */
+export const lastDateOfMonth = (date:Date|string) =>  useDayjs()(date).endOf('month').format('YYYY-MM-DD');
+
+
+
+
+
+
+//before reevaluate
+
 export const setDateLocale = (localename:string) =>  useDayjs().locale(localename)
 export const dateExists = (date:Date,listDate:Date[]) => {
     const existsrecord = listDate.find(item=>{
@@ -14,15 +100,26 @@ export const dateExists = (date:Date,listDate:Date[]) => {
     return existsrecord===undefined ? false :true
   }
 export const getDayJs = ()=>useDayjs()
-export const lastDateOfMonth = (datestr:string) =>  useDayjs()(datestr).endOf('month').format('YYYY-MM-DD');
-export const today = () => useDayjs()().format('YYYY-MM-DD')
-export const dateToString = (date:Date) => useDayjs()(date).format('YYYY-MM-DD')
-export const dateToISOString = (date:Date) => useDayjs()(date).toISOString()
-export const dateToTimeString = (date:Date) => useDayjs()(date).format('HH:mm:ss')
-export const stringToDate = (datestr:string) => new Date(datestr)
+
+
+
+
+export const dateToISOWithoutConvert=(date:Date)=>{  
+    const timestamp = date.getTime() - date.getTimezoneOffset() * 60000;
+    return  new Date(timestamp).toISOString().split('.')[0]+"Z"
+}
+export const convertIsoToDateToWithoutConvert=(datestr:string)=>{  
+  // const timestamp = date.getTime() - date.getTimezoneOffset() * 60000;
+  const offsets  = (new Date()).getTimezoneOffset() * 60000
+  const timestamp = stringToDate(datestr).getTime() + offsets
+  return  new Date(timestamp)
+}
+
+
 export const dateToDateTimeString = (date:Date)=> useDayjs().utc(date).format('YYYY-MM-DD HH:mm:ss')
-export const toLocalDate = (date:string | Date)=> useDayjs().utc(date).format(getDateFormat())
+export const toLocalDate = (date:string | Date)=> useDayjs()(date).format(getDateFormat())
 export const toLocalDateTime = (date:string | Date)=> useDayjs().utc(date).format(getDateTimeFormat())
+
 export const toUTCDate = (date:string | Date)=> useDayjs().utc(date).format(getDateFormat())
 export const toUTCDateTime = (date:string | Date)=> useDayjs().utc(date).format(getDateTimeFormat())
 export const toUTCTime = (date:string | Date)=> useDayjs().utc(date).format('HH:mm')
@@ -33,5 +130,5 @@ export const getPrimevueCalendarDateFormat = () => {
   const country = <string>getUserProfile()?.country
   return 'dd/mm/yy'
 }
-export const getDayNameInWeek = (date:Date|string) => useDayjs()(date).format('ddd').toLowerCase();
+
 export const addTime = (date:Date|string,duration:number,unit:DurationType) => getDayJs()(date).add(duration, 'hour').toDate()

package/templates/nuxt/composables/getDocument.generate.ts.eta

@@ -11,7 +11,7 @@ export const getDocument = (docname:SimpleAppDocumentType) =>{
 }
 
 // (appuser: UserContext, filter: any) => Promise<void>;
-export const onScreenAddDocument = <T>(docname:SimpleAppDocumentType,paras?:T,after?:(eventType:FormCrudEvent, data:T)=>Promise<void>)=>{
+export const onScreenAddDocument = <T>(docname:SimpleAppDocumentType,paras?:T,after?:(eventType:FormCrudEvent, data:T,visible:Ref<boolean>)=>Promise<void>)=>{
         useNuxtApp().$event('ViewRecord',{
             documentName: docname,
             eventId:randomUUID(),
@@ -19,24 +19,26 @@ export const onScreenAddDocument = <T>(docname:SimpleAppDocumentType,paras?:T,af
             paras:paras,
             document: getDocument(docname)?.docClass,
             viewer: getDocument(docname)?.viewer,    
-            after: (eventType:FormCrudEvent, data: any) => {
+            after: (eventType:FormCrudEvent, data: any,visible:Ref<boolean>) => {
                 //do nothing
-                 if(after)after(eventType,data as T)
+                if(after)after(eventType,data as T,visible)
             },
             label:t(docname)
         
           })
     }
-    export const onScreenEditDocument = <T>(docname:SimpleAppDocumentType,_id:string,after?:(eventType:FormCrudEvent, data:T)=>Promise<void>)=>{
+    export const onScreenEditDocument = <T>(docname:SimpleAppDocumentType,_id:string,after?:(eventType:FormCrudEvent, data:T,visible:Ref<boolean>)=>Promise<void>,autoclose:number=1)=>{
+        
         useNuxtApp().$event('ViewRecord',{
             documentName: docname,
             eventId:randomUUID(),
             _id:_id,
+            autoclose:autoclose,
             document: getDocument(docname)?.docClass,
             viewer: getDocument(docname)?.viewer,    
-            after: async (eventType:FormCrudEvent, data: any) => {
+            after: async (eventType:FormCrudEvent, data: any,visible:Ref<boolean>) => {
                 //do nothing
-                 if(after)after(eventType,data as T)
+                 if(after)after(eventType,data as T,visible)
             },
             label:t(docname)        
           })

package/templates/nuxt/composables/getOpenApi.generate.ts.eta

@@ -9,8 +9,11 @@ import * as o from "../simpleapp/generate/openapi";
 import axios from 'axios'
 
 
-const getAxiosConfig = () => {
-  const suffix = getCurrentXorg() ?  '/'+getCurrentXorg() : ''
+export const getAxiosConfig = () => {
+  const xorg = getCurrentXorg()
+  const xorgdecode = xorg!==undefined ? atob(<string>xorg) :''
+
+  const suffix = xorgdecode.includes('-') ?  '/'+getCurrentXorg() : ''
   const config: o.Configuration = {
     basePath: `${useRuntimeConfig().public.APP_URL}/api${suffix}`,
     isJsonMime: () => true,
@@ -18,10 +21,14 @@ const getAxiosConfig = () => {
   return config
 }
 
-
+//get apisession exclude from shared axios to separate handle session
 export const getApiSession = async ()=> {
-  const res = await (new o.PROFILEApi(getAxiosConfig(),undefined,useNuxtApp().$axios)).getSession()
-  return res
+  console.log("getApiSession from computable")
+  return getUserStore().pingSession()
+  //,useNuxtApp().$axios)
+  // const  profileapi = new o.PROFILEApi(getAxiosConfig(),undefined)
+  // const res = await profileapi.getSession()
+  // return res
 }
 
 export const getDocumentApi = (documentName: string): any => {
@@ -31,10 +38,51 @@ export const getDocumentApi = (documentName: string): any => {
 
   const config = getAxiosConfig()
   const docsOpenapi: any = {
-   <%for(let i=0; i<it.modules.length;i++){ %>
-    <% const d = it.modules[i] %>
-    '<%= d['docname'].toLowerCase() %>': new o.<%= d['doctype'].toUpperCase() %>Api(config),
-    <%}%>              
+           'tenant': new o.TENANTApi(config),
+            'organization': new o.ORGApi(config),
+            'branch': new o.BRANCHApi(config),
+            'permission': new o.PERMApi(config),
+            'autoincreament': new o.AUTOINCApi(config),
+            'docnoformat': new o.DOCNOApi(config),
+            'systemmessage': new o.SYSMSGApi(config),
+            'keyvaluepair': new o.KVPAIRApi(config),
+            'webhook': new o.WEBHOOKApi(config),
+            'academysession': new o.ACADEMYSESSIONApi(config),
+            'accounttransaction': new o.ACCTRANSApi(config),
+            'agent': new o.AGENTApi(config),
+            'area': new o.AREAApi(config),
+            'attendance': new o.ATTApi(config),
+            'category': new o.CATApi(config),
+            'creditnote': new o.CNApi(config),
+            'enrollment': new o.ENROLLApi(config),
+            'enrollmenttransaction': new o.ENROLLTRANSApi(config),
+            'holiday': new o.HOLIDAYApi(config),
+            'invoice': new o.INVApi(config),
+            'level': new o.LVLApi(config),
+            'parent': new o.PARENTApi(config),
+            'payment': new o.PAYApi(config),
+            'paymentmethod': new o.PAYMETHODApi(config),
+            'product': new o.PRDApi(config),
+            'productpackage': new o.PRDPKGApi(config),
+            'race': new o.RACEApi(config),
+            'refund': new o.REFUNDApi(config),
+            'refundtype': new o.REFUNDTYPEApi(config),
+            'religion': new o.RELIGIONApi(config),
+            'room': new o.ROOMApi(config),
+            'roomtype': new o.ROOMTYPEApi(config),
+            'schedule': new o.SCHEDULEApi(config),
+            'school': new o.SCHOOLApi(config),
+            'stopenrollment': new o.STOPENROLLApi(config),
+            'stopreason': new o.STOPREASONApi(config),
+            'student': new o.STUApi(config),
+            'studentgroup': new o.STUGROUPApi(config),
+            'studentsource': new o.STUDENTSRCApi(config),
+            'studentsummary': new o.STUSUMApi(config),
+            'teacher': new o.TEACHERApi(config),
+            'teachergroup': new o.TEACHERGROUPApi(config),
+            'tuitionclass': new o.TUITIONApi(config),
+            'user': new o.USERApi(config),
+                  
     };
 
   if (!docsOpenapi[documentName]) {
@@ -57,6 +105,6 @@ export const getWorkflowApi = () => {
   
 }
 
-export const getPorfileApi = () => {
+export const getProfileApi = () => {
   return new o.PROFILEApi(getAxiosConfig())
 }

package/templates/nuxt/composables/getUserStore.generate.ts.eta

@@ -1,3 +1,4 @@
+import { getUserProfile } from './getUserStore.generate';
 /**
  * This file was automatically generated by simpleapp generator. Every
  * MODIFICATION OVERRIDE BY GENERATEOR
@@ -15,12 +16,25 @@ export const reloadUserStore = async () =>{
     await $userstore.loadRemoteUserInfo()
 }
 export const getCurrency = () =>getUserStore()?.currency ?? '$$'
-export const getUserProfile =  () =>{    
-    const userstore = getUserStore()
-    
-    return !userstore ? undefined :userstore.getUserInfo()
-}
+export const getUserProfile = () => getUserStore()?.getUserInfo()
+
 
+export const isGuideComplete=(guidename: string):boolean=>{    
+    if(useNuxtApp().$userstore.moreProps.completedTours!==undefined){
+        return useNuxtApp().$userstore.moreProps.completedTours.includes(guidename)
+    }
+    else return false        
+}
+export const setGuideComplete= async(guidename:string)=>{
+    const userstore =useNuxtApp().$userstore
+    await getProfileApi().runTourComplete(guidename);
+    if(getUserProfile()!==undefined){
+        if(!Array.isArray(getUserProfile()?.moreProps.completedTours))
+            userstore.moreProps.completedTours=[guidename]
+        else
+            userstore.moreProps.completedTours.push(guidename)
+    }
+}
 export const getCurrentXorg = () =>{
     return  (useRoute().params.xorg) ? String(useRoute().params.xorg) : undefined            
 }
@@ -36,6 +50,11 @@ export const getPageBaseUrl = (resourcename:string) =>{
 export const canPerform = (resource:string,action:string):boolean =>{
     return getUserStore().canPerform(resource,action)
 }
+export const haveAccess = (resource:string):boolean =>{
+    return getUserStore().haveAccess(resource)
+}
+
+
 
 export const getProfileEmail = () => getUserProfile()?.email
 export const getProfileFullName = () => getUserProfile()?.fullName
@@ -46,3 +65,16 @@ export const refreshOrgLogo = async () => {
 }
 export const getOrgLogo = ()=> orgLogo
 export const setOrgLogo = (str:string) => orgLogo = str
+export const getCurrentBranch = ()=>{
+    const branchId= getUserStore().branchId
+    const branchinfo = getUserStore().branches.find(item=>item.branch.branchId==branchId)
+    return branchinfo
+}
+
+export const getMySimpleAppUserPicker=()=>{
+    return {
+        _id: getUserProfile()?._id,
+        uid:getUserProfile()?.uid,
+        fullName:getUserProfile()?.fullName
+    }
+}

package/templates/nuxt/composables/goTo.generate.ts.eta

@@ -18,6 +18,9 @@ export const getDocumentUrl = (document:string,id?:string,querystr?:string)=>{
     return path
 }
 
+export const getPathResource=()=>{
+    return useRoute().path.toString().replace('/'+getCurrentXorg(),'')
+}
 
 export const goTo = (document:string,id?:string,querystr?:string)=>{    
     navigateTo(getDocumentUrl(document,id,querystr))   
@@ -38,5 +41,15 @@ export const getPathPara = (paraname:string,emptyvalue:string=''):string=>{
     return emptyvalue
    }
 }
-
+export const getPathQuery = (paraname:string,emptyvalue:string|string[]=''):string|string[]=>{
+    const paravalue = useRoute().query[paraname]
+    if( paraname.includes('[')){
+        return (typeof paravalue == 'string'? [paravalue] : paravalue) as string[]
+    }else if(typeof paravalue == 'string'){
+        return paravalue.toString()
+    }
+    else{
+     return emptyvalue
+    }
+ }
 export const setCurrentUrl = (path:string)=>useRouter().push({path:path})

package/templates/nuxt/composables/graphquery.generate.ts.eta

@@ -4,7 +4,7 @@
  * last change 2024-03-13
  * Author: Ks Tan
  */
-
+import {NotificationStatus} from "~/types"
 import { createHttpLink, } from '@apollo/client/core';
 
 export const setGraphqlServer=()=>{
@@ -23,4 +23,22 @@ export const setGraphqlServer=()=>{
 
   }
   
-export const graphquery=async<T>(qqlstr: typeof gql) =>(await useAsyncQuery<T>(qqlstr)).data
+// export const graphquery=async<T>(qqlstr: typeof gql) =>(await useAsyncQuery<T>(qqlstr))
+
+
+export const gqlQuery=async<T>(gqlstr:string):Promise<T|undefined>=>{
+    const query = gql(gqlstr);
+    try{
+        const result = await useAsyncQuery<T>(query);        
+        return result.data.value as T
+    }catch(e){      
+      useNuxtApp().$event('Notification',{
+        documentName:'report',
+        summary:t('reportQueryFailed'),
+        status:NotificationStatus.error,
+        data:e
+      })      
+      // return e
+    }
+
+}

package/templates/nuxt/composables/recently.generate.ts.eta

@@ -0,0 +1,16 @@
+import {RecentlyValue} from "~/types"
+export const getRecently = ()=>useNuxtApp().$recently
+export const setRecentDocument = (key:string, value:RecentlyValue)=>{
+    const recent = getRecently()
+    recent.set(key,value)
+    const tmp:{[key:string]:RecentlyValue}={}
+    recent.forEach((value,key)=>{
+        tmp[key]=value
+    })
+    console.log("JSON.stringify(tmp)",tmp)
+    localStorage.setItem('recently', JSON.stringify(tmp)); // Store keys as an array
+
+}
+export const getRecentDocument = (key:string)=>{
+    getRecently().get(key)
+}