@drax/dynamic-vue 0.8.5

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@drax/dynamic-vue",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.8.5",
+  "type": "module",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "types": "./src/index.ts",
+  "files": [
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@drax/common-front": "^0.8.3",
+    "@drax/crud-front": "^0.8.3",
+    "@drax/crud-share": "^0.8.5",
+    "@drax/media-vue": "^0.8.3"
+  },
+  "peerDependencies": {
+    "pinia": "^2.2.2",
+    "vue": "^3.5.7",
+    "vue-i18n": "^9.14.0",
+    "vuetify": "^3.7.2"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.8.0",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.12.5",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/test-utils": "^2.4.5",
+    "@vue/tsconfig": "^0.5.1",
+    "cypress": "^13.7.2",
+    "eslint": "^8.57.0",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-vue": "^9.23.0",
+    "jsdom": "^24.0.0",
+    "npm-run-all2": "^6.1.2",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "prettier": "^3.2.5",
+    "start-server-and-test": "^2.0.3",
+    "typescript": "~5.4.0",
+    "vite": "^5.4.3",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.4.0",
+    "vue": "^3.5.3",
+    "vue-tsc": "^2.0.11",
+    "vuetify": "^3.7.1"
+  },
+  "gitHead": "df40172e28cb654c26d622d16d6aef53e2db8a78"
+}

package/src/cruds/DynamicFormCrud.ts

@@ -0,0 +1,150 @@
+import {EntityCrud} from "@drax/crud-vue";
+
+import type {
+    IDraxCrudProvider,
+    IEntityCrud,
+    IEntityCrudField,
+    IEntityCrudFilter,
+    IEntityCrudHeader,
+    IEntityCrudPermissions,
+    IEntityCrudRefs,
+    IEntityCrudRules
+} from "@drax/crud-share";
+
+import {DynamicFormProvider} from "@drax/dynamic-front";
+
+//Import EntityCrud Refs
+
+
+class DynamicFormCrud extends EntityCrud implements IEntityCrud {
+
+    static singleton: DynamicFormCrud
+
+    constructor() {
+        super();
+        this.name = 'DynamicForm'
+    }
+
+    static get instance(): DynamicFormCrud {
+        if (!DynamicFormCrud.singleton) {
+            DynamicFormCrud.singleton = new DynamicFormCrud()
+        }
+        return DynamicFormCrud.singleton
+    }
+
+    get permissions(): IEntityCrudPermissions {
+        return {
+            manage: 'dynamicform:manage',
+            view: 'dynamicform:view',
+            create: 'dynamicform:create',
+            update: 'dynamicform:update',
+            delete: 'dynamicform:delete'
+        }
+    }
+
+    get headers(): IEntityCrudHeader[] {
+        return [
+            {title: 'identifier', key: 'identifier', align: 'start'}
+        ]
+    }
+
+    get actionHeaders(): IEntityCrudHeader[] {
+        return [
+            {
+                title: 'action.actions',
+                key: 'actions',
+                sortable: false,
+                align: 'center',
+                minWidth: '190px'
+            },
+        ]
+    }
+
+    get provider(): IDraxCrudProvider<any, any, any> {
+        return DynamicFormProvider.instance
+    }
+
+    get refs(): IEntityCrudRefs {
+        return {}
+    }
+
+    get rules(): IEntityCrudRules {
+        return {
+            identifier: [(v: any) => !!v || 'validation.required'],
+            fields: []
+        }
+    }
+
+    get fields(): IEntityCrudField[] {
+        return [
+            {name: 'identifier', type: 'string', label: 'identifier', default: ''},
+            {
+                name: 'fields', type: 'array.object', label: 'fields', default: [],
+                objectFields: [
+                    {name: 'name', type: 'string', label: 'name', default: ''},
+                    {
+                        name: 'type',
+                        type: 'enum',
+                        enum: ['string', 'longString', 'number', 'boolean', 'date', 'object', 'ref', 'enum', 'password', 'file', 'array.string', 'array.number', 'array.object', 'array.ref', 'array.enum', 'array.file'],
+                        label: 'type',
+                        default: null
+                    },
+                    {name: 'required', type: 'boolean', label: 'required', default: false},
+                    {name: 'default', type: 'string', label: 'default', default: ''},
+                    {name: 'validationRegex', type: 'string', label: 'validationRegex', default: ''},
+                    {name: 'options', type: 'array.string', label: 'options', default: []},
+                ]
+            }
+        ]
+    }
+
+    get filters(): IEntityCrudFilter[] {
+        return [
+            //{name: '_id', type: 'string', label: 'ID', default: '', operator: 'eq' },
+        ]
+    }
+
+    get isViewable() {
+        return true
+    }
+
+    get isEditable() {
+        return true
+    }
+
+    get isCreatable() {
+        return true
+    }
+
+    get isDeletable() {
+        return true
+    }
+
+    get isExportable() {
+        return true
+    }
+
+    get exportFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get exportHeaders() {
+        return ['_id']
+    }
+
+    get isImportable() {
+        return true
+    }
+
+    get importFormats() {
+        return ['CSV', 'JSON']
+    }
+
+    get dialogFullscreen() {
+        return false
+    }
+
+}
+
+export default DynamicFormCrud
+

