wip

composer.json

@@ -24,6 +24,7 @@
         "illuminate/view": "^10.0|^11.0",
         "laravel/scout": "^10.0|^11.0",
         "livewire/livewire": "^3.4",
+        "spatie/laravel-html": "^3.10",
         "spatie/laravel-package-tools": "^1.16.3",
         "spatie/php-structure-discoverer": "^2.1"
     },

resources/views/forms/form.blade.php

@@ -0,0 +1,17 @@
+<form {{ $attributes
+    ->cssClass([
+        'layer' => 'grid grid-flow-row auto-rows-min gap-3',
+        'actions' => 'flex flex-nowrap items-center gap-x-3 overflow-x-auto'
+    ])
+    ->classMerge([
+        'layer',
+    ])
+}}>
+    {{ $slot }}
+
+    @if ($actions)
+        <div {{ $attributes->classFor('actions') }}>
+            {{ $actions }}
+        </div>
+    @endif
+</form>

resources/views/layout/container.blade.php

@@ -0,0 +1,7 @@
+{{ html()
+    ->div($slot)
+    ->class([
+        'container',
+        'w-full max-w-4xl xl:max-w-5xl' => ! $fluid,
+    ])
+}}

src/Forms/Components/Input.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace Foxws\WireUse\Navigation\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+use Spatie\Html\Html;
+
+class Input extends Component
+{
+    public function __construct(
+        public ?Html $prepend = null,
+        public ?Html $append = null,
+        public ?Html $label = null,
+        public ?Html $hint = null,
+    ) {
+    }
+
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::forms.input');
+    }
+}

src/Layout/Components/Container.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Foxws\WireUse\Layout\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+
+class Container extends Component
+{
+    public function __construct(
+        public bool $fluid = false,
+    ) {
+    }
+
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::layout.container');
+    }
+}

src/Layout/Components/Join.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Foxws\WireUse\Layout\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+
+class Join extends Component
+{
+    public function __construct(
+        public bool $fluid = false,
+    ) {
+    }
+
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::layout.join');
+    }
+}

src/Support/Html/Elements/Attributes/Livewire.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace Foxws\WireUse\Support\Elements\Attributes;
+
+use Illuminate\Support\Stringable;
+
+trait Livewire
+{
+    public function wireKey(string $value): static
+    {
+        return $this->attribute('wire:key', $value);
+    }
+
+    public function wireIgnore(bool $self = false): static
+    {
+        return $self
+            ? $this->attribute('wire:ignore.self')
+            : $this->attribute('wire:ignore');
+    }
+
+    public function wireModel(string $key, ?string $modifiers = null): static
+    {
+        $directive = str('wire:model')
+            ->when($modifiers, fn (Stringable $str) => $str->append(".{$modifiers}"))
+            ->squish();
+
+        return $this->attribute($directive->value(), $key);
+    }
+}

src/Support/Html/Elements/Form.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace Foxws\WireUse\Support\Html\Elements;
+
+use Spatie\Html\Elements\Form as FormElement;
+
+class Form extends FormElement
+{
+    public function wireSubmit(?string $action = null): static
+    {
+        $this->attributeIfNotNull($action, 'wire:submit', $action);
+
+        return $this;
+    }
+}

src/Support/Html/HtmlExtended.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace Foxws\WireUse\Support\Html;
+
+use Foxws\WireUse\Support\Html\Elements\Form as FormElement;
+use Livewire\Form;
+use Spatie\Html\Html;
+
+class HtmlExtended extends Html
+{
+    protected ?Form $form = null;
+
+    public function wireForm(Form $value, ?string $action = null): FormElement
+    {
+        $this->form = $value;
+
+        $form = FormElement::create();
+
+        return $form
+            ->wireSubmit($action);
+    }
+}

src/Support/Html/Mixins/BaseElementMixin.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace Foxws\WireUse\Support\Html\Mixins;
+
+use Illuminate\Support\Stringable;
+use Spatie\Html\BaseElement;
+
+class BaseElementMixin
+{
+    public function wireKey()
+    {
+        return function (string $value) {
+            /** @var BaseElement $this */
+
+            return $this->attribute('wire:key', $value);
+        };
+    }
+
+    public function wireIgnore()
+    {
+        return function (bool $self = false) {
+            /** @var BaseElement $this */
+
+            return $self
+                ? $this->attribute('wire:ignore.self')
+                : $this->attribute('wire:ignore');
+        };
+    }
+
+    public function wireModel()
+    {
+        return function (string $key, ?string $modifiers = null) {
+            /** @var BaseElement $this */
+
+            $directive = str('wire:model')
+                ->when($modifiers, fn (Stringable $str) => $str->append(".{$modifiers}"))
+                ->squish();
+
+            return $this->attribute($directive->value(), $key);
+        };
+    }
+}

src/WireUse.php

@@ -37,6 +37,7 @@ public static function registerComponents(
         collect($scout)
             ->each(function (DiscoveredStructure $class) use ($namespace, $prefix) {
                 $name = static::componentName($class, $namespace, $prefix);
+                logger($name);
 
                 Blade::component($class->getFcqn(), $name->value());
             });

src/WireUseServiceProvider.php

@@ -3,8 +3,12 @@
 namespace Foxws\WireUse;
 
 use Foxws\WireUse\Support\Blade\Bladeable;
+use Foxws\WireUse\Support\Html\Mixins\BaseElementMixin;
+use Foxws\WireUse\Support\Html\HtmlExtended;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\View\ComponentAttributeBag;
+use Spatie\Html\BaseElement;
+use Spatie\Html\Html;
 use Spatie\LaravelPackageTools\Commands\InstallCommand;
 use Spatie\LaravelPackageTools\Package;
 use Spatie\LaravelPackageTools\PackageServiceProvider;
@@ -35,7 +39,8 @@ public function bootingPackage(): void
             ->registerBladeMacros()
             ->registerAnonymousComponent()
             ->registerComponents()
-            ->registerLivewire();
+            ->registerLivewire()
+            ->registerHtml();
     }
 
     protected function registerFeatures(): static
@@ -165,4 +170,13 @@ protected function registerLivewire(): static
 
         return $this;
     }
+
+    protected function registerHtml(): static
+    {
+        $this->app->singleton(Html::class, HtmlExtended::class);
+
+        BaseElement::mixin(new BaseElementMixin);
+
+        return $this;
+    }
 }