Skip to content

Upgraded Livewire to v4 #18494

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
marcusmoore wants to merge 14 commits into
base: develop
Choose a base branch
from
Open

Upgraded Livewire to v4 #18494

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
c2ac530
Update to v4
marcusmoore Jan 27, 2026
4c72796
Migrate config
marcusmoore Jan 27, 2026
8a9ddba
Use traditional component naming
marcusmoore Jan 27, 2026
a86b738
Update route
marcusmoore Jan 27, 2026
a70f1cc
Migrate request hook
marcusmoore Jan 27, 2026
f7040e3
Remove console.log
marcusmoore Jan 27, 2026
f5928fc
Fix tags in importer
marcusmoore Jan 27, 2026
62f9ce9
Fix js
marcusmoore Jan 27, 2026
b4eb603
Switch blur to change
marcusmoore Jan 27, 2026
6ba99e8
Bump livewire to v4.1.0
marcusmoore Jan 27, 2026
8829ea9
Update category edit form
marcusmoore Jan 28, 2026
1aee867
Fix updating bug in oauth clients
marcusmoore Jan 28, 2026
7c54429
Bump Livewire to v4.1.2
marcusmoore Feb 3, 2026
7ada7fb
Merge branch 'develop' into livewire4
marcusmoore Feb 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/Livewire/OauthClients.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ public function updateClient(Client $editClientId): void
]);

