feat: add preRenderTransform to parse avatar url and add reference field

server/admin-next/package.json

@@ -25,7 +25,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailchat-server-sdk": "workspace:^",
-    "tushan": "^0.2.10",
+    "tushan": "^0.2.11",
     "vite-express": "0.8.0"
   },
   "devDependencies": {

server/admin-next/src/client/fields.ts

@@ -8,8 +8,10 @@ import {
   createUrlField,
   emailValidator,
   createNumberField,
+  createReferenceField,
 } from 'tushan';
 import { createFileSizeField } from './components/field/filesize';
+import { parseUrlStr } from './utils';
 
 export const userFields = [
   createTextField('id', {
@@ -43,7 +45,9 @@ export const userFields = [
     },
   }),
   createBooleanField('temporary'),
-  createAvatarField('avatar'),
+  createAvatarField('avatar', {
+    preRenderTransform: parseUrlStr,
+  }),
   createJSONField('settings', {
     list: {
       width: 200,
@@ -60,8 +64,20 @@ export const userFields = [
 export const messageFields = [
   createTextField('id'),
   createTextField('content'),
-  createTextField('author'),
-  createTextField('groupId'),
+  createReferenceField('author', {
+    reference: 'users',
+    displayField: 'nickname',
+    list: {
+      width: 80,
+    },
+  }),
+  createReferenceField('groupId', {
+    reference: 'groups',
+    displayField: 'name',
+    list: {
+      width: 80,
+    },
+  }),
   createTextField('converseId'),
   createBooleanField('hasRecall'),
   createJSONField('reactions'),
@@ -76,7 +92,13 @@ export const messageFields = [
 export const groupFields = [
   createTextField('id'),
   createTextField('name'),
-  createTextField('owner'),
+  createReferenceField('owner', {
+    reference: 'users',
+    displayField: 'nickname',
+    list: {
+      width: 80,
+    },
+  }),
   createTextField('members.length', {
     edit: {
       hidden: true,