fix: resolve apartment image upload issue and implement image generation

Author: SerVitasik

live-demo/app/index.ts

@@ -6,7 +6,7 @@ import usersResource from "./resources/users";
 import apartmentsResource from "./resources/apartments";
 import auditLogsResource from "./resources/auditLogs"
 import translations from "./resources/translations";
-
+import { randomUUID } from 'crypto';
 try { fs.mkdirSync('db') } catch (e) {} 
 
 
@@ -113,7 +113,7 @@ async function seedDatabase() {
   }
   for (let i = 0; i <= 100; i++) {
     await admin.resource('aparts').create({
-      id: `${i}`,
+      id: randomUUID(),
       title: `Apartment ${i}`,
       square_meter: (Math.random() * 100).toFixed(1),
       price: (Math.random() * 10000).toFixed(2),

live-demo/app/package.json

@@ -7,7 +7,9 @@
     "start": "tsx --env-file=.env --watch index.ts",
     "test": "echo \"Error: no test specified\" && exit 1",
     "bundleNow": "tsx bundleNow.ts",
-    "startLive": "prisma migrate deploy && tsx index.ts"
+    "startLive": "prisma migrate deploy && tsx index.ts",
+    "migrate": "prisma migrate deploy",
+    "makemigration": "prisma migrate dev"
   },
   "keywords": [],
   "license": "ISC",

live-demo/app/resources/apartments.ts

@@ -3,9 +3,7 @@ import importExport from '@adminforth/import-export';
 import RichEditorPlugin from '@adminforth/rich-editor';
 import ChatGptPlugin from '@adminforth/chat-gpt';
 import UploadPlugin from '@adminforth/upload';
-
-
-
+import { randomUUID } from 'crypto';
 
 
 const blockDemoUsers = async ({ record, adminUser, resource }) => {
@@ -37,9 +35,9 @@ export default {
     { 
       name: 'id', 
       label: 'Identifier',  // if you wish you can redefine label, defaulted to uppercased name
-      showIn: ['filter', 'show'], // show column in filter and in show page
+      showIn: {all: false, show: true, filter: true}, // show column in filter and in show page
       primaryKey: true,
-      fillOnCreate: ({initialRecord, adminUser}) => Math.random().toString(36).substring(7),  // called during creation to generate content of field, initialRecord is values user entered, adminUser object of user who creates record
+      fillOnCreate: ({initialRecord, adminUser}) => randomUUID(),  // called during creation to generate content of field, initialRecord is values user entered, adminUser object of user who creates record
     },
     { 
       name: 'title',
@@ -90,7 +88,7 @@ export default {
     }, 
     {
       name: 'apartment_image',
-      showIn: [], // You can set to ['list', 'show'] if you wish to show path column in list and show views
+      showIn: {list: true, show: true, edit: true, create: true}, // You can set to ['list', 'show'] if you wish to show path column in list and show views
     },
     {
       name: 'created_at',
@@ -170,8 +168,23 @@ export default {
       allowedFileExtensions: ['jpg', 'jpeg', 'png', 'gif', 'webm', 'webp'],
       maxFileSize: 1024 * 1024 * 20, // 5MB
       s3Path: ({originalFilename, originalExtension, contentType}) => 
-            `aparts/${new Date().getFullYear()}/${uuid()}-${originalFilename}.${originalExtension}`,
+            `aparts/${new Date().getFullYear()}/${randomUUID()}-${originalFilename}.${originalExtension}`,
       // You can use next to change preview URLs (if it is image) in list and show views
+      generation: {
+        provider: "openai-dall-e",
+        countToGenerate: 2,
+        openAiOptions: {
+          model: "dall-e-3",
+          size: "1792x1024",
+          apiKey: process.env.OPENAI_API_KEY as string,
+        },
+        fieldsForContext: ["title"],
+        rateLimit: {
+          limit: "2/1m",
+          errorMessage:
+            "For demo purposes, you can generate only 2 images per minute",
+        },
+      },
       preview: {
         showInList: true,
         previewUrl: ({s3Path}) => `https://demo-static.adminforth.dev/${s3Path}`,

live-demo/app/resources/translations.ts

@@ -85,6 +85,7 @@ export default {
     {
       name: "created_at",
       fillOnCreate: ({ initialRecord, adminUser }: any) => new Date().toISOString(),
+      showIn: {show: true, filter: true, list: true, edit: false, create: false},
     },
     {
       name: "uk_string",

live-demo/app/resources/users.ts

@@ -1,6 +1,7 @@
-import AdminForth, { AdminForthDataTypes, AdminForthResourceInput } from 'adminforth';
+import AdminForth, { AdminForthDataTypes, AdminForthResourceColumn, AdminForthResourceInput } from 'adminforth';
 import importExport from '@adminforth/import-export';
 import ForeignInlineListPlugin from '@adminforth/foreign-inline-list';
+import { randomUUID } from 'crypto';
 
 const blockDemoUsers = async ({ record, adminUser, resource }) => {
   if (adminUser.dbUser && adminUser.dbUser.role !== 'superadmin') {
@@ -32,8 +33,9 @@ export default {
   columns: [
     { 
       name: 'id', 
+      label: 'Identifier',
       primaryKey: true,
-      fillOnCreate: ({initialRecord, adminUser}) => Math.random().toString(36).substring(7),
+      fillOnCreate: ({ initialRecord, adminUser }: any) => randomUUID(),
       showIn: ['list', 'filter', 'show'],
     },
     {