Compare commits

...

2 commits

Author SHA1 Message Date
c7c621b086
post_max_filesize -> post_max_size
Some checks failed
Docker / build (push) Has been cancelled
2025-07-02 13:21:45 -04:00
b4d83e9a29
Update post context buttons, page nav, dockerfile 2025-07-02 13:13:10 -04:00
22 changed files with 125 additions and 49 deletions

View file

@ -7,6 +7,8 @@ use Livewire\Component;
class Icon extends Component class Icon extends Component
{ {
public string $name = 'paw-simple'; public string $name = 'paw-simple';
public string $label = '';
public string $style = '';
public string $attrs = ''; public string $attrs = '';
public string|null $slot = null; public string|null $slot = null;

View file

@ -3,10 +3,12 @@
namespace App\Livewire\Pages; namespace App\Livewire\Pages;
use App\Models\User; use App\Models\User;
use Livewire\Attributes\Title;
use Livewire\Component; use Livewire\Component;
class Users extends Component class Users extends Component
{ {
#[Title('Users')]
public function render() public function render()
{ {
return view('livewire.pages.users', [ 'users' => User::paginate(10) ]); return view('livewire.pages.users', [ 'users' => User::paginate(10) ]);

View file

@ -1,7 +1,8 @@
FROM dunglas/frankenphp FROM dunglas/frankenphp
# Copy php.ini # Copy php.ini
COPY ./deploy/php.ini $PHP_INI_DIR/php-app-config.ini # COPY ./deploy/php.ini $PHP_INI_DIR/php-app-config.ini
COPY --link ./deploy/php.ini $PHP_INI_DIR/conf.d/
RUN apt update -y && apt install -y --no-install-recommends git nodejs npm RUN apt update -y && apt install -y --no-install-recommends git nodejs npm
COPY --from=composer:lts /usr/bin/composer /usr/bin/composer COPY --from=composer:lts /usr/bin/composer /usr/bin/composer

View file

@ -1,5 +1,4 @@
[php]
upload_max_filesize = 100M upload_max_filesize = 100M
post_max_filesize = 128M post_max_size = 128M
memory_limit = 1G memory_limit = 1G
max_execution_time = 120 max_execution_time = 120

View file

@ -1,8 +1,9 @@
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css'); @import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/utilities.css'); @import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/utilities.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/awesome/typography.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/themes/tailspin.css'); @import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/themes/tailspin.css');
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/default.css'); @import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/elegant.css');
html, html,
body { body {
@ -12,11 +13,7 @@ body {
margin: 0; margin: 0;
} }
:where(:root), :root {
:host,
.wa-theme-nyaabooru {
--wa-icon-family: classic;
--wa-icon-variant: light;
--wa-border-radius-scale: 0.5; --wa-border-radius-scale: 0.5;
--wa-border-width-scale: 1; --wa-border-width-scale: 1;
--wa-space-scale: 0.75; --wa-space-scale: 0.75;

View file

@ -1,12 +1,16 @@
<!doctype html> <!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-theme-tailspin wa-palette-default wa-dark wa-brand-pink wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red"> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-theme-tailspin wa-palette-elegant wa-brand-pink wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red wa-dark">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
<script type="module" src="https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/webawesome.loader.js" data-fa-kit-code="ba9cf75857"></script> <script type="module" src="https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/webawesome.loader.js"></script>
<script type="module" data-fa-kit-code="ba9cf75857">
import { setDefaultIconFamily } from 'https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/webawesome.js';
setDefaultIconFamily('classic');
</script>
@livewireStyles @livewireStyles
<title>{{ $title ?? 'Untitled' }} ~ {{ config('app.name') }}</title> <title>{{ $title ?? 'Untitled' }} ~ {{ config('app.name') }}</title>
</head> </head>
@ -18,7 +22,9 @@
<nav slot="subheader"> <nav slot="subheader">
<div class="wa-cluster"> <div class="wa-cluster">
<wa-icon-button data-toggle-nav name="bars" label="Menu"></wa-icon-button> <wa-button data-toggle-nav appearance="plain" label="Menu">
<livewire:app.icon name="bars" />
</wa-button>
<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover> <a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
<livewire:app.icon name="paw-simple" /> <livewire:app.icon name="paw-simple" />
{{ config('app.name') }} {{ config('app.name') }}

View file

@ -1,5 +1,7 @@
<div class="wa-stack wa-gap-3xl"> <div class="wa-stack wa-gap-3xl">
<h1>{{ config('app.name') }}</h1> <wa-breadcrumb class="wa-heading-l">
<wa-breadcrumb-item>{{ config('app.name') }}</wa-breadcrumb-item>
</wa-breadcrumb>
<livewire:post-feature lazy /> <livewire:post-feature lazy />
</div> </div>

View file

@ -1,3 +1,11 @@
<span> <wa-icon
<wa-icon name="{{ $name }}" variant="light" fixed-width @isset($slot) slot="{{ $slot }}" @endisset $attrs></wa-icon> name="{{ $name }}"
</span> variant="light"
label="{{ $label }}"
fixed-width
@isset($slot)
slot="{{ $slot }}"
@endisset
style="{{ $style }}"
$attrs
></wa-icon>

View file

@ -15,9 +15,14 @@
Tags Tags
</a> </a>
<a href="{{ route('tags.groups') }}" class="wa-cluster" wire:navigate.hover>
<livewire:app.icon name="layer-group" />
Tag groups
</a>
<a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover> <a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover>
<livewire:app.icon name="users" /> <livewire:app.icon name="users" />
Users Profiles
</a> </a>
@endauth @endauth
</div> </div>

View file

@ -1,12 +1,11 @@
<div class="wa-split"> <div class="wa-split">
<div class="wa-cluster wa-align-items-center"> <div class="wa-cluster wa-align-items-center">
<wa-icon-button <wa-button
href="{{ route('home') }}" href="{{ route('home') }}"
name="paw-simple"
appearance="plain" appearance="plain"
style="font-size: 1.5rem;"
wire:navigate.hover> wire:navigate.hover>
</wa-icon-button> <livewire:app.icon name="paw-simple" label="Home" style="font-size: 1.5rem;" />
</wa-button>
@auth @auth
<wa-button appearance="plain" href="{{ route('posts.home') }}" wire:navigate.hover> <wa-button appearance="plain" href="{{ route('posts.home') }}" wire:navigate.hover>
@ -24,9 +23,14 @@
Tags Tags
</wa-button> </wa-button>
<wa-button appearance="plain" href="{{ route('tags.groups') }}" wire:navigate.hover>
<livewire:app.icon slot="start" name="layer-group" />
Tag groups
</wa-button>
<wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover> <wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover>
<livewire:app.icon slot="start" name="users" /> <livewire:app.icon slot="start" name="users" />
Users Profiles
</wa-button> </wa-button>
@endauth @endauth
</div> </div>

View file

@ -1,5 +1,5 @@
<article class="wa-stack"> <article class="wa-stack nyaabooru-pfp">
<a class="wa-frame wa-border-radius-l" style="max-inline-size: 15rem;" href="{{ url("/profiles/$user->id") }}" wire:navigate.hover> <a class="wa-frame wa-border-radius-l" style="inline-size: 15rem;" href="{{ url("/profiles/$user->id") }}" wire:navigate.hover>
@if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id")) @if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
<img src="{{ $user->getAvatarBase64() }}"/> <img src="{{ $user->getAvatarBase64() }}"/>
@else @else

View file

@ -3,7 +3,11 @@
<div class="wa-flank wa-align-items-center"> <div class="wa-flank wa-align-items-center">
<livewire:app.pfp :$user size="5rem" shape="rounded" /> <livewire:app.pfp :$user size="5rem" shape="rounded" />
<div class="wa-stack wa-gap-2xs"> <div class="wa-stack wa-gap-2xs">
<h1>{{ $user->name }}</h1> <wa-breadcrumb class="wa-heading-l">
<wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<wa-breadcrumb-item href="{{ route('users') }}" wire:navigate.hover>profiles</wa-breadcrumb-item>
<wa-breadcrumb-item>{{ $user->name }}</wa-breadcrumb-item>
</wa-breadcrumb>
<span class="wa-caption-l">Member since <wa-format-date value="{{ $user->created_at }}"></wa-format-date></span> <span class="wa-caption-l">Member since <wa-format-date value="{{ $user->created_at }}"></wa-format-date></span>
</div> </div>
</div> </div>

View file

@ -1,5 +1,8 @@
<div class="wa-stack wa-gap-3xl"> <div class="wa-stack wa-gap-3xl">
<h1>Upload</h1> <wa-breadcrumb class="wa-heading-l">
<wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<wa-breadcrumb-item>upload</wa-breadcrumb-item>
</wa-breadcrumb>
<form wire:submit="createPost" class="wa-stack wa-gap-xl"> <form wire:submit="createPost" class="wa-stack wa-gap-xl">
<wa-card class="wa-stack"> <wa-card class="wa-stack">

View file

@ -1,5 +1,8 @@
<div class="wa-stack wa-gap-3xl"> <div class="wa-stack wa-gap-3xl">
<h1>Users</h1> <wa-breadcrumb class="wa-heading-l">
<wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<wa-breadcrumb-item>profiles</wa-breadcrumb-item>
</wa-breadcrumb>
<div class="wa-cluster wa-gap-3xl"> <div class="wa-cluster wa-gap-3xl">
@foreach ($users as $user) @foreach ($users as $user)

View file

@ -2,5 +2,27 @@
<a href="{{ url("posts/$post->id") }}" class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}" wire:navigate.hover> <a href="{{ url("posts/$post->id") }}" class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}" wire:navigate.hover>
<img src="{{ $post->getPreviewUrl() }}" /> <img src="{{ $post->getPreviewUrl() }}" />
</a> </a>
<span class="wa-caption-m">-{{ $post->user->name }}, <wa-format-date></wa-format-date></span> <div class="wa-cluster wa-gap-xl wa-caption-m">
<span class="wa-cluster wa-gap-xs">
<livewire:app.icon name="user" />
<a href="{{ url("profiles/{$post->user->id}") }}" wire:navigate.hover>{{ $post->user->name }}</a>
</span>
<div class="wa-cluster wa-gap-xs">
<livewire:app.icon name="calendar" />
<wa-format-date
month="numeric"
day="numeric"
year="numeric"
hour="numeric"
minute="numeric"
date="{{ $post->created_at }}">
</wa-format-date>
</div>
<div class="wa-cluster wa-gap-xs">
<livewire:app.icon name="hashtag" />
<a href="{{ url("posts/$post->id") }}" wire:navigate.hover>{{ $post->id }}</a>
</div>
</div>
</div> </div>

View file

@ -1,3 +1,3 @@
<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}"> <div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}">
<img src="{{ $post->getFullUrl() }}" /> <img src="{{ $post->getFullUrl() }}" style="height: 95vh;" />
</div> </div>

View file

@ -1,5 +1,8 @@
<div class="wa-stack wa-gap-3xl"> <div class="wa-stack wa-gap-3xl">
<h1>Posts</h1> <wa-breadcrumb class="wa-heading-l">
<wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<wa-breadcrumb-item>posts</wa-breadcrumb-item>
</wa-breadcrumb>
<div class="wa-cluster wa-gap-s"> <div class="wa-cluster wa-gap-s">
@foreach ($posts as $post) @foreach ($posts as $post)
<livewire:posts.thumbnail :$post lazy /> <livewire:posts.thumbnail :$post lazy />

View file

@ -1,4 +1,4 @@
<div style="max-inline-size: 256px;"> <div style="inline-size: 256px;">
<a <a
id="post_{{ $post->id }}" id="post_{{ $post->id }}"
href="{{ url("posts/$post->id") }}" href="{{ url("posts/$post->id") }}"

View file

@ -6,20 +6,34 @@
{{-- Post navigation --}} {{-- Post navigation --}}
<div class="wa-cluster"> <div class="wa-cluster">
@if ($prev = $post->getPreviousPost()) @if ($prev = $post->getPreviousPost())
<wa-icon-button href="{{ url("posts/$prev->id") }}" name="arrow-left" style="color: var(--wa-color-text-link);" wire:navigate.hover></wa-icon-button> <wa-button appearance="plain" href="{{ url("posts/$prev->id") }}" label="Previous" style="color: var(--wa-color-text-link);" wire:navigate.hover>
<livewire:app.icon name="arrow-left" />
</wa-button>
@else @else
<wa-icon-button name="arrow-left" disabled></wa-icon-button> <wa-button appearance="plain" label="Previous" disabled>
<livewire:app.icon name="arrow-left" />
</wa-button>
@endif @endif
@if ($next = $post->getNextPost()) @if ($next = $post->getNextPost())
<wa-icon-button href="{{ url("posts/$next->id") }}" name="arrow-right" style="color: var(--wa-color-text-link);" wire:navigate.hover></wa-icon-button> <wa-button appearance="plain" href="{{ url("posts/$next->id") }}" label="Next" style="color: var(--wa-color-text-link);" wire:navigate.hover>
<livewire:app.icon name="arrow-right" />
</wa-button>
@else @else
<wa-icon-button name="arrow-right" disabled></wa-icon-button> <wa-button appearance="plain" label="Next" disabled>
<livewire:app.icon name="arrow-right" />
</wa-button>
@endif @endif
<wa-icon-button href="{{ url("posts/$post->id/edit") }}" name="file-pen" style="color: var(--wa-color-text-link);" wire:navigate.hover></wa-icon-button> <wa-button appearance="plain" href="{{ url("posts/$post->id/edit") }}" label="Edit" style="color: var(--wa-color-text-link);" wire:navigate.hover>
<wa-icon-button href="{{ url("posts/$post->id/download") }}" name="download" style="color: var(--wa-color-text-link);"></wa-icon-button> <livewire:app.icon name="file-pen" />
<wa-icon-button name="arrow-up-right-and-arrow-down-left-from-center" wire:click="$js.showFullImage" style="color: var(--wa-color-text-link);"></wa-icon-button> </wa-button>
<wa-button appearance="plain" href="{{ url("posts/$post->id/download") }}" label="Download" style="color: var(--wa-color-text-link);">
<livewire:app.icon name="download" />
</wa-button>
<wa-button appearance="plain" wire:click="$js.showFullImage" label="Expand" style="color: var(--wa-color-text-link);">
<livewire:app.icon name="arrow-up-right-and-arrow-down-left-from-center" />
</wa-button>
</div> </div>
<wa-divider></wa-divider> <wa-divider></wa-divider>
@ -99,7 +113,8 @@
@endforeach @endforeach
{{-- Full image dialog --}} {{-- Full image dialog --}}
<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 120vh;" wire:ignore> @php [$imgw, $imgh] = $post->getDimensions(); @endphp
<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: calc(95vh * ({{ $imgw }} / {{ $imgh }}));" wire:ignore>
<livewire:posts.full-image :$post lazy /> <livewire:posts.full-image :$post lazy />
</wa-dialog> </wa-dialog>

View file

@ -1,8 +1,8 @@
<div class="wa-stack"> <div class="wa-stack">
<h1 class="wa-cluster wa-gap-3xl" style="--wa-link-decoration-default: none; --wa-color-text-link: var(--wa-color-text-quiet)"> <wa-breadcrumb class="wa-heading-l">
<a href="{{ route('tags.home') }}" wire:navigate.hover>Tags</a> <wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<span>Tag groups</span> <wa-breadcrumb-item>tag groups</wa-breadcrumb-item>
</h1> </wa-breadcrumb>
<div class="wa-flank:end wa-align-items-start"> <div class="wa-flank:end wa-align-items-start">

View file

@ -1,10 +1,10 @@
@php use App\Models\Tag; @endphp @php use App\Models\Tag; @endphp
<div class="wa-stack"> <div class="wa-stack">
<h1 class="wa-cluster wa-gap-3xl" style="--wa-link-decoration-default: none; --wa-color-text-link: var(--wa-color-text-quiet)"> <wa-breadcrumb class="wa-heading-l">
<span>Tags</span> <wa-breadcrumb-item href="{{ route('home') }}" wire:navigate.hover>{{ config('app.name') }}</wa-breadcrumb-item>
<a href="{{ route('tags.groups') }}" wire:navigate.hover>Tag groups</a> <wa-breadcrumb-item>tags</wa-breadcrumb-item>
</h1> </wa-breadcrumb>
<div class="wa-flank:end wa-align-items-start"> <div class="wa-flank:end wa-align-items-start">
<table class="wa-table"> <table class="wa-table">
@ -19,7 +19,7 @@
<tbody> <tbody>
{{-- Untagged posts --}} {{-- Untagged posts --}}
<tr> <tr>
<td class="wa-caption-m">-- Untagged --</td> <td>Untagged</td>
<td></td> <td></td>
<td><wa-format-number value="{{ $untaggedPosts->count() }}"></wa-format-number> {{ Str::plural('post', $untaggedPosts->count()) }}</td> <td><wa-format-number value="{{ $untaggedPosts->count() }}"></wa-format-number> {{ Str::plural('post', $untaggedPosts->count()) }}</td>
<td></td> <td></td>

View file

@ -20,8 +20,8 @@ Route::get('/', AppHome::class)->name('home');
// Authenticated routes // Authenticated routes
Route::middleware('auth')->group(function () { Route::middleware('auth')->group(function () {
Route::get('/upload', UploadPage::class)->name('upload'); Route::get('/upload', UploadPage::class)->name('upload');
Route::get('/profiles', UsersPage::class)->name('users');
Route::get('/profiles/{user}', ProfilePage::class); Route::get('/profiles/{user}', ProfilePage::class);
Route::get('/users', UsersPage::class)->name('users');
Route::get('/phpinfo', function () { return phpinfo(); }); Route::get('/phpinfo', function () { return phpinfo(); });
}); });