Malin
3248cbb029
Adds a new 'S3-Compatible Storage' provider that works with any
S3-API-compatible object storage service, including MinIO, Ceph,
Cloudflare R2, Backblaze B2, and others.
Changes:
- New provider class: classes/providers/storage/s3-compatible-provider.php
- Provider key: s3compatible
- Reads user-configured endpoint URL from settings
- Uses path-style URL access (required by most S3-compatible services)
- Supports credentials via AS3CF_S3COMPAT_ACCESS_KEY_ID /
AS3CF_S3COMPAT_SECRET_ACCESS_KEY wp-config.php constants
- Disables AWS-specific features (Block Public Access, Object Ownership)
- New provider SVG icons (s3compatible.svg, -link.svg, -round.svg)
- Registered provider in main plugin class with endpoint setting support
- Updated StorageProviderSubPage to show endpoint URL input for S3-compatible
- Built pro settings bundle with rollup (Svelte 4.2.19)
- Added package.json and updated rollup.config.mjs for pro-only builds
77 lines
2.1 KiB
Svelte
77 lines
2.1 KiB
Svelte
<script>
|
|
import {getContext, hasContext} from "svelte";
|
|
import {writable} from "svelte/store";
|
|
import {push} from "svelte-spa-router";
|
|
import {
|
|
region_name,
|
|
settings,
|
|
storage_provider,
|
|
strings,
|
|
urls
|
|
} from "../js/stores";
|
|
import PanelRow from "./PanelRow.svelte";
|
|
import Button from "./Button.svelte";
|
|
|
|
// Parent page may want to be locked.
|
|
let settingsLocked = writable( false );
|
|
|
|
if ( hasContext( "settingsLocked" ) ) {
|
|
settingsLocked = getContext( "settingsLocked" );
|
|
}
|
|
</script>
|
|
|
|
<PanelRow header gradient class="storage {$storage_provider.provider_key_name}">
|
|
<img src="{$storage_provider.icon}" alt={$storage_provider.provider_service_name}/>
|
|
<div class="provider-details">
|
|
<h3>{$storage_provider.provider_service_name}</h3>
|
|
<p class="console-details">
|
|
<a href={$urls.storage_provider_console_url} class="console" target="_blank" title={$strings.view_provider_console}>{$settings.bucket}</a>
|
|
<span class="region" title={$settings.region}>{$region_name}</span>
|
|
</p>
|
|
</div>
|
|
<Button outline on:click={() => push('/storage/provider')} title={$strings.edit_storage_provider} disabled={$settingsLocked}>{$strings.edit}</Button>
|
|
</PanelRow>
|
|
|
|
<style>
|
|
:global(#as3cf-settings.wpome div.panel.settings .header) img {
|
|
width: var(--as3cf-settings-ctrl-width);
|
|
height: var(--as3cf-settings-ctrl-width);
|
|
}
|
|
|
|
.provider-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: auto;
|
|
margin-left: var(--as3cf-settings-option-indent);
|
|
z-index: 1;
|
|
}
|
|
|
|
:global(#as3cf-settings.wpome div.panel) .provider-details h3 {
|
|
margin-left: 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
:global(#as3cf-settings.wpome div.panel) .console-details {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.console-details .console {
|
|
flex: 0 1 min-content;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
:global(#as3cf-settings.wpome div.panel) .console-details a[target="_blank"].console:after {
|
|
margin-right: 0;
|
|
}
|
|
|
|
:global(#as3cf-settings.wpome div.panel) .console-details .region {
|
|
flex: 1 0 auto;
|
|
color: var(--as3cf-color-gray-500);
|
|
margin: 0 0.5rem;
|
|
}
|
|
</style>
|