Components and Themes wip

Author: adrolli

app/Providers/Filament/AdminPanelProvider.php

@@ -64,8 +64,10 @@ public function panel(Panel $panel): Panel
             // ->authGuard('admin')
             ->brandLogo(asset('img/logo.png'))
             ->brandLogoHeight('1.6rem')
+            ->font('Exo 2')
+            ->favicon(asset('img/moox-icon.png'))
             ->colors([
-                'primary' => Color::Indigo,
+                'primary' => Color::Violet,
                 'secondary' => Color::Neutral,
             ])
             ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')

app/Providers/Filament/DevopsPanelProvider.php

@@ -51,9 +51,11 @@ public function panel(Panel $panel): Panel
             ->login(Login::class)
             ->brandLogo(asset('img/logo.png'))
             ->brandLogoHeight('1.6rem')
+            ->font('Exo 2')
+            ->favicon(asset('img/moox-icon.png'))
             ->colors([
-                'primary' => Color::Indigo,
-                'secondary' => Color::Neutral,
+                'primary' => Color::Violet,
+                'secondary' => Color::Indigo,
             ])
             ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
             ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')

app/Providers/Filament/PressPanelProvider.php

@@ -30,9 +30,13 @@ public function panel(Panel $panel): Panel
             ->authGuard('press')
             ->passwordReset(RequestPasswordReset::class, ResetPassword::class)
             ->login(Login::class)
-            ->authPasswordBroker('wpusers')
+            ->brandLogo(asset('img/logo.png'))
+            ->brandLogoHeight('1.6rem')
+            ->font('Exo 2')
+            ->favicon(asset('img/moox-icon.png'))
             ->colors([
-                'primary' => Color::Amber,
+                'primary' => Color::Violet,
+                'secondary' => Color::Indigo,
             ])
             ->discoverResources(in: app_path('Filament/Press/Resources'), for: 'App\\Filament\\Press\\Resources')
             ->discoverPages(in: app_path('Filament/Press/Pages'), for: 'App\\Filament\\Press\\Pages')
@@ -109,7 +113,7 @@ public function panel(Panel $panel): Panel
                 \Moox\Training\TrainingDatePlugin::make(),
                 \Moox\Training\TrainingTypePlugin::make(),
 
-                // Musste kurz raus, sorry ;-)
+                // Wiki plugins
                 \Moox\PressWiki\WpWikiPlugin::make(),
                 \Moox\PressWiki\WpWikiTopicPlugin::make(),
                 \Moox\PressWiki\WpWikiLetterTopicPlugin::make(),

composer.json

@@ -27,6 +27,7 @@
         "moox/backup-server": "*",
         "moox/build": "*",
         "moox/category": "*",
+        "moox/components": "*",
         "moox/devops": "*",
         "moox/draft": "*",
         "moox/expiry": "*",

config/press.php

@@ -1007,7 +1007,7 @@
     |
     */
 
-    'press_navigation_sort' => 2000,
+    'press_navigation_sort' => 200,
     'system_navigation_sort' => 7000,
     'meta_navigation_sort' => 8000,
     'user_navigation_sort' => 6015,

docs/Frontend/IDEA.md

@@ -4,11 +4,30 @@ Moox Frontend is a modular system designed to provide a frontend for existing Mo
 
 ## Tooling
 
