{"id":15016920,"url":"https://github.com/bastinald/laravel-livewire-loader","last_synced_at":"2025-04-12T10:42:29.823Z","repository":{"id":62492200,"uuid":"382057119","full_name":"bastinald/laravel-livewire-loader","owner":"bastinald","description":"Laravel Livewire global loading spinner.","archived":false,"fork":false,"pushed_at":"2022-08-02T21:56:02.000Z","size":12,"stargazers_count":25,"open_issues_count":0,"forks_count":7,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-21T21:48:03.530Z","etag":null,"topics":["javascript","js","laravel","laravel-livewire","livewire","loader"],"latest_commit_sha":null,"homepage":"","language":"Blade","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bastinald.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-01T14:18:15.000Z","updated_at":"2025-02-05T16:20:41.000Z","dependencies_parsed_at":"2022-11-02T11:16:57.381Z","dependency_job_id":null,"html_url":"https://github.com/bastinald/laravel-livewire-loader","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bastinald%2Flaravel-livewire-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bastinald%2Flaravel-livewire-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bastinald%2Flaravel-livewire-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bastinald%2Flaravel-livewire-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bastinald","download_url":"https://codeload.github.com/bastinald/laravel-livewire-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248557279,"owners_count":21124157,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","js","laravel","laravel-livewire","livewire","loader"],"created_at":"2024-09-24T19:49:34.130Z","updated_at":"2025-04-12T10:42:29.791Z","avatar_url":"https://github.com/bastinald.png","language":"Blade","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Laravel Livewire Loader\n\nThis package adds a global loading spinner to your Laravel Livewire project. The loading spinner shows when any Livewire action is being executed. This keeps users engaged as they won't become frustrated by page hanging due to network latency. It also keeps your code much cleaner, as you won't be having to add loading spinners all over the place.\n\n## Documentation\n\n- [Requirements](#requirements)\n- [Installation](#installation)\n- [Publishing Assets](#publishing-assets)\n    - [Custom Config](#custom-config)\n    - [Custom View](#custom-view)\n\n## Requirements\n\n- Bootstrap 5 must be installed via webpack first\n\n## Installation\n\nRequire the package:\n\n```console\ncomposer require bastinald/laravel-livewire-loader\n```\n\nAdd the `livewire:loader` component to your app layout view:\n\n```html\n\u003clivewire:loader/\u003e\n\u003clivewire:scripts/\u003e\n\u003cscript src=\"{{ asset('js/app.js') }}\"\u003e\u003c/script\u003e\n```\n\nRequire `../../vendor/bastinald/laravel-livewire-loader/resources/js/loader` in your app javascript file:\n\n```javascript\nrequire('@popperjs/core');\nrequire('bootstrap');\nrequire('../../vendor/bastinald/laravel-livewire-loader/resources/js/loader');\n```\n\n## Publishing Assets\n\n### Custom Config\n\nCustomize the loader configuration by publishing the config file:\n\n```console\nphp artisan vendor:publish --tag=laravel-livewire-loader:config\n```\n\nNow you can easily change things like the show delay and animation speed.\n\n### Custom View\n\nUse your own loader view by publishing the view file:\n\n```console\nphp artisan vendor:publish --tag=laravel-livewire-loader:views\n```\n\nNow edit the view file inside `resources/views/vendor/laravel-livewire-loader`. The package will use this view to render the component.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbastinald%2Flaravel-livewire-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbastinald%2Flaravel-livewire-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbastinald%2Flaravel-livewire-loader/lists"}