add jsonentry

Author: cklei-carly

resources/views/filament/infolists/components/json-entry.blade.php

@@ -0,0 +1,29 @@
+<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry" :id="$getId()">
+    <div {{ \Filament\Support\prepare_inherited_attributes($getExtraAttributeBag())
+        ->class(['code-editor-textarea relative overflow-hidden']) 
+        }}
+    >
+        <div class="code-editor-textarea-wrapper-ctn overflow-auto"
+            @theme-changed.window="(e) => toggleTheme(
+                e.detail === 'system' ? window.matchMedia('(prefers-color-scheme: dark)').matches : e.detail === 'dark'
+            )" 
+            x-data="codeEditorFormComponent({
+                state: @js($getState()),
+                isReadOnly: true,
+                isDarkMode: (Alpine.store('theme') || 'light') === 'system' ? window.matchMedia('(prefers-color-scheme: dark)').matches : (Alpine.store('theme') || 'light') === 'dark',
+            })"
+            x-load
+            x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('filament-code-editor', 'solution-forest/inspirecms') }}"
+            x-load-css="[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('filament-code-editor', package: 'solution-forest/inspirecms'))]"
+        >
+            <div wire:ignore 
+                x-ref="codeEditor"
+                @class([
+                    'code-editor-textarea-wrapper',
+                    'w-full overflow-hidden', 
+                ])
+            >
+            </div>
+        </div>
+    </div>
+</x-dynamic-component>

src/Filament/Infolists/Components/JsonEntry.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace SolutionForest\InspireCms\Filament\Infolists\Components;
+
+use Filament\Infolists\Components\Entry;
+
+class JsonEntry extends Entry
+{
+    protected string $view = 'inspirecms::filament.infolists.components.json-entry';
+
+    public function getState(): mixed
+    {
+        $state = parent::getState();
+
+        if (is_array($state) || is_object($state)) {
+            return json_encode($state, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES);
+        }
+
+        return $state;
+    }
+}    

src/Filament/Resources/ExportResource.php

@@ -118,43 +118,19 @@ public static function infolist(Infolist $infolist): Infolist
                             ->label(__('inspirecms::resources/export.exporter.label'))
                             ->inlineLabel(),
 
-                        Infolists\Components\TextEntry::make('process_message')
+                        \SolutionForest\InspireCms\Filament\Infolists\Components\JsonEntry::make('message')
                             ->label(__('inspirecms::resources/export.message.label'))
-                            ->columnSpanFull()
-                            ->size('xs')->color('gray')
-                            ->extraAttributes([
-                                'class' => 'bg-gray-100 dark:bg-gray-800 rounded-md p-2 overflow-x-auto',
-                            ])
                             ->getStateUsing(function ($record) {
                                 $payload = $record->payload;
                                 if (! is_array($payload)) {
                                     return '';
                                 }
-                                $arr = Arr::except($payload, ['result']);
 
-                                return str(json_encode($arr, JSON_PRETTY_PRINT))->wrap('<code>', '</code>')->wrap('<pre>', '</pre>')->toHtmlString();
+                                return Arr::except($payload, ['result']);
                             }),
 
-                        Infolists\Components\TextEntry::make('result')
-                            ->label(__('inspirecms::resources/export.result.label'))
-                            ->columnSpanFull()
-                            ->size('xs')->color('gray')
-                            ->extraAttributes([
-                                'class' => 'bg-gray-100 dark:bg-gray-800 rounded-md p-2 overflow-x-auto',
-                            ])
-                            ->html()
-                            ->getStateUsing(function ($record) {
-                                $payload = $record->payload;
-                                if (! is_array($payload)) {
-                                    return '';
-                                }
-                                $arr = $payload['result'] ?? [];
-                                if (! is_array($arr)) {
-                                    $arr = [$arr];
-                                }
-
-                                return str(json_encode($arr, JSON_PRETTY_PRINT))->wrap('<code>', '</code>')->wrap('<pre>', '</pre>')->toHtmlString();
-                            }),
+                        \SolutionForest\InspireCms\Filament\Infolists\Components\JsonEntry::make('payload.result')
+                            ->label(__('inspirecms::resources/export.result.label')),
                     ]),
             ]);
     }

src/Filament/Resources/ImportResource.php

@@ -116,21 +116,9 @@ public static function infolist(Infolist $infolist): Infolist
                     ))
                     ->copyable()->copyableState(fn ($record) => $record->author?->email),
 
-                Infolists\Components\TextEntry::make('payload')
-                    ->label(__('inspirecms::resources/import.payload.label'))
+                \SolutionForest\InspireCms\Filament\Infolists\Components\JsonEntry::make('payload')
                     ->columnSpanFull()
-                    ->size('xs')->color('gray')
-                    ->extraAttributes([
-                        'class' => 'bg-gray-100 dark:bg-gray-800 rounded-md p-2 overflow-x-auto',
-                    ])
-                    ->getStateUsing(function ($record) {
-                        $payload = $record->payload;
-                        if (! is_array($payload)) {
-                            return '';
-                        }
-
-                        return str(json_encode($payload, JSON_PRETTY_PRINT))->wrap('<code>', '</code>')->wrap('<pre>', '</pre>')->toHtmlString();
-                    }),
+                    ->label(__('inspirecms::resources/import.payload.label')),
             ]);
     }