eaaf258f25
Large host files mounted via Docker volumes caused the storages page to become unusable — full file content was stored in the encrypted mediumText column and serialised into the Livewire payload, crashing the browser. - Add MAX_CONTENT_SIZE (5 MiB), BINARY_PLACEHOLDER, and TOO_LARGE_PLACEHOLDER constants to LocalFileVolume - Check remote file size via stat/wc before cat in loadStorageOnServer and saveStorageOnServer; store placeholder instead of content when limit exceeded - Expose is_too_large computed attribute (appended for Livewire serialisation) - Guard submit, instantSave, and syncData in FileStorage Livewire component - Truncate oversized content in Storage::refreshStorages to prevent payload bloat - Show distinct warning banner in file-storage blade; mark textarea readonly and hide Save/Convert buttons for too-large files - Add unit tests covering constants, computed flags, and toArray serialisation Fixes #4701
123 lines
8.3 KiB
PHP
123 lines
8.3 KiB
PHP
<div>
|
|
<div class="flex flex-col gap-4 p-4 bg-white border dark:bg-base dark:border-coolgray-300 border-neutral-200">
|
|
@if ($fileStorage->is_too_large)
|
|
<div class="w-full p-2 text-sm rounded bg-warning/10 text-warning">
|
|
File on server exceeds 5 MB and cannot be edited from the UI. Edit it directly on the server.
|
|
</div>
|
|
@elseif ($isReadOnly)
|
|
<div class="w-full p-2 text-sm rounded bg-warning/10 text-warning">
|
|
@if ($fileStorage->is_directory)
|
|
This directory is mounted as read-only and cannot be modified from the UI.
|
|
@else
|
|
This file is mounted as read-only and cannot be modified from the UI.
|
|
@endif
|
|
</div>
|
|
@endif
|
|
<div class="flex flex-col justify-center text-sm select-text">
|
|
<div class="flex gap-2 md:flex-row flex-col">
|
|
<x-forms.input label="Source Path" :value="$fileStorage->fs_path" readonly />
|
|
<x-forms.input label="Destination Path" :value="$fileStorage->mount_path" readonly />
|
|
</div>
|
|
</div>
|
|
@if ($resource instanceof \App\Models\Application)
|
|
@can('update', $resource)
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox instantSave canGate="update" :canResource="$resource" label="Add suffix for PR deployments"
|
|
id="isPreviewSuffixEnabled"
|
|
helper="When enabled, a -pr-N suffix is added to this volume's path for preview deployments (e.g. ./scripts becomes ./scripts-pr-1). Disable this for volumes that contain shared config or scripts from your repository."></x-forms.checkbox>
|
|
</div>
|
|
@endcan
|
|
@endif
|
|
<form wire:submit='submit' class="flex flex-col gap-2">
|
|
@if (!$isReadOnly)
|
|
@can('update', $resource)
|
|
<div class="flex gap-2">
|
|
@if ($fileStorage->is_directory)
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm Directory Conversion to File?"
|
|
buttonTitle="Convert to file" submitAction="convertToFile" :actions="[
|
|
'All files in this directory will be permanently deleted and an empty file will be created in its place.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" :confirmWithPassword="false" step2ButtonText="Convert to file" />
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm Directory Deletion?" buttonTitle="Delete"
|
|
isErrorButton submitAction="delete" :checkboxes="$directoryDeletionCheckboxes" :actions="[
|
|
'The selected directory and all its contents will be permanently deleted from the container.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" />
|
|
@else
|
|
@if (!$fileStorage->is_binary && !$fileStorage->is_too_large)
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm File Conversion to Directory?"
|
|
buttonTitle="Convert to directory" submitAction="convertToDirectory" :actions="[
|
|
'The selected file will be permanently deleted and an empty directory will be created in its place.',
|
|
]"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" :confirmWithPassword="false"
|
|
step2ButtonText="Convert to directory" />
|
|
@endif
|
|
<x-forms.button type="button" wire:click="loadStorageOnServer">Load from
|
|
server</x-forms.button>
|
|
<x-modal-confirmation :ignoreWire="false" title="Confirm File Deletion?" buttonTitle="Delete"
|
|
isErrorButton submitAction="delete" :checkboxes="$fileDeletionCheckboxes" :actions="['The selected file will be permanently deleted from the container.']"
|
|
confirmationText="{{ $fs_path }}"
|
|
confirmationLabel="Please confirm the execution of the actions by entering the Filepath below"
|
|
shortConfirmationLabel="Filepath" />
|
|
@endif
|
|
</div>
|
|
@endcan
|
|
@if (!$fileStorage->is_directory)
|
|
@can('update', $resource)
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox instantSave label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content"
|
|
readonly="{{ $fileStorage->is_based_on_git || $fileStorage->is_binary || $fileStorage->is_too_large }}"></x-forms.textarea>
|
|
@if (!$fileStorage->is_based_on_git && !$fileStorage->is_binary && !$fileStorage->is_too_large)
|
|
<x-forms.button class="w-full" type="submit">Save</x-forms.button>
|
|
@endif
|
|
@else
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox disabled label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content" disabled></x-forms.textarea>
|
|
@endcan
|
|
@endif
|
|
@else
|
|
{{-- Read-only view --}}
|
|
@if (!$fileStorage->is_directory)
|
|
@can('view', $resource)
|
|
<div class="flex gap-2">
|
|
<x-forms.button type="button" wire:click="loadStorageOnServer">Load from
|
|
server</x-forms.button>
|
|
</div>
|
|
@endcan
|
|
@if (data_get($resource, 'settings.is_preserve_repository_enabled'))
|
|
<div class="w-full sm:w-96">
|
|
<x-forms.checkbox disabled label="Is this based on the Git repository?"
|
|
id="isBasedOnGit"></x-forms.checkbox>
|
|
</div>
|
|
@endif
|
|
<x-forms.textarea
|
|
label="{{ $fileStorage->is_based_on_git ? 'Content (refreshed after a successful deployment)' : 'Content' }}"
|
|
helper="The content shown may be outdated. Click 'Load from server' to fetch the latest version."
|
|
rows="20" id="content" disabled></x-forms.textarea>
|
|
@endif
|
|
@endif
|
|
</form>
|
|
</div>
|
|
</div>
|