package/src/i18n/DynamicForm-i18n.ts

@@ -0,0 +1,55 @@
+const messages = {
+    en: {
+
+        dynamicform: {
+            entity: 'DynamicForm',
+            menu: 'DynamicForm',
+            crud: 'Manage DynamicForm',
+            field: {
+                identifier: 'identifier',
+                fields: 'fields',
+                type: 'type',
+                name: 'name',
+                default: 'default',
+                required: 'required',
+                validationRegex: 'validationRegex',
+                options: 'enum',
+                schema: 'schema'
+            }
+        },
+        permission: {
+            'dynamicform:view': 'View DynamicForm',
+            'dynamicform:create': 'Create DynamicForm',
+            'dynamicform:update': 'Edit DynamicForm',
+            'dynamicform:delete': 'Delete DynamicForm',
+            'dynamicform:manage': 'Manage DynamicForm',
+        }
+    },
+    es: {
+        dynamicform: {
+            entity: 'DynamicForm',
+            menu: 'DynamicForm',
+            crud: 'Gestionar DynamicForm',
+            field: {
+                identifier: 'identifier',
+                fields: 'fields',
+                type: 'type',
+                name: 'name',
+                default: 'default',
+                required: 'required',
+                validationRegex: 'validationRegex',
+                options: 'enum',
+                schema: 'schema'
+            }
+        },
+        permission: {
+            'dynamicform:view': 'Ver DynamicForm',
+            'dynamicform:create': 'Crear DynamicForm',
+            'dynamicform:update': 'Editar DynamicForm',
+            'dynamicform:delete': 'Eliminar DynamicForm',
+            'dynamicform:manage': 'Gestionar DynamicForm',
+        }
+    }
+}
+
+export default messages;

package/src/index.ts

@@ -0,0 +1,12 @@
+import {DynamicFormCrudRoute} from "./routes/DynamicFormCrudRoute";
+import DynamicFormCrudPage from "./pages/crud/DynamicFormCrudPage.vue";
+import DynamicFormCrud from "./cruds/DynamicFormCrud";
+import DynamicFormI18n from "./i18n/DynamicForm-i18n";
+
+
+export {
+    DynamicFormCrudRoute,
+    DynamicFormCrudPage,
+    DynamicFormCrud,
+    DynamicFormI18n
+}

package/src/pages/crud/DynamicFormCrudPage.vue

@@ -0,0 +1,18 @@
+
+<script setup lang="ts">
+import DynamicFormCrud from '../../cruds/DynamicFormCrud'
+import {Crud} from "@drax/crud-vue";
+import {formatDate} from "@drax/common-front"
+
+</script>
+
+<template>
+  <crud :entity="DynamicFormCrud.instance">
+
+  </crud>
+</template>
+
+<style scoped>
+
+</style>
+

package/src/routes/DynamicFormCrudRoute.ts

@@ -0,0 +1,18 @@
+
+import DynamicFormCrudPage from "../pages/crud/DynamicFormCrudPage.vue";
+
+
+const DynamicFormCrudRoute = [
+  {
+    name: 'DynamicFormCrudPage',
+    path: '/crud/dynamicform',
+    component: DynamicFormCrudPage,
+    meta: {
+      auth: true,
+      permission: 'dynamicform:manage',
+    }
+  },
+]
+
+export default DynamicFormCrudRoute
+export { DynamicFormCrudRoute }