@meeovi/layer-lists 1.0.2 → 1.0.3

package/dist/shared/app/composables/globals/useDirectusForm.js

@@ -0,0 +1,66 @@
+import { ref, provide } from 'vue';
+export function useDirectusForm(collectionName, fieldsRef, opts) {
+    const form = ref({});
+    const formError = ref(null);
+    const formSuccess = ref(null);
+    // provide form context for DirectusFormElement children
+    provide('directusForm', {
+        form,
+        fields: fieldsRef,
+    });
+    const submitForm = async () => {
+        formError.value = null;
+        formSuccess.value = null;
+        // Validate form data against field validation rules
+        for (const field of fieldsRef.value) {
+            if (field.meta?.validation) {
+                try {
+                    const validation = field.meta.validation;
+                    if (validation._and) {
+                        for (const rule of validation._and) {
+                            const fieldName = Object.keys(rule)[0];
+                            if (!fieldName)
+                                continue;
+                            const ruleDef = rule[fieldName];
+                            if (ruleDef && ruleDef._regex) {
+                                const regex = new RegExp(ruleDef._regex);
+                                const valueToTest = String(form.value[field.field] ?? '');
+                                if (!regex.test(valueToTest)) {
+                                    formError.value = field.meta.validation_message || field.meta.field + ' failed validation';
+                                    console.error(`Validation failed for ${field.field}: ${field.meta.validation_message || 'Invalid format'}`);
+                                    return; // Stop submission if validation fails
+                                }
+                            }
+                        }
+                    }
+                }
+                catch (err) {
+                    console.error(`Error parsing validation for ${field.field}:`, err);
+                }
+            }
+        }
+        const { $directus, $createItem } = useNuxtApp();
+        const result = await $directus.request($createItem(collectionName, form.value));
+        if (result.error) {
+            formError.value = result.error.message;
+            console.error(`Error creating ${collectionName}:`, result.error);
+            return; // Stop submission if error occurs
+        }
+        formSuccess.value = `${collectionName} created successfully`;
+        if (opts?.clearOnSuccess) {
+            form.value = {};
+        }
+        if (opts?.closeDialogRef) {
+            try {
+                opts.closeDialogRef.value = false;
+            }
+            catch (e) { }
+        }
+    };
+    return {
+        form,
+        formError,
+        formSuccess,
+        submitForm,
+    };
+}

package/global.d.ts

@@ -0,0 +1 @@
+declare function useNuxtApp(): any

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@meeovi/layer-lists",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Official Lists module for the M Framework.",
   "scripts": {
+    "build": "tsc -p tsconfig.json",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
@@ -16,6 +17,8 @@
   "type": "module",
   "dependencies": {
     "@meeovi/api": "^1.0.1",
+    "@meeovi/core": "^1.0.3",
+    "@meeovi/directus-client": "^1.0.0",
     "@meeovi/layer-social": "^1.0.2",
     "list.js": "^2.3.1",
     "nanoid": "^5.1.6"

package/shims.d.ts

@@ -0,0 +1,7 @@
+declare module '#shared/*'
+declare module '@meeovi/social'
+declare module '@meeovi/api'
+declare module '@meeovi/directus-client'
+
+// allow importing JSON-like providers or runtime-only modules
+declare module '*.json'

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "types": ["./global.d.ts"],
+    "paths": {
+      "#shared/*": ["../shared/*"],
+      "@meeovi/core": ["../../packages/core/index.ts"],
+      "@meeovi/core/*": ["../../packages/core/*"]
+    },
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "module": "ESNext",
+    "target": "ESNext",
+    "strict": true,
+    "jsx": "react-jsx",
+    "skipLibCheck": true,
+    "noEmitOnError": false
+  }
+}