--   Laravel 11 - [https://laravel.com/docs/11.x](https://laravel.com/docs/11.x)
--   Alpine JS - [https://alpinejs.dev/](https://alpinejs.dev/)
--   Alpine Ajax - [https://alpine-ajax.js.org/](https://alpine-ajax.js.org/)
--   TailwindCSS 4 - [https://tailwindcss.com/](https://tailwindcss.com/)
--   PenguinUI - [https://www.penguinui.com/](https://www.penguinui.com/) - as inspiration
+-   [Laravel 11](https://laravel.com/docs/11.x)
+-   [Alpine JS](https://alpinejs.dev/)
+-   [Alpine Ajax](https://alpine-ajax.js.org/)
+-   [TailwindCSS 4](https://tailwindcss.com/)
+
+## Inspiration for components
+
+-   [Blade UI Kit](https://blade-ui-kit.com/)
+-   [PenguinUI](https://www.penguinui.com/)
+-   [Pines UI](https://www.pinesui.com/)
+-   [Tailwind Plus](https://tailwindui.com/)
+-   [Pines UI](https://devdojo.com/pines)
+-   [Tailkit](https://tailkit.com/)
+-   [Flowbite](https://flowbite.com/)
+-   [Shadcn UI](https://ui.shadcn.com/)
+-   [MUI](https://mui.com/)
+-   [AlpineJS Components](https://alpinejs.dev/components)
+-   [Alpine Toolbox](https://www.alpinetoolbox.com/)
+-   [Daisy UI](https://daisyui.com/)
+
+## Inspiration for themes
+
+-   [Envato Elements](https://elements.envato.com/web-templates/tailwind+css)
+-   [Cruip](https://cruip.com/)
 
 ## Moox Components
 

docs/Media/IDEA.md

@@ -14,3 +14,89 @@ See also
 -   https://github.com/tomatophp/filament-media-manager
 -   https://youtu.be/iehQZSqlduY?si=rikjuhJPzyrZBJRr&t=233 - image editor
 -   https://github.com/livewire-filemanager/filemanager - file manager, not media
+
+## Write protected media
+
+1. Model-Level Protection
+
+```php
+use Spatie\MediaLibrary\MediaCollections\Models\Media;
+
+class CustomMedia extends Media
+{
+    protected $casts = [
+        'write_protected' => 'boolean',
+    ];
+
+    public static function boot()
+    {
+        parent::boot();
+
+        static::saving(function ($media) {
+            if ($media->write_protected) {
+                throw new \Exception("This media item is write-protected.");
+            }
+        });
+
+        static::deleting(function ($media) {
+            if ($media->write_protected) {
+                throw new \Exception("Cannot delete write-protected media.");
+            }
+        });
+    }
+}
+```
+
+This ensures that even if an API call or backend modification bypasses Filament, the database enforces write protection.
+
+2. Filament Protection via Policies
+
+```php
+use App\Models\CustomMedia;
+
+class MediaPolicy
+{
+    public function update(User $user, CustomMedia $media)
+    {
+        return !$media->write_protected;
+    }
+
+    public function delete(User $user, CustomMedia $media)
+    {
+        return !$media->write_protected;
+    }
+}
+```
+
+3 .Register it in AuthServiceProvider:
+
+```php
+protected $policies = [
+    CustomMedia::class => MediaPolicy::class,
+];
+```
+
+4. Hide Actions for Protected Media
+
+```php
+public static function table(Table $table): Table
+{
+    return $table
+        ->actions([
+            EditAction::make()->visible(fn ($record) => !$record->write_protected),
+            DeleteAction::make()->visible(fn ($record) => !$record->write_protected),
+        ]);
+}
+```
+
+5. API-Sourced Media Protection
+
+If media items are synced from an external API, ensure write_protected = true on API-imported media:
+
+```php
+$media = CustomMedia::create([
+    'name' => $apiData['name'],
+    'path' => $apiData['path'],
+    'write_protected' => true, // API-defined content
+]);
+```

docs/Website/IDEA.md

@@ -91,7 +91,9 @@ A temporary list of packages to fill in the docs (75 packages):
 68. [Website](https://moox.org/docs/website) - [READ-ONLY] Just things we need for moox.org
 69. [Wishlist](https://moox.org/docs/wishlist) - [READ-ONLY] Wishlist for Laravel and Filament
 
-## Footer Links
+## Links
+
+-   https://moox.heco.si/ - Dev stage
 
 -   https://moox.org - Website
 -   https://github.com/mooxphp - GitHub

docs/_devlog/Alf.md

@@ -2,14 +2,19 @@
 
 ## Team
 
--   [x] https://moox.heco.si/ - deployed version
+-   [ ] https://moox.test/components
+    -   [ ] Auto-rendering of all components
+    -   [ ] Theme switcher
+    -   [ ] Where do I get the contents?
+    -   [ ] Playground link, see Pines UI
 -   [ ] Write protected fields, images
 -   [ ] Hierarchy (Collection?)
 -   [ ] Media localization
 -   [ ] Media uploaded by user
--   [ ] static-locales:280 - GET https://moox.test/storage/%7B%221%22:%7B%22file_name%22:%22Alf-Hamburg-Profil-High.jpg%22,%22title%22:%22Alf-Hamburg-Profil-High%22,%22description%22:null,%22internal_note%22:null,%22alt%22:%22Alf-Hamburg-Profil-High%22%7D%7D 404 (Not Found)
+-   [ ] storage/app/livewire-tmp/... check if empty
+-   [ ] but has nothing to do with the 404 media issue
 -   [ ] Restore and Expiry are not phpstan'ed
--   [ ] Theoretically Laravel 12, but [Translatable](https://github.com/Astrotomic/laravel-translatable) and [Backup-Server](https://github.com/spatie/laravel-backup-server) are not ready
+-   [ ] Theoretically Laravel 12, but [Translatable](https://github.com/adrolli/laravel-translatable), [Eloquent-Mutators](https://github.com/adrolli/eloquent-mutators) and [Backup-Server](https://github.com/spatie/laravel-backup-server) are not ready
 
 ## Todo
 
@@ -123,8 +128,8 @@
     -   [ ] moox:scaffold - change fields of an entity by a config or JSON
     -   [ ] moox:release or UI - auto release, see notes
         -   [ ] We need to see if we use moox.json, DB or both.
-    -   [ ] Website: add https://creativecommons.org/licenses/by-sa/4.0/ for our graphics, assets, docs, website and themes.
     -   [ ] Cache Clear, see [this](https://github.com/cms-multi/filament-clear-cache) or Full (paoc), Frontend (views), Static Cache (html)
+    -   [ ] Dashboards, Restore is in platform
 
 ## Relations
 

packages/backup-server/composer.json

@@ -17,7 +17,8 @@
         }
     ],
     "require": {
-        "moox/core": "*"
+        "moox/core": "*",
+        "adrolli/laravel-backup-server": "*"
     },
     "autoload": {
         "psr-4": {