Making a Spatie Activity Log packages, want to display json in detail page.

[WillieOng-HK]

I want to display the activity logs in detail page in one field, tried JsonField, Preview, StackFields, Template fields with changeFill(), fill(), changePreview(), beforeRender() methods, the followings are the data format.

Log for Created

{
   "attributes":{
      "name":"Testii",
      "created_at":"2024-12-29T06:09:58.000000Z",
      "guard_name":"moonshine",
      "updated_at":"2024-12-29T09:32:50.000000Z",
      "role_priority":[
      ]
   }
}

Log for Updated

{
   "old":{
      "name":"Testii",
      "created_at":"2024-12-29T06:09:58.000000Z",
      "guard_name":"moonshine",
      "updated_at":"2024-12-29T06:09:58.000000Z",
      "role_priority":[
         
      ]
   },
   "attributes":{
      "name":"Testiiu88u",
      "created_at":"2024-12-29T06:09:58.000000Z",
      "guard_name":"moonshine",
      "updated_at":"2024-12-29T09:32:50.000000Z",
      "role_priority":[
         
      ]
   }
}

Any solutions better than below code? my solution is splited into two fields to display the old and new records.

UI\Fields\Json::make('old')
    ->changeFill(function (ActivityLog $activityLog) { 
        $data = $activityLog->properties->toArray()['old'] ?? null;
        unset($data['role_priority']);

        return $data;
    })
    ->translatable(self::TRANSLATION . 'fields')
    ->keyValue(
        __('activitylog::activity-log.fields.key'),
        __('activitylog::activity-log.fields.value')
    )
    ->canSee(function (UI\Fields\Json $field) {
        return ! empty($field->toValue());
    }),

UI\Fields\Json::make('attributes')
    ->changeFill(function (ActivityLog $activityLog) { 
        $data = $activityLog->properties->toArray()['attributes'] ?? null;
        unset($data['role_priority']);

        return $data;
    })
    ->translatable(self::TRANSLATION . 'fields')
    ->keyValue(
        __('activitylog::activity-log.fields.key'),
        __('activitylog::activity-log.fields.value')
    )
    ->canSee(function (UI\Fields\Json $field) {
        return ! empty($field->toValue());
    }),   

I also tried Text with customView(), but not working...

//  DetailPage
Text::make('attributes')->customView('activitylog::fields.properties');

// ServiceProviders
$this->loadViewsFrom(__DIR__ . '/../../resources/views', 'activitylog');

// resources/views/fields/properties.blade.php
<h1> Hello </h1>

did not lad the view blade.

[lee-to]

Take a look at this package and component https://github.com/moonshine-software/changelog/blob/2.x/src/Components/ChangeLog.php