@simitgroup/simpleapp-generator 2.0.3-f-alpha → 2.0.3-h-alpha

package/src/processors/bpmnbuilder.ts

@@ -1,167 +0,0 @@
-import { Logger, ILogObj } from "tslog";
-import { capitalizeFirstLetter } from './../libs';
-import {mkdirSync, readdir,readFileSync,writeFileSync,existsSync,copyFileSync, readdirSync} from 'fs'
-import BpmnModdle from 'bpmn-moddle';
-import _ from 'lodash'
-import * as constants from '../constant'
-import {moddleOptions} from '../resource/camunda-moodle'
-const log: Logger<ILogObj> = new Logger();
-const { Eta } = require('eta');
-export const  generateWorkflows = async (configs,genFor:string[]) =>{
-    const invalidElementId = /[ `!@#$%^&*()+\-=\[\]{};':"\\|,.<>\/?~]/;
-
-    const moddle = new BpmnModdle({moddleOptions});
-    const frontendFolder=configs.frontendFolder
-    const backendFolder=configs.backendFolder
-    const bpmnFolder = configs.bpmnFolder
-    const filelist = readdirSync(bpmnFolder)
-    
-    console.log("bpmn filelist",filelist)
-    const generateTemplatefolder = `${constants.templatedir}/workflow`        
-    let workflows:string[] = []
-
-    if(genFor.includes('nest')){
-        mkdirSync(`${backendFolder}/src/simpleapp/workflows/bpmn`,{recursive:true})
-        mkdirSync(`${backendFolder}/src/simpleapp/workflows/listeners`,{recursive:true})
-    }
-    if(genFor.includes('nuxt')){
-        mkdirSync(`${frontendFolder}/simpleapp/workflows/bpmn`,{recursive:true})
-        mkdirSync(`${frontendFolder}/simpleapp/workflows/forms`,{recursive:true})
-        copyFormKeys(`${bpmnFolder}/../forms`,`${frontendFolder}/simpleapp/workflows/forms`)
-    }
-
-    for(let w = 0; w< filelist.length;w++){
-      const bpmnfile = filelist[w]      
-      if(!bpmnfile.includes('.bpmn')){
-        continue
-      }
-      const bpmnfilepath = `${bpmnFolder}/${bpmnfile}`
-      const processName = bpmnfile.split('.')[0]
-      console.log("processNameprocessName",processName)
-    const xmlstring = readFileSync(`${bpmnfilepath}`, 'utf-8');      
-
-      const xmlobj = await moddle.fromXML(xmlstring);
-      const flowElements = xmlobj.rootElement.rootElements[0].flowElements
-      let elements:any[]=[]
-      for(let i=0; i<flowElements.length;i++){
-        const e = flowElements[i]
-        if(['bpmn:UserTask','bpmn:ServiceTask'].includes(e.$type)){
-          if(invalidElementId.test(e.id)){
-                  log.error(`bpmn File : ${bpmnfile} -> Task(${e.name} defined invalid symbol in id:"${e.id}"`)
-                  throw "quite"
-            }
-            /*
-            read current process user task
-            1. create type and apischemas for process task.such as updatescheduleacknowledgeteacher, with content same with inputsetting
-              read input setting
-              create file if not exists
-                backend/src/simpleapp/workflows/types
-                backend/src/simpleapp/workflows/apischemas
-                
-
-            2. create workflow controller with input body updatescheduleacknowledgeteacher
-                import types and apischemas
-
-            3. create formkey .vue at frontend
-                enum = select, text = text, number =input number
-
-            4. submit workflow shall define presentation properties also, possible form key
-            5. onclick workflow prompt out dialog, complete dialog refresh task list
-
-
-            =====================
-            messaging service
-
-            */
-
-
-
-
-
-
-
-
-
-
-            let documentation :string= ''
-            if(e.documentation && e.documentation[0] && e.documentation[0].text){
-              documentation=e.documentation[0].text
-            }
-          const setting={
-            type: e.$type,
-            id: e.id,
-            name: e.name,
-            documentation: documentation.replace("\n","\n *")
-          }
-          elements.push(setting)   
-        }
-        
-      }
-      
-      // delegates = _.uniq(delegates)
-      const variables = {
-        name:processName,
-        processName: capitalizeFirstLetter(processName),        
-        elements: elements
-      }
-    //   console.log("sample--------sample",xmlobj.rootElement.rootElements[0].name, )
-
-      //copy workflow definition file to frontend and backend    
-      if(genFor.includes('nest')){
-        copyFileSync(`${bpmnfilepath}`,`${backendFolder}/src/simpleapp/workflows/bpmn/${bpmnfile}`)
-        const targetlistener = `${backendFolder}/src/simpleapp/workflows/listeners/${processName}.listener.ts`
-
-        const eta = new Eta({
-            views: '/',
-            functionHeader: getCodeGenHelper()
-        });
-        if(!existsSync(targetlistener) || readFileSync(targetlistener, 'utf-8').includes('--remove-this-line-to-prevent-override--')){
-        //     //write something
-            const templatepath = `${generateTemplatefolder}/next/listener.ts.eta`        
-            const filecontent = eta.render(templatepath, variables)     
-            writeFileSync(targetlistener,filecontent)
-        }
-      }
-      if(genFor.includes('nuxt')){
-        copyFileSync(`${bpmnfilepath}`,`${frontendFolder}/simpleapp/workflows/bpmn/${bpmnfile}`)  
-
-        //create form key
-      }
-      
-      
-      
-      
-
-
-      workflows.push(processName)
-
-      //modify workflowdeletegate to import all files
-      
-      
-  
-      //copy file backend
-      //copy file frontend
-  
-  
-      // const groupdata = JSON.parse(groupjsonstr);
-      // const documentname = groupfile.split('.')[0]
-      // const roles = prepareRoles(groupdata)
-      // allroles[documentname]=roles
-    }
-
-
-
-    return workflows
-  }
-  const copyFormKeys=(fromtPath:string , toPath:string)=>{
-    const files = readdirSync(fromtPath)
-    for(let i=0; i< files.length;i++){
-        const filename = files[i]
-        if(filename=='.') continue
-
-        copyFileSync(`${fromtPath}/${filename}`,`${toPath}/${filename}`)
-    }
-  }
-  const getCodeGenHelper = () => 'const capitalizeFirstLetter = (str) => str.slice(0, 1).toUpperCase() + str.slice(1);' +
-  'const initType=(str)=>{return ["string","number","boolean","array","object"].includes(str) ? capitalizeFirstLetter(str) : str;};' +
-  'const camelCaseToWords = (s) => {const result = s.replace(/([A-Z])/g, \' $1\');return result.charAt(0).toUpperCase() + result.slice(1);}'

package/templates/nuxt/components/header/button/task/HeaderButtonTaskItem.vue.eta

@@ -1,28 +0,0 @@
-<template>
-   <div class="flex flex-col border cursor-pointer p-2" @click="$emit('click',task)">
-    <!-- <span v-else class="text-gray-400 text-sm">{{ value[f] }}</span> -->
-    <!-- <div>{{ task.data }}</div> -->
-    <div class="flex flex-row">
-        <span class="flex-1">{{task.name}}</span><span class="flex-1 text-right">{{ task.startedAt }}</span>
-    </div>
-    <div class="text text-sm text-gray-400">{{task.processName}}</div>            
-    <!-- <div class="text text-xs text-gray-300">{{task.taskId}}</div> -->
-    <div v-if="task.dueDate" class="text text-xs text-gray-200">{{ task.dueDate }}</div>
-    <div v-if="task.priority" class="text text-xs text-gray-200">{{ task.priority }}</div>
-   </div> 
-</template>
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-
-defineEmits(['click'])
-const props = defineProps<{
-    task:any
-}>()
-
-
-</script>

package/templates/nuxt/components/header/button/task/HeaderButtonTaskList.vue._eta

@@ -1,114 +0,0 @@
-<template>
-    <button class="text-center border-none  cursor-pointer p-1" @click="visible=true" >
-        <i class="pi pi-bell">
-            <Badge :value="taskqty" severity="danger"></Badge>
-        </i>
-
-        <Drawer v-model:visible="visible" position="right"  :modal="false" :dismissable="false">            
-            <template #header>
-                <div class="text text-lg font-bold">{{ t('mytasks') }}</div>
-            </template>
-            <HeaderButtonTaskItem  v-for="task in tasklist" :task="task" @click="viewTask"></HeaderButtonTaskItem>                                                
-        </Drawer>
-        <Dialog v-model:visible="dialogvisible" 
-            @update:visible="closeDialog" 
-            :pt="{root:{class:'w-1/2 h-5/6'}}"
-            :modal="true" 
-            :close-on-escape="false" >                
-            <template #header>
-                <div class="text text-lg font-bold">
-                    {{ selectedtask?.processName }} / {{ selectedtask?.name }}
-                </div>            
-            </template>
-            <template #default>
-                <div v-if="componentresolver && formSchema" >
-                    <component :is="componentresolver"                
-                        :processName="selectedtask?.processName ?? ''"
-                        :taskName="selectedtask?.name??''"                  
-                        :instanceData="instanceData"                        
-                        :jsonschema="formSchema"                    
-                        v-model="data"
-                        @submit="invokeTask"
-                    />
-                </div>
-            </template>                
-        </Dialog>
-    </button>
-</template>
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2023-10-28
- * Author: Ks Tan
- */
-import {UserTaskType,NotificationStatus} from '~/types'
-import { useDialog } from 'primevue/usedialog';
-import * as forms from '~/simpleapp/workflows/forms'
-import {getFormComponent} from '~/components/workflow/forms'
-const dialog = useDialog()
-const dialogvisible = ref(false)
-const visible = ref(false)
-const selectedtask = ref<UserTaskType>()
-const tasklist = ref<UserTaskType[]>([])
-const formSchema = ref()
-const formkey = ref<string>('')
-const data = ref<any>({})
-const instanceData = ref<any>({})
-const componentresolver = computed(()=>{
-    const workflowform = getFormComponent(formkey.value as string)
-    console.log("workflowformworkflowformworkflowform",workflowform)
-    return workflowform 
-})
-const taskqty = computed(()=>tasklist.value.length)
-
-onMounted(async ()=> syncTask())
-watch(visible,(newvalue)=>{
-    if(newvalue){
-        syncTask()
-    }
-})
-const syncTask = async ()=>{
-    tasklist.value = await getTaskList()
-    if(tasklist.value.length==0){
-        visible.value=false
-    }
-}
-const closeDialog = ()=>{
-    console.log('close dialog')
-}
-
-const invokeTask = async ()=>{
-    const res = await invokeUserTask(selectedtask.value?.taskId,data)
-    syncTask()
-    dialogvisible.value=false
-}
-const viewTask = async (task:UserTaskType)=>{
-    
-    selectedtask.value=task
-    instanceData.value=task.data
-    
-    const formsettings:any = await getTaskForm(task.processName, task.elementId)
-    formkey.value = formsettings.schema
-    console.log("viewTask formsettings",formsettings)
-    formSchema.value = forms[formkey.value as keyof typeof forms]
-    if(formSchema.value){
-        Object.keys(formSchema.value.properties).forEach((key)=>{        
-            data.value[key]=''
-        })
-
-        dialogvisible.value=true
-    }else{
-        useNuxtApp().$event('Notification',{
-            documentName:task.processName,
-            summary:t('formKeyNotFound',{formKey:formkey.value}),
-            status:NotificationStatus.error,
-            message:t('formKeyNotFound',{formKey:formkey.value}),
-            
-        })
-    }
-    
-}
-
-onMounted(()=>syncTask())
-</script>

package/templates/nuxt/components/workflow/forms/dynamicfield.vue._eta

@@ -1,92 +0,0 @@
-<template>
-    <div >
-        <div>                       
-            <pre>{{ data}}dynamic</pre>
-        </div>
-        <div class="border " v-if="jsonschema">
-            <SimpleAppJsonSchemaForm :schema="jsonschema" :data="data"  #default="o" >                                                        
-            <Card>
-                <template #header>Response</template>
-                <template #content>
-                <div >                                                            
-                        <div v-for="field in Object.keys(jsonschema.properties ?? {} )" class="border p-2">                                      
-                            <SimpleAppInput :setting="o.getField(`#/properties/${field}`)" 
-                            :input-type="autoPickInput( field )"
-                            v-model="data[field]" />                                         
-                        </div>                                    
-                </div>                                
-                </template>
-                <template #footer>
-                    <Button class="btn-primary" @click="o.validate(validateCallBack)">{{ t('submit') }}</Button>
-                    
-                </template>
-            </Card> 
-            </SimpleAppJsonSchemaForm>                                
-
-        </div>                                                   
-        </div>
-</template>
-<script lang="ts" setup>
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
- */
- 
-    import {UserTaskType,SimpleAppInputType} from '~/types'
-    import type { JSONSchema7 }  from 'json-schema'
-    const props = defineProps<{
-        processName:string
-        taskName:string
-        jsonschema:JSONSchema7
-        instanceData:any
-    }>()
-    // props.jsonschema.properties
-    const modelValue = defineModel<any>({})
-    const emit = defineEmits(['submit'])
-    const validateCallBack = async (errors:any)=>{
-        // console.log("After validate",result)
-        if(!errors){
-            emit('submit',modelValue)
-        }
-    }
-
-    const autoPickInput = (field:string) =>{
-    let setting :JSONSchema7= {type:'string'}
-    
-    if(props.jsonschema.properties && props.jsonschema.properties[field]){
-        setting = props.jsonschema.properties[field] as JSONSchema7 //force type
-    } 
-               
-    
-    if(setting.type=='boolean'){
-        return SimpleAppInputType.checkbox
-    }if(setting.type=='number'){
-        return SimpleAppInputType.number
-    }
-    else if(setting.enum){
-        return SimpleAppInputType.select
-    }
-    else if(setting.type=='string'){
-        return pickStringInput(setting)        
-    }else{
-        return SimpleAppInputType.text
-    }
-}
-
-const pickStringInput = (setting:any) =>{
-    switch(setting.format){
-        case 'date':
-            return SimpleAppInputType.date
-        break;
-        case 'textarea':
-            return SimpleAppInputType.textarea
-        break;
-        case 'text':
-        default:
-            return SimpleAppInputType.text
-        break;
-    }
-}
-</script>

package/templates/nuxt/components/workflow/forms/index.ts._eta

@@ -1,17 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
- */
- 
-import dynamicfield from './dynamicfield.vue'
-import simpleapprove from './simpleapprove.vue'
-
-const forms: {[key:string]:Component}={
-    dynamicfield:dynamicfield,
-    simpleapprove:simpleapprove
-}
-
-export const getFormComponent =(formkey:string)=> forms[formkey] ?? forms['dynamicfield']
-export {dynamicfield,simpleapprove}

package/templates/nuxt/components/workflow/forms/simpleapprove.vue._eta

@@ -1,49 +0,0 @@
-<template>
-    <SimpleAppJsonSchemaForm :schema="jsonschema" :data="modelValue"  #default="o" >                                                        
-        <Card>            
-            <template #content>
-                <div>
-                    <h1>{{t('simpleApproveMessage')}}</h1>
-                </div>
-                <div >                    
-                     <SimpleAppInput :setting="o.getField(`#/properties/decision`)" 
-                            :input-type="SimpleAppInputType.select"
-                            v-model="modelValue.decision" 
-                            />                                         
-                    <SimpleAppInput :setting="o.getField(`#/properties/description`)" 
-                            :input-type="SimpleAppInputType.textarea"
-                            v-model="modelValue.description" 
-                            />                  
-                </div>                                
-            </template>
-            <template #footer>
-                <Button class="btn-primary" @click="o.validate(validateCallBack)">{{ t('submit') }}</Button>
-            </template>
-        </Card> 
-    </SimpleAppJsonSchemaForm> 
-</template>
-<script lang="ts" setup>
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
- */
-import {UserTaskType,SimpleAppInputType} from '~/types'
-import type { JSONSchema7 }  from 'json-schema'
-const props = defineProps<{
-    processName:string
-    taskName:string
-    jsonschema:JSONSchema7
-    instanceData:any
-}>()
-const modelValue = defineModel<{decision:string,description:string}>()
-
-const emit = defineEmits(['submit'])
-const validateCallBack = async (errors:any)=>{
-    // console.log("After validate",result)
-    if(!errors){
-        emit('submit',modelValue)
-    }
-}
-</script>

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

@@ -1,27 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2024-03-24
- * Author: Ks Tan
- */
-// import {UserTaskApiSchema} from 
-// import {UserTaskType} from '../types'
-
-import { UserTaskApiSchema } from "~/simpleapp/generate/openapi"
-let taskslist:UserTaskApiSchema[] =[]
-
-export const getTaskList = async ()=>{
-    const tmp = await getWorkflowApi().getMyUserTask()
-    return taskslist
-}
-
-export const getTaskForm =  async (workflowName:string,elementId:string)=>{
-    const tasks = await getWorkflowApi().getWorkflowUserTaskFormKey(workflowName,elementId)
-    return tasks.data
-}
-
-
-export const invokeUserTask =  async (taskId:string, data:any)=>{
-    const result = await getWorkflowApi().invokeWorkflowUserTask(taskId,data)
-    return result.data
-}

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

@@ -1,126 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2025-10-25
- * Author: Ks Tan
- */
-import { defineNuxtPlugin } from "#app";
-import axios from "axios";
-import { EventType } from "~/types";
-// import PrimeVue from "primevue/config";
-import mitt from "mitt";
-import { useConfirm } from "primevue/useconfirm";
-import { useDialog } from "primevue/usedialog";
-
-// import ToastService from 'primevue/toastservice';
-// import ConfirmationService from 'primevue/confirmationservice';
-// import Tooltip from 'primevue/tooltip';
-const emitter = mitt<EventType>();
-export default defineNuxtPlugin(async (nuxtApp) => {
-  //hide __NUXT__ at client side.
-  onNuxtReady(() => {
-    window.__NUXT__ = undefined;
-  });
-  // useNuxtApp().vueApp.use(DialogService)
-  //const { csrf } = useCsrf()
-  //axios.defaults.headers.common = {"CSRF-TOKEN": csrf};
-  const myaxios = axios.create({ timeout: 10000 });
-  myaxios.interceptors.response.use(
-    (response) => {
-      return response;
-    },
-    (error) => {
-      // console.log("error catch",error)
-
-      if (error?.code && error.code == "ERR_BAD_REQUEST") {
-        if (error.response && (error.response.status == 401 || error.response.status == 302)) {
-          return Promise.reject(error);
-        } else if (error.response && error.response.status == 403) {
-          console.warn("error status 403, redirect to external link /");
-          navigateTo("/", { external: true });
-        } else if (error.response && error.response.status === 402) {
-          const route = useRoute();
-          // if (route.fullPath.endsWith("/billing")) {
-          //   return Promise.resolve({});
-          // } else {
-          throw createError({
-            statusCode: error.response.status,
-            statusMessage: "System Expired",
-            message: error.response.statusText,
-          });
-          // }
-          console.log(route);
-        } else {
-          console.error("axios ERR_BAD_REQUEST", error);
-          let errorMsg = "";
-          let errorCode = 0;
-          let moreMsg = "";
-          if (error.response?.data?.data?.message) {
-            errorCode = error.response.data.data.status;
-            moreMsg = error.response.data.data.message;
-            errorMsg = error.response.data.data.name;
-          } else if (error.response?.data) {
-            errorCode = error.response.data.statusCode;
-            moreMsg = error.response.data.statusMessage;
-            errorMsg = error.response.data.message;
-          } else {
-            errorCode = error.status;
-            moreMsg = error.message;
-            errorMsg = error.name;
-          }
-
-          const errorData = {
-            statusCode: errorCode,
-            statusMessage: errorMsg,
-            message: moreMsg,
-            fatal: true,
-          };
-
-          // console.log(error.response)
-          throw createError(errorData);
-        }
-      } else if (error.code) {
-        throw createError({
-          statusCode: error.code,
-          statusMessage: error.message,
-          fatal: true,
-        });
-      } else if (error.response && (error.response.status == 302 || error.response.status == 401)) {
-        console.error("axios 302 session expired, start login flow");
-      } else if (error.response && error.response.status) {
-        let errmsg = error.response.message;
-        let errorcode = error.response.status;
-        if (error.response?.data && error.response?.data?.message) {
-          errmsg = error.response.data.message;
-          errorcode = error.response.data.statusCode;
-        }
-
-        throw createError({
-          statusCode: errorcode,
-          statusMessage: errmsg,
-          fatal: true,
-        });
-        // return Promise.reject(error)
-      } else {
-        console.error("unknown error");
-        throw createError({ statusCode: 500, statusMessage: "Internal server error" });
-      }
-      //   if (error.response) {
-      //     console.error("Backend error response:", error.response.data);
-      // } else {
-      //     console.error("Network error:", error);
-      // }
-      return Promise.reject(error);
-    },
-  );
-  return {
-    provide: {
-      event: emitter.emit, // Will emit an event
-      listen: emitter.on, // Will register a listener for an event
-      axios: myaxios,
-      confirm: useConfirm(),
-      dialog: useDialog,
-    },
-  };
-  //other components that you need
-});

package/templates/nuxt/simpleapp/workflows/bpmn/readme.md._eta

@@ -1 +0,0 @@
-put bpmn files here

package/templates/nuxt/simpleapp/workflows/forms/index.ts._eta

@@ -1,8 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
- */
-export {simpleapprove} from './simpleapprove.jsonschema'
-

package/templates/nuxt/simpleapp/workflows/forms/readme.md._eta

@@ -1 +0,0 @@
-all form for user task obtain from here

package/templates/nuxt/simpleapp/workflows/forms/simpleapprove.jsonschema.ts._eta

@@ -1,14 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
- */
-export const simpleapprove = {
-  "type": "object",
-  "required": ["decision"],
-  "properties": {
-    "decision": { "type": "string", "enum": ["", "approve", "reject"] },
-    "description": { "type": "string", "default":"" }
-  }
-}

package/templates/nuxt/types/workflow.ts.eta

@@ -1,25 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2024-02-23
- * Author: Ks Tan
- */
-export type UserTaskType = {
-  
-    id: string
-    taskId:  string
-    elementId:  string
-    name:  string
-    processName:  string
-    assignee:  string
-    candidateUsers:  string[]
-    candidateGroups:  string[]
-    data: any
-    vars: any
-    startedAt:  string
-    followUpDate:  string
-    dueDate:  string
-    priority:  string
-    type:  string
-    userId: string 
-}