├── .gitignore
├── LICENSE.md
├── README.md
├── composer.json
├── screenshots
    ├── dashboard.png
    ├── login.png
    ├── pagination-simple.png
    ├── pagination.png
    ├── register.png
    ├── reset-password-email.png
    ├── reset-password.png
    └── verify.png
├── src
    ├── LaravelPresetServiceProvider.php
    └── Preset.php
└── stubs
    ├── controllers
        └── HomeController.stub
    ├── resources
        ├── css
        │   └── app.css
        └── views
        │   ├── auth
        │       ├── login.blade.php
        │       ├── passwords
        │       │   ├── confirm.blade.php
        │       │   ├── email.blade.php
        │       │   └── reset.blade.php
        │       ├── register.blade.php
        │       └── verify.blade.php
        │   ├── home.blade.php
        │   ├── layouts
        │       └── app.blade.php
        │   └── vendor
        │       └── pagination
        │           ├── default.blade.php
        │           └── simple-default.blade.php
    ├── tailwind.config.js
    └── webpack.mix.js


/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea
2 | /vendor
3 | composer.lock
4 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) Tailwindcomponents
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Laravel preset for TailwindCSS
 2 | 
 3 | [![License](https://poser.pugx.org/tailwindcomponents/laravel-preset/license)](//packagist.org/packages/tailwindcomponents/laravel-preset)
 4 | [![Latest Stable Version](https://poser.pugx.org/tailwindcomponents/laravel-preset/v)](//packagist.org/packages/tailwindcomponents/laravel-preset)
 5 | [![Total Downloads](https://poser.pugx.org/tailwindcomponents/laravel-preset/downloads)](//packagist.org/packages/tailwindcomponents/laravel-preset)
 6 | [![Monthly Downloads](https://poser.pugx.org/tailwindcomponents/laravel-preset/d/monthly)](//packagist.org/packages/tailwindcomponents/laravel-preset)
 7 | <a href="https://twitter.com/TwComponents">
 8 |     <img src="https://img.shields.io/twitter/url?label=Tailwindcomponents&style=social&url=https%3A%2F%2Ftwitter.com%2FTwComponents">
 9 | </a>
10 | 
11 | 🛹 A Laravel front-end scaffolding preset for [Tailwind CSS](https://tailwindcss.com) - a Utility-First CSS Framework for Rapid UI Development.
12 | 
13 | ## Installation and usage
14 | This package requires Laravel 7.0 or higher.
15 | 
16 | 1. Fresh install Laravel and `cd` to your app.
17 | 2. Install `composer require tailwindcomponents/laravel-preset --dev`.
18 | 
19 | ### a. Preset WITHOUT Authentication
20 | 
21 | 1. Use `php artisan ui tailwindcss` for the basic Tailwind CSS preset.
22 | 2. `npm install && npm run dev`
23 | 3. `php artisan serve` (or equivalent) to run server and test preset.
24 | 
25 | ### b. Preset WITH Authentication
26 | 
27 | 1. Use `php artisan ui tailwindcss --auth` for the basic preset, auth route entry, and Tailwind CSS auth views in one go. (NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in `routes/web.php`)
28 | 4. `npm install && npm run dev`
29 | 5. Configure your favorite database (mysql, sqlite etc.)
30 | 6. `php artisan migrate` to create basic user tables.
31 | 7. `php artisan serve` (or equivalent) to run server and test preset.
32 | 
33 | ### Config
34 | 
35 | The default `tailwind.config.js` configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run `node_modules/.bin/tailwind init`, which will generate a fresh configuration file for you, which you are free to change to suit your needs.
36 | 
37 | ## Screenshots
38 | 
39 | ![Dashboard](/screenshots/dashboard.png)
40 | 
41 | ![Login](/screenshots/login.png)
42 | 
43 | ![Register](/screenshots/register.png)
44 | 
45 | ![Reset Password](/screenshots/reset-password-email.png)
46 | 
47 | ![Reset Password](/screenshots/reset-password.png)
48 | 
49 | ![Verify](/screenshots/verify.png)
50 | 
51 | ![Pagination](/screenshots/pagination.png)
52 | 
53 | ![Pagination](/screenshots/pagination-simple.png)
54 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "tailwindcomponents/laravel-preset",
 3 |   "description": "Laravel frontend preset for Tailwind CSS",
 4 |   "keywords": ["laravel", "preset", "tailwindcss"],
 5 |   "license": "MIT",
 6 |   "require": {
 7 |     "laravel/framework": "^7.0|^8.0",
 8 |     "laravel/ui": "^2.0|^3.0"
 9 |   },
10 |   "autoload": {
11 |     "psr-4": {
12 |       "TailwindComponents\\LaravelPreset\\": "src/"
13 |     }
14 |   },
15 |   "extra": {
16 |     "laravel": {
17 |       "providers": [
18 |         "TailwindComponents\\LaravelPreset\\LaravelPresetServiceProvider"
19 |       ]
20 |     }
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/screenshots/dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/dashboard.png


--------------------------------------------------------------------------------
/screenshots/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/login.png


--------------------------------------------------------------------------------
/screenshots/pagination-simple.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/pagination-simple.png


--------------------------------------------------------------------------------
/screenshots/pagination.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/pagination.png


--------------------------------------------------------------------------------
/screenshots/register.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/register.png


--------------------------------------------------------------------------------
/screenshots/reset-password-email.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/reset-password-email.png


--------------------------------------------------------------------------------
/screenshots/reset-password.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/reset-password.png


--------------------------------------------------------------------------------
/screenshots/verify.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tailwindcomponents/laravel-preset/4e2aa8719e4f22e8a867cce046b924928fbbc830/screenshots/verify.png


--------------------------------------------------------------------------------
/src/LaravelPresetServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace TailwindComponents\LaravelPreset;
 4 | 
 5 | use Laravel\Ui\UiCommand;
 6 | use Illuminate\Pagination\Paginator;
 7 | use Illuminate\Support\ServiceProvider;
 8 | use TailwindComponents\LaravelPreset\Preset;
 9 | 
10 | class LaravelPresetServiceProvider extends ServiceProvider
11 | {
12 |     public function boot()
13 |     {
14 |         UiCommand::macro('tailwindcss', function ($command) {
15 |             Preset::install();
16 | 
17 |             $command->info('Tailwind CSS scaffolding installed successfully.');
18 | 
19 |             if ($command->option('auth')) {
20 |                 Preset::installAuth();
21 | 
22 |                 $command->info('Tailwind CSS auth scaffolding installed successfully.');
23 |             }
24 | 
25 |             $command->comment('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
26 |         });
27 | 
28 |         Paginator::defaultView('pagination::default');
29 |         Paginator::defaultView('pagination::simple-default');
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/src/Preset.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace TailwindComponents\LaravelPreset;
  4 | 
  5 | use Illuminate\Support\Str;
  6 | use Illuminate\Container\Container;
  7 | use Illuminate\Filesystem\Filesystem;
  8 | use Laravel\Ui\Presets\Preset as LaravelPreset;
  9 | use Symfony\Component\Finder\SplFileInfo;
 10 | 
 11 | class Preset extends LaravelPreset
 12 | {
 13 |     const NPM_PACKAGES_TO_ADD = [
 14 |         '@tailwindcss/forms' => '^0.2.1',
 15 |         'tailwindcss' => '^2.0.2',
 16 |         'autoprefixer' => '^10.2.1',
 17 |         'vue' => '^2.6.11',
 18 |         'vue-template-compiler' => '^2.6.11',
 19 |         'vue-loader'=> '^15.9.5',
 20 |     ];
 21 | 
 22 |     public static function install()
 23 |     {
 24 |         static::updatePackages();
 25 |         static::updateStyles();
 26 |         static::updateBootstrapping();
 27 |         static::removeNodeModules();
 28 |         static::updatePagination();
 29 |     }
 30 | 
 31 |     public static function installAuth()
 32 |     {
 33 |         static::scaffoldController();
 34 |         static::scaffoldMigrations();
 35 |         static::scaffoldAuth();
 36 |         static::scaffoldAuthViews();
 37 |     }
 38 | 
 39 |     protected static function updatePackageArray($packages)
 40 |     {
 41 |         return array_merge(
 42 |             static::NPM_PACKAGES_TO_ADD,
 43 |             $packages
 44 |         );
 45 |     }
 46 | 
 47 |     protected static function updateStyles()
 48 |     {
 49 |         tap(new Filesystem, function ($filesystem) {
 50 |             $filesystem->delete(public_path('css/app.css'));
 51 | 
 52 |             if (! $filesystem->isDirectory($directory = resource_path('css'))) {
 53 |                 $filesystem->makeDirectory($directory, 0755, true);
 54 |             }
 55 |         });
 56 | 
 57 |         copy(__DIR__.'/../stubs/resources/css/app.css', resource_path('css/app.css'));
 58 |     }
 59 | 
 60 |     protected static function updateBootstrapping()
 61 |     {
 62 |         copy(__DIR__.'/../stubs/tailwind.config.js', base_path('tailwind.config.js'));
 63 | 
 64 |         copy(__DIR__.'/../stubs/webpack.mix.js', base_path('webpack.mix.js'));
 65 |     }
 66 | 
 67 | 
 68 |     protected static function scaffoldController()
 69 |     {
 70 |         if (! is_dir($directory = app_path('Http/Controllers/Auth'))) {
 71 |             mkdir($directory, 0755, true);
 72 |         }
 73 | 
 74 |         $filesystem = new Filesystem;
 75 | 
 76 |         collect($filesystem->allFiles(base_path('vendor/laravel/ui/stubs/Auth')))
 77 |             ->each(function (SplFileInfo $file) use ($filesystem) {
 78 |                 $filesystem->copy(
 79 |                     $file->getPathname(),
 80 |                     app_path('Http/Controllers/Auth/'.Str::replaceLast('.stub', '.php', $file->getFilename()))
 81 |                 );
 82 |             });
 83 |     }
 84 | 
 85 |     protected static function scaffoldMigrations()
 86 |     {
 87 |         $filesystem = new Filesystem;
 88 | 
 89 |         collect($filesystem->allFiles(base_path('vendor/laravel/ui/stubs/migrations')))
 90 |             ->each(function (SplFileInfo $file) use ($filesystem) {
 91 |                 $filesystem->copy(
 92 |                     $file->getPathname(),
 93 |                     database_path('migrations/'.$file->getFilename())
 94 |                 );
 95 |             });
 96 |     }
 97 | 
 98 |     protected static function scaffoldAuth()
 99 |     {
100 |         file_put_contents(app_path('Http/Controllers/HomeController.php'), static::compileControllerStub());
101 | 
102 |         file_put_contents(
103 |             base_path('routes/web.php'),
104 |             "\n\nAuth::routes();\n\nRoute::get('/home', [\App\Http\Controllers\HomeController::class, 'index'])->name('home');\n\n",
105 |             FILE_APPEND
106 |         );
107 |     }
108 | 
109 |     protected static function compileControllerStub()
110 |     {
111 |         return str_replace(
112 |             '{{namespace}}',
113 |             Container::getInstance()->getNamespace(),
114 |             file_get_contents(__DIR__.'/../stubs/controllers/HomeController.stub')
115 |         );
116 |     }
117 | 
118 |     protected static function updatePagination()
119 |     {
120 |         (new Filesystem)->delete(resource_path('views/vendor/paginate'));
121 | 
122 |         (new Filesystem)->copyDirectory(__DIR__.'/../stubs/resources/views/vendor/pagination', resource_path('views/vendor/pagination'));
123 |     }
124 | 
125 |     protected static function scaffoldAuthViews()
126 |     {
127 |         (new Filesystem)->copyDirectory(__DIR__.'/../stubs/resources/views', resource_path('views'));
128 |     }
129 | }
130 | 


--------------------------------------------------------------------------------
/stubs/controllers/HomeController.stub:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace {{namespace}}Http\Controllers;
 4 | 
 5 | use Illuminate\Http\Request;
 6 | 
 7 | class HomeController extends Controller
 8 | {
 9 |     /**
10 |      * Create a new controller instance.
11 |      *
12 |      * @return void
13 |      */
14 |     public function __construct()
15 |     {
16 |         $this->middleware('auth');
17 |     }
18 | 
19 |     /**
20 |      * Show the application dashboard.
21 |      *
22 |      * @return \Illuminate\Contracts\Support\Renderable
23 |      */
24 |     public function index()
25 |     {
26 |         return view('home');
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/stubs/resources/css/app.css:
--------------------------------------------------------------------------------
1 | @import "tailwindcss/base";
2 | /* @import "./custom-base-styles.css"; */
3 | 
4 | @import "tailwindcss/components";
5 | /* @import "./custom-components.css"; */
6 | 
7 | @import "tailwindcss/utilities";
8 | /* @import "./custom-utilities.css"; */


--------------------------------------------------------------------------------
/stubs/resources/views/auth/login.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 max-w-sm w-full bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-xl text-center">{{ __('Login') }}</h3>
 7 | 
 8 |         <form class="mt-4" method="POST" action="{{ route('login') }}">
 9 |             @csrf
10 | 
11 |             <label class="block">
12 |                 <span class="text-gray-700 text-sm">{{ __('E-Mail Address') }}</span>
13 |                 <input type="email" id="email" name="email" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" value="{{ old('email') }}" required autocomplete="email" autofocus>
14 |             
15 |                 @error('email')
16 |                     <span class="text-sm text-red-500" role="alert">
17 |                         <strong>{{ $message }}</strong>
18 |                     </span>
19 |                 @enderror
20 |             </label>
21 | 
22 |             <label class="block mt-3">
23 |                 <span class="text-gray-700 text-sm">{{ __('Password') }}</span>
24 |                 <input id="password" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password" required autocomplete="current-password">
25 |             
26 |                 @error('password')
27 |                     <span class="text-sm text-red-500" role="alert">
28 |                         <strong>{{ $message }}</strong>
29 |                     </span>
30 |                 @enderror
31 |             </label>
32 | 
33 |             <div class="flex justify-between items-center mt-4">
34 |                 <div>
35 |                     <label class="inline-flex items-center">
36 |                         <input type="checkbox" class="rounded border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
37 |                         <span class="mx-2 text-gray-600 text-sm">{{ __('Remember Me') }}</span>
38 |                     </label>
39 |                 </div>
40 |                 
41 |                 <div>
42 |                     @if (Route::has('password.request'))
43 |                         <a class="block text-sm text-blue-700 hover:underline" href="{{ route('password.request') }}">
44 |                             {{ __('Forgot Your Password?') }}
45 |                         </a>
46 |                     @endif
47 |                 </div>
48 |             </div>
49 | 
50 |             <div class="mt-6">
51 |                 <button type="submit" class="w-full py-2 px-4 text-center bg-blue-600 rounded-md text-white text-sm hover:bg-blue-500 focus:outline-none">
52 |                     {{ __('Login') }}
53 |                 </button>
54 |             </div>
55 |         </form>
56 |     </div>
57 | </div>
58 | @endsection
59 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/passwords/confirm.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 max-w-sm w-full bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-xl text-center">{{ __('Confirm Password') }}</h3>
 7 | 
 8 |          <p class="text-gray-600 mt-3">{{ __('Please confirm your password before continuing.') }}</p>
 9 | 
10 |         <form class="mt-4" method="POST" action="{{ route('password.confirm') }}">
11 |             @csrf
12 | 
13 |             <label class="block mt-3">
14 |                 <span class="text-gray-700 text-sm">{{ __('Password') }}</span>
15 |                 <input id="password" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password" required autocomplete="current-password">
16 |             
17 |                 @error('password')
18 |                     <span class="text-sm text-red-500" role="alert">
19 |                         <strong>{{ $message }}</strong>
20 |                     </span>
21 |                 @enderror
22 |             </label>
23 | 
24 |             <div class="mt-6">
25 |                 <button type="submit" class="w-full py-2 px-4 text-center bg-blue-600 rounded-md text-white text-sm hover:bg-blue-500 focus:outline-none">
26 |                     {{ __('Confirm Password') }}
27 |                 </button>
28 |             </div>
29 |         </form>
30 |     </div>
31 | </div>
32 | @endsection
33 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/passwords/email.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 max-w-sm w-full bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-xl text-center">{{ __('Reset Password') }}</h3>
 7 | 
 8 |         @if (session('status'))
 9 |             <div class="w-full bg-blue-500 text-white" role="alert">
10 |                 <div class="container mx-auto py-4 px-6">
11 |                     <div class="flex">
12 |                         <svg viewBox="0 0 40 40" class="h-6 w-6 fill-current">
13 |                             <path d="M20 3.33331C10.8 3.33331 3.33337 10.8 3.33337 20C3.33337 29.2 10.8 36.6666 20 36.6666C29.2 36.6666 36.6667 29.2 36.6667 20C36.6667 10.8 29.2 3.33331 20 3.33331ZM21.6667 28.3333H18.3334V25H21.6667V28.3333ZM21.6667 21.6666H18.3334V11.6666H21.6667V21.6666Z"></path>
14 |                         </svg>
15 | 
16 |                         <p class="mx-3">{{ session('status') }}</p>
17 |                     </div>
18 |                 </div>
19 |             </div>
20 |         @endif
21 | 
22 |         <form class="mt-4" method="POST" action="{{ route('password.email') }}">
23 |             @csrf 
24 | 
25 |             <label class="block">
26 |                 <span class="text-gray-700 text-sm">{{ __('E-Mail Address') }}</span>
27 |                 <input id="email" type="email" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
28 |             </label>
29 | 
30 |             <div class="mt-6">
31 |                 <button type="submit" class="w-full py-2 px-4 text-center bg-blue-600 rounded-md text-white text-sm hover:bg-blue-500 focus:outline-none">
32 |                     {{ __('Send Password Reset Link') }}
33 |                 </button>
34 |             </div>
35 |         </form>
36 |     </div>
37 | </div>
38 | @endsection
39 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/passwords/reset.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 max-w-sm w-full bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-xl text-center">{{ __('Reset Password') }}</h3>
 7 | 
 8 |         <form class="mt-4" method="POST" action="{{ route('password.update') }}">
 9 |             @csrf
10 | 
11 |             <input type="hidden" name="token" value="{{ $token }}">
12 | 
13 |             <label class="block">
14 |                 <span class="text-gray-700 text-sm">{{ __('E-Mail Address') }}</span>
15 |                 <input id="email" type="email" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="email" value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
16 |                 
17 |                 @error('email')
18 |                     <span class="text-sm text-red-500" role="alert">
19 |                         <strong>{{ $message }}</strong>
20 |                     </span>
21 |                 @enderror
22 |             </label>
23 | 
24 |             <label class="block mt-3">
25 |                 <span class="text-gray-700 text-sm">{{ __('Password') }}</span>
26 |                 <input id="password" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password" required autocomplete="new-password">
27 |             
28 |                 @error('password')
29 |                     <span class="text-sm text-red-500" role="alert">
30 |                         <strong>{{ $message }}</strong>
31 |                     </span>
32 |                 @enderror
33 |             </label>
34 | 
35 |             <label class="block mt-3">
36 |                 <span class="text-gray-700 text-sm">{{ __('Confirm Password') }}</span>
37 |                 <input id="password-confirm" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password_confirmation" required autocomplete="new-password">
38 |             </label>
39 | 
40 |             <div class="mt-6">
41 |                 <button class="w-full py-2 px-4 text-center bg-blue-600 rounded-md text-white text-sm hover:bg-blue-500 focus:outline-none">
42 |                     {{ __('Reset Password') }}
43 |                 </button>
44 |             </div>
45 |         </form>
46 |     </div>
47 | </div>
48 | @endsection
49 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/register.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 max-w-sm w-full bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-xl text-center">{{ __('Register') }}</h3>
 7 | 
 8 |         <form class="mt-4" method="POST" action="{{ route('register') }}">
 9 |             @csrf
10 | 
11 |             <label class="block">
12 |                 <span class="text-gray-700 text-sm">{{ __('Name') }}</span>
13 |                 <input id="name" type="text" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
14 |                 
15 |                 @error('name')
16 |                     <span class="text-sm text-red-500" role="alert">
17 |                         <strong>{{ $message }}</strong>
18 |                     </span>
19 |                 @enderror
20 |             </label>
21 | 
22 |             <label class="block mt-3">
23 |                 <span class="text-gray-700 text-sm">{{ __('E-Mail Address') }}</span>
24 |                 <input id="email" type="email" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="email" value="{{ old('email') }}" required autocomplete="email">
25 |                 
26 |                 @error('email')
27 |                     <span class="text-sm text-red-500" role="alert">
28 |                         <strong>{{ $message }}</strong>
29 |                     </span>
30 |                 @enderror
31 |             </label>
32 | 
33 |             <label class="block mt-3">
34 |                 <span class="text-gray-700 text-sm">{{ __('Password') }}</span>
35 |                 <input id="password" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password" required autocomplete="new-password">
36 |                 
37 |                 @error('password')
38 |                     <span class="text-sm text-red-500" role="alert">
39 |                         <strong>{{ $message }}</strong>
40 |                     </span>
41 |                 @enderror
42 |             </label>
43 | 
44 |             <label class="block mt-3">
45 |                 <span class="text-gray-700 text-sm">{{ __('Confirm Password') }}</span>
46 |                 <input id="password-confirm" type="password" class="mt-1 w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" name="password_confirmation" required autocomplete="new-password">
47 |             </label>
48 | 
49 |             <div class="mt-6">
50 |                 <button type="submit" class="w-full py-2 px-4 text-center bg-blue-600 rounded-md text-white text-sm hover:bg-blue-500 focus:outline-none">
51 |                     {{ __('Register') }}
52 |                 </button>
53 |             </div>
54 |         </form>
55 |     </div>
56 | </div>
57 | @endsection
58 | 


--------------------------------------------------------------------------------
/stubs/resources/views/auth/verify.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 bg-white shadow rounded-md">
 6 |         <h3 class="text-gray-700 text-lg">{{ __('Verify Your Email Address') }}</h3>
 7 | 
 8 |         @if (session('resent'))
 9 |             <div class="w-full bg-blue-500 text-white" role="alert">
10 |                 <div class="container mx-auto py-4 px-6">
11 |                     <div class="flex">
12 |                         <svg viewBox="0 0 40 40" class="h-6 w-6 fill-current">
13 |                             <path d="M20 3.33331C10.8 3.33331 3.33337 10.8 3.33337 20C3.33337 29.2 10.8 36.6666 20 36.6666C29.2 36.6666 36.6667 29.2 36.6667 20C36.6667 10.8 29.2 3.33331 20 3.33331ZM21.6667 28.3333H18.3334V25H21.6667V28.3333ZM21.6667 21.6666H18.3334V11.6666H21.6667V21.6666Z"></path>
14 |                         </svg>
15 | 
16 |                         <p class="mx-3">{{ __('A fresh verification link has been sent to your email address.') }}</p>
17 |                     </div>
18 |                 </div>
19 |             </div>
20 |         @endif
21 |         
22 |         <p class="text-gray-600 mt-3">{{ __('Before proceeding, please check your email for a verification link.') }} {{ __('If you did not receive the email') }},</p>
23 | 
24 |         <form class="inline-block" method="POST" action="{{ route('verification.resend') }}">
25 |             @csrf
26 |             <button type="submit" class="text-blue-600 hover:underline mt-1 focus:outline-none">{{ __('click here to request another') }}</button>
27 |         </form>
28 |     </div>
29 | </div>
30 | @endsection
31 | 


--------------------------------------------------------------------------------
/stubs/resources/views/home.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | <div class="flex items-center justify-center mt-16 mx-6">
 5 |     <div class="p-6 bg-white shadow rounded-md max-w-xl w-full">
 6 |         <h3 class="text-gray-700 text-lg">{{ __('Dashboard') }}</h3>
 7 | 
 8 | 
 9 |         @if (session('status'))
10 |             <div class="w-full bg-green-500 text-white">
11 |                 <div class="container mx-auto py-4 px-6">
12 |                     <div class="flex">
13 |                         <svg viewBox="0 0 40 40" class="h-6 w-6 fill-current">
14 |                             <path d="M20 3.33331C10.8 3.33331 3.33337 10.8 3.33337 20C3.33337 29.2 10.8 36.6666 20 36.6666C29.2 36.6666 36.6667 29.2 36.6667 20C36.6667 10.8 29.2 3.33331 20 3.33331ZM16.6667 28.3333L8.33337 20L10.6834 17.65L16.6667 23.6166L29.3167 10.9666L31.6667 13.3333L16.6667 28.3333Z"></path>
15 |                         </svg>
16 | 
17 |                         <p class="mx-3">{{ session('status') }}</p>
18 |                     </div>
19 |                 </div>
20 |             </div>
21 |         @endif
22 |         
23 |         <p class="text-gray-600 mt-3">{{ __('You are logged in!') }}</p>
24 |     </div>
25 | </div>
26 | @endsection
27 | 


--------------------------------------------------------------------------------
/stubs/resources/views/layouts/app.blade.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 6 | 
 7 |     <!-- CSRF Token -->
 8 |     <meta name="csrf-token" content="{{ csrf_token() }}">
 9 | 
10 |     <title>{{ config('app.name', 'Laravel') }}</title>
11 |     
12 |     <!-- Styles -->
13 |     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
14 | 
15 |     <!-- Fonts -->
16 |     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet">
17 | 
18 |     <!-- Scripts -->
19 |     <script src="{{ asset('js/app.js') }}" defer></script>
20 |     <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
21 | </head>
22 | <body class="bg-gray-100 font-roboto">
23 |     <div id="app">
24 |         <nav x-data="{ dropdownOpen: false }" class="bg-white shadow-sm">
25 |             <div class="container flex justify-between items-center mx-auto px-6 py-4">
26 |                 <div>
27 |                     <a href="{{ url('/') }}" class="text-xl text-gray-800">{{ config('app.name', 'Laravel') }}</a>
28 |                 </div>
29 | 
30 |                 <div>
31 |                     @guest
32 |                         <a href="{{ route('login') }}" class="text-gray-700 font-light mx-4 hover:underline">{{ __('Login') }}</a>
33 |                         <a href="{{ route('register') }}" class="text-gray-700 font-light hover:underline">{{ __('Register') }}</a>
34 |                     @else
35 |                         <div  class="relative">
36 |                             <button @click="dropdownOpen = !dropdownOpen" class="relative z-10 block text-gray-700 font-light focus:outline-none">
37 |                                 {{ Auth::user()->name }}
38 |                             </button>
39 | 
40 |                             <div @click.away="dropdownOpen = false" x-show="dropdownOpen" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-xl z-20">
41 |                                 <a href="{{ route('logout') }}"  class="block px-4 py-2 text-sm text-gray-700 hover:bg-blue-500 hover:text-white" 
42 |                                     onclick="event.preventDefault();
43 |                                     document.getElementById('logout-form').submit();">
44 |                                     {{ __('Logout') }}
45 |                                 </a>
46 |                             </div>
47 |                         </div>
48 | 
49 |                         <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
50 |                             @csrf
51 |                         </form>
52 |                     @endguest
53 |                 </div>
54 |             </div>
55 |         </nav>
56 | 
57 |         <main>
58 |             @yield('content')
59 |         </main>
60 |     </div>
61 | </body>
62 | </html>
63 | 


--------------------------------------------------------------------------------
/stubs/resources/views/vendor/pagination/default.blade.php:
--------------------------------------------------------------------------------
 1 | @if ($paginator->hasPages())
 2 |     <nav>
 3 |         <div class="flex rounded">
 4 |             {{-- Previous Page Link --}}
 5 |             @if ($paginator->onFirstPage())
 6 |                 <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 ml-0 rounded-l" aria-disabled="true" aria-label="@lang('pagination.previous')">
 7 |                     <span aria-hidden="true">Previous</span>
 8 |                 </a>
 9 |             @else
10 |                 <a href="{{ $paginator->previousPageUrl() }}" class="fpy-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 hover:bg-blue-500 hover:text-white">
11 |                     <span rel="prev" aria-label="@lang('pagination.previous')">Previous</span>
12 |                 </a>
13 |             @endif
14 | 
15 |             {{-- Pagination Elements --}}
16 |             @foreach ($elements as $element)
17 |                 {{-- "Three Dots" Separator --}}
18 |                 @if (is_string($element))
19 |                     <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 hover:bg-blue-500 hover:text-white" aria-disabled="true"><span class="">{{ $element }}</span></a>
20 |                 @endif
21 | 
22 |                 {{-- Array Of Links --}}
23 |                 @if (is_array($element))
24 |                     @foreach ($element as $page => $url)
25 |                         @if ($page == $paginator->currentPage())
26 |                             <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0" aria-current="page"><span>{{ $page }}</span></a>
27 |                         @else
28 |                             <a href="{{ $url }}" class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 hover:bg-blue-500 hover:text-white"><span>{{ $page }}</span></a>
29 |                         @endif
30 |                     @endforeach
31 |                 @endif
32 |             @endforeach
33 | 
34 |             {{-- Next Page Link --}}
35 |             @if ($paginator->hasMorePages())
36 |                 <a href="{{ $paginator->nextPageUrl() }}" class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r hover:bg-blue-500 hover:text-white rounded-r">
37 |                     <span rel="next" aria-label="@lang('pagination.next')">Next</span>
38 |                 </a>
39 |             @else
40 |                 <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r" aria-disabled="true" aria-label="@lang('pagination.next')">
41 |                     <span aria-hidden="true">Next</span>
42 |                 </a>
43 |             @endif
44 |         </div>
45 |     </nav>
46 | @endif
47 | 


--------------------------------------------------------------------------------
/stubs/resources/views/vendor/pagination/simple-default.blade.php:
--------------------------------------------------------------------------------
 1 | @if ($paginator->hasPages())
 2 |     <nav>
 3 |         <div class="flex rounded">
 4 |             {{-- Previous Page Link --}}
 5 |             @if ($paginator->onFirstPage())
 6 |                 <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 ml-0 rounded-l" aria-disabled="true" aria-label="@lang('pagination.previous')">
 7 |                     <span aria-hidden="true">Previous</span>
 8 |                 </a>
 9 |             @else
10 |                 <a href="{{ $paginator->previousPageUrl() }}" class="fpy-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r-0 hover:bg-blue-500 hover:text-white">
11 |                     <span rel="prev" aria-label="@lang('pagination.previous')">Previous</span>
12 |                 </a>
13 |             @endif
14 | 
15 |             {{-- Next Page Link --}}
16 |             @if ($paginator->hasMorePages())
17 |                 <a href="{{ $paginator->nextPageUrl() }}" class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r hover:bg-blue-500 hover:text-white rounded-r">
18 |                     <span rel="next" aria-label="@lang('pagination.next')">Next</span>
19 |                 </a>
20 |             @else
21 |                 <a class="py-2 px-4 leading-tight bg-white border border-gray-200 text-blue-700 border-r" aria-disabled="true" aria-label="@lang('pagination.next')">
22 |                     <span aria-hidden="true">Next</span>
23 |                 </a>
24 |             @endif
25 |         </div>
26 |     </nav>
27 | @endif
28 | 


--------------------------------------------------------------------------------
/stubs/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   purge: [
 3 |     "app/**/*.php",
 4 |     "resources/**/*.html",
 5 |     "resources/**/*.js",
 6 |     "resources/**/*.jsx",
 7 |     "resources/**/*.ts",
 8 |     "resources/**/*.tsx",
 9 |     "resources/**/*.php",
10 |     "resources/**/*.vue",
11 |     "resources/**/*.twig"
12 |   ],
13 |   darkMode: false, // or 'media' or 'class'
14 |   theme: {
15 |     extend: {
16 |       fontFamily: {
17 |         "roboto": ["Roboto"],
18 |       },
19 |     }
20 |   },
21 |   variants: {
22 |     extend: {},
23 |   },
24 |   plugins: [
25 |     require("@tailwindcss/forms")
26 |   ]
27 | }
28 | 


--------------------------------------------------------------------------------
/stubs/webpack.mix.js:
--------------------------------------------------------------------------------
 1 | const mix = require('laravel-mix');
 2 | 
 3 | /*
 4 |  |--------------------------------------------------------------------------
 5 |  | Mix Asset Management
 6 |  |--------------------------------------------------------------------------
 7 |  |
 8 |  | Mix provides a clean, fluent API for defining some Webpack build steps
 9 |  | for your Laravel application. By default, we are compiling the Sass
10 |  | file for the application as well as bundling up all the JS files.
11 |  |
12 |  */
13 | 
14 | mix.js('resources/js/app.js', 'public/js');
15 | 
16 | mix.postCss('resources/css/app.css', 'public/css', [
17 |    require('tailwindcss'),
18 | ]).version();
19 | 
20 | 


--------------------------------------------------------------------------------