$client = app(ClientRepository::class)->find($editClientId->id);
if ($client->created_by == auth()->id()) {
if ($client->user_id == auth()->id()) {
$client->name = $this->editName;
$client->redirect = $this->editRedirect;
$client->save();
Expand Down
2 changes: 1 addition & 1 deletion composer.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
"laravelcollective/html": "6.x-dev",
"league/csv": "^9.7",
"league/flysystem-aws-s3-v3": "^3.0",
"livewire/livewire": "^3.5",
"livewire/livewire": "^4.0",
"neitanod/forceutf8": "^2.0",
"nesbot/carbon": "^3.0",
"nunomaduro/collision": "^8.1",
Expand Down
14 changes: 7 additions & 7 deletions composer.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

152 changes: 128 additions & 24 deletions config/livewire.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,41 +4,46 @@

/*
|---------------------------------------------------------------------------
| Class Namespace
| Component Locations
|---------------------------------------------------------------------------
|
| This value sets the root class namespace for Livewire component classes in
| your application. This value will change where component auto-discovery
| finds components. It's also referenced by the file creation commands.
| This value sets the root directories that'll be used to resolve view-based
| components like single and multi-file components. The make command will
| use the first directory in this array to add new component files to.
|
*/

'class_namespace' => 'App\\Livewire',
'component_locations' => [
resource_path('views/livewire'),
],

/*
|---------------------------------------------------------------------------
| View Path
| Component Namespaces
|---------------------------------------------------------------------------
|
| This value is used to specify where Livewire component Blade templates are
| stored when running file creation commands like `artisan make:livewire`.
| It is also used if you choose to omit a component's render() method.
| This value sets default namespaces that will be used to resolve view-based
| components like single-file and multi-file components. These folders'll
| also be referenced when creating new components via the make command.
|
*/

'view_path' => resource_path('views/livewire'),
'component_namespaces' => [
'layouts' => resource_path('views/layouts'),
'pages' => resource_path('views/pages'),
],

/*
|---------------------------------------------------------------------------
| Layout
| Page Layout
|---------------------------------------------------------------------------
| The view that will be used as the layout when rendering a single component
| as an entire page via `Route::get('/post/create', CreatePost::class);`.
| In this case, the view returned by CreatePost will render into $slot.
| The view that will be used as the layout when rendering a single component as
| an entire page via `Route::livewire('/post/create', 'pages::create-post')`.
| In this case, the content of pages::create-post will render into $slot.
|
*/

'layout' => 'components.layouts.app',
'component_layout' => 'layouts::app',

/*
|---------------------------------------------------------------------------
Expand All @@ -50,7 +55,66 @@
|
*/

'lazy_placeholder' => null,
'component_placeholder' => null, // Example: 'placeholders::skeleton'

/*
|---------------------------------------------------------------------------
| Make Command
|---------------------------------------------------------------------------
| This value determines the default configuration for the artisan make command
| You can configure the component type (sfc, mfc, class) and whether to use
| the high-voltage (⚡) emoji as a prefix in the sfc|mfc component names.
|
*/

'make_command' => [
'type' => 'class', // Options: 'sfc', 'mfc', 'class'
'emoji' => false, // Options: true, false
'with' => [
'js' => false,
'css' => false,
'test' => false,
],
],

/*
|---------------------------------------------------------------------------
| Class Namespace
|---------------------------------------------------------------------------
|
| This value sets the root class namespace for Livewire component classes in
| your application. This value will change where component auto-discovery
| finds components. It's also referenced by the file creation commands.
|
*/

'class_namespace' => 'App\\Livewire',

/*
|---------------------------------------------------------------------------
| Class Path
|---------------------------------------------------------------------------
|
| This value is used to specify the path where Livewire component class files
| are created when running creation commands like `artisan make:livewire`.
| This path is customizable to match your projects directory structure.
|
*/

'class_path' => app_path('Livewire'),

/*
|---------------------------------------------------------------------------
| View Path
|---------------------------------------------------------------------------
|
| This value is used to specify where Livewire component Blade templates are
| stored when running file creation commands like `artisan make:livewire`.
| It is also used if you choose to omit a component's render() method.
|
*/

'view_path' => resource_path('views/livewire'),

/*
|---------------------------------------------------------------------------
Expand Down Expand Up @@ -145,6 +209,19 @@

'inject_morph_markers' => true,

/*
|---------------------------------------------------------------------------
| Smart Wire Keys
|---------------------------------------------------------------------------
|
| Livewire uses loops and keys used within loops to generate smart keys that
| are applied to nested components that don't have them. This makes using
| nested components more reliable by ensuring that they all have keys.
|
*/

'smart_wire_keys' => true,

/*
|---------------------------------------------------------------------------
| Pagination Theme
Expand All @@ -160,18 +237,45 @@

/*
|---------------------------------------------------------------------------
| URL Prefix
| Release Token
|---------------------------------------------------------------------------
|
| By default, Livewire sends network requests to {app.com}/livewire/update
| while javascript assets are served via {app.com}/livewire/livewire.js
| If you need to adjust the prefix of those urls you can do it below.
| This token is stored client-side and sent along with each request to check
| a users session to see if a new release has invalidated it. If there is
| a mismatch it will throw an error and prompt for a browser refresh.
|
*/

'release_token' => 'a',

/*
|---------------------------------------------------------------------------
| CSP Safe
|---------------------------------------------------------------------------
|
| Defining a prefix will result in the following url
| {app.com}/{prefix}/livewire/{update|livewire.js}
| Note: do not include the leading or trailing /
| This config is used to determine if Livewire will use the CSP-safe version
| of Alpine in its bundle. This is useful for applications that are using
| strict Content Security Policy (CSP) to protect against XSS attacks.
|
*/

'url_prefix' => env('LIVEWIRE_URL_PREFIX', null),
'csp_safe' => false,

/*
|---------------------------------------------------------------------------
| Payload Guards
|---------------------------------------------------------------------------
|
| These settings protect against malicious or oversized payloads that could
| cause denial of service. The default values should feel reasonable for
| most web applications. Each can be set to null to disable the limit.
|
*/

'payload' => [
'max_size' => 1024 * 1024, // 1MB - maximum request payload size in bytes
'max_nesting_depth' => 10, // Maximum depth of dot-notation property paths
'max_calls' => 50, // Maximum method calls per request
'max_components' => 20, // Maximum components per batch request
],
];
Loading
Loading