├── .gitignore
├── README.md
├── composer.json
└── src
    ├── Bootstrap4Preset.php
    ├── Bootstrap4PresetServiceProvider.php
    └── bootstrap4-stubs
        ├── Controllers
            └── HomeController.php
        ├── _custom.scss
        ├── app.scss
        ├── bootstrap.js
        ├── views
            ├── auth
            │   ├── login.blade.php
            │   ├── passwords
            │   │   ├── email.blade.php
            │   │   └── reset.blade.php
            │   └── register.blade.php
            ├── home.blade.php
            ├── layouts
            │   └── app.blade.php
            └── welcome.blade.php
        └── webpack.mix.js


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


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Laravel 5.5.x Front-end Preset For Bootstrap 4
 2 | 
 3 | Preset for Bootstrap 4 scaffolding on new Laravel 5.5.x project.
 4 | 
 5 | *Current version*: **Bootstrap 4 beta**
 6 | 
 7 | ## Usage
 8 | 1. Fresh install Laravel 5.5.x and `cd` to your app.
 9 | 2. Install this preset via `composer require laravel-frontend-presets/bootstrap-4`. Laravel 5.5.x will automatically discover this package. No need to register the service provider.
10 | 3. Use `php artisan preset bootstrap4` for basic Bootstrap 4 preset. **OR** Use `php artisan preset bootstrap4-auth` for basic preset, Auth route entry and Bootstrap 4 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`)
11 | 4. `npm install`
12 | 5. `npm run dev`
13 | 6. Configure your favorite database (mysql, sqlite etc.)
14 | 7. `php artisan migrate` to create basic user tables.
15 | 8. `php artisan serve` (or equivalent) to run server and test preset.
16 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "laravel-frontend-presets/bootstrap-4",
 3 |     "description": "Laravel 5.5.x Front-end preset for Bootstrap 4",
 4 |     "keywords": ["laravel", "preset", "bootstrap 4", "scaffolding"],
 5 |     "license": "MIT",
 6 |     "require": {
 7 |         "laravel/framework": "5.5.*"
 8 |     },
 9 |     "autoload": {
10 |         "psr-4": {
11 |             "LaravelFrontendPresets\\Bootstrap4Preset\\": "src/"
12 |         }
13 |     },
14 |     "extra": {
15 |       "laravel": {
16 |         "providers": [
17 |           "LaravelFrontendPresets\\Bootstrap4Preset\\Bootstrap4PresetServiceProvider"
18 |        ]
19 |       }
20 |     }
21 | 
22 | }
23 | 


--------------------------------------------------------------------------------
/src/Bootstrap4Preset.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | namespace LaravelFrontendPresets\Bootstrap4Preset;
  3 | 
  4 | use Artisan;
  5 | use Illuminate\Support\Arr;
  6 | use Illuminate\Filesystem\Filesystem;
  7 | use Illuminate\Foundation\Console\Presets\Preset;
  8 | 
  9 | class Bootstrap4Preset extends Preset
 10 | {
 11 |     /**
 12 |      * Install the preset.
 13 |      *
 14 |      * @return void
 15 |      */
 16 |     public static function install($withAuth = false)
 17 |     {
 18 |         static::updatePackages();
 19 |         static::updateSass();
 20 |         static::updateBootstrapping();
 21 |         static::updateMix();
 22 | 
 23 |         if($withAuth)
 24 |         {
 25 |             static::addAuthTemplates();
 26 |         }
 27 |         else
 28 |         {
 29 |             static::updateWelcomePage();
 30 |         }
 31 | 
 32 |         static::removeNodeModules();
 33 |     }
 34 | 
 35 |     /**
 36 |      * Update the given package array.
 37 |      *
 38 |      * @param  array  $packages
 39 |      * @return array
 40 |      */
 41 |     protected static function updatePackageArray(array $packages)
 42 |     {
 43 |         return [
 44 |             'bootstrap' => '^4.0.0-beta',
 45 |             'jquery' => '^3.2.1',
 46 |             'tether' => '^1.4.0',
 47 |             'popper.js' => '^1.12.4',
 48 |             'precss' => '^2.0.0',
 49 |         ] + Arr::except($packages, ['foundation-sites', 'bootstrap-sass', 'bulma', 'uikit']);
 50 |     }
 51 | 
 52 |     /**
 53 |      * Update the Sass files for the application.
 54 |      *
 55 |      * @return void
 56 |      */
 57 |     protected static function updateSass()
 58 |     {
 59 |         // clean up orphan files
 60 |         $orphan_sass_files = glob(resource_path('/assets/sass/*.*'));
 61 | 
 62 |         foreach($orphan_sass_files as $sass_file)
 63 |         {
 64 |             (new Filesystem)->delete($sass_file);
 65 |         }
 66 | 
 67 |         copy(__DIR__.'/bootstrap4-stubs/_custom.scss', resource_path('assets/sass/_custom.scss'));
 68 |         copy(__DIR__.'/bootstrap4-stubs/app.scss', resource_path('assets/sass/app.scss'));
 69 |     }
 70 | 
 71 |     /**
 72 |      * Update the bootstrapping files.
 73 |      *
 74 |      * @return void
 75 |      */
 76 |     protected static function updateBootstrapping()
 77 |     {
 78 |         (new Filesystem)->delete(
 79 |             resource_path('assets/js/bootstrap.js')
 80 |         );
 81 | 
 82 |         copy(__DIR__.'/bootstrap4-stubs/bootstrap.js', resource_path('assets/js/bootstrap.js'));
 83 |     }
 84 | 
 85 |     /**
 86 |      * Update the mix file.
 87 |      * 
 88 |      * @return void
 89 |      */
 90 |     protected static function updateMix()
 91 |     {
 92 |         (new Filesystem)->delete(
 93 |             base_path('webpack.mix.js')
 94 |         );
 95 | 
 96 |         copy(__DIR__.'/bootstrap4-stubs/webpack.mix.js', base_path('webpack.mix.js'));
 97 |     }
 98 | 
 99 |     /**
100 |      * Update the default welcome page file with Foundation buttons.
101 |      *
102 |      * @return void
103 |      */
104 |     protected static function updateWelcomePage()
105 |     {
106 |         // remove default welcome page
107 |         (new Filesystem)->delete(
108 |             resource_path('views/welcome.blade.php')
109 |         );
110 | 
111 |         // copy new one with Bootstrap buttons
112 |         copy(__DIR__.'/bootstrap4-stubs/views/welcome.blade.php', resource_path('views/welcome.blade.php'));
113 |     }
114 | 
115 |     /**
116 |      * Copy Bootstrap Auth view templates.
117 |      *
118 |      * @return void
119 |      */
120 |     protected static function addAuthTemplates()
121 |     {
122 |         // Add Home controller
123 |         copy(__DIR__.'/bootstrap4-stubs/Controllers/HomeController.php', app_path('Http/Controllers/HomeController.php'));
124 | 
125 |         // Add Auth route in 'routes/web.php'
126 |         $auth_route_entry = "Auth::routes();\n\nRoute::get('/home', 'HomeController@index')->name('home');\n\n";
127 |         file_put_contents('./routes/web.php', $auth_route_entry, FILE_APPEND);
128 | 
129 |         // Copy Bootstrap4 Auth view templates
130 |         (new Filesystem)->copyDirectory(__DIR__.'/bootstrap4-stubs/views', resource_path('views'));
131 |     }
132 | }
133 | 


--------------------------------------------------------------------------------
/src/Bootstrap4PresetServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace LaravelFrontendPresets\Bootstrap4Preset;
 3 | 
 4 | use Illuminate\Support\ServiceProvider;
 5 | use Illuminate\Foundation\Console\PresetCommand;
 6 | 
 7 | class Bootstrap4PresetServiceProvider extends ServiceProvider
 8 | {
 9 |     /**
10 |      * Bootstrap the application services.
11 |      *
12 |      * @return void
13 |      */
14 |     public function boot()
15 |     {
16 |         PresetCommand::macro('bootstrap4', function ($command) {
17 |             Bootstrap4Preset::install(false);
18 |             $command->info('Bootstrap 4 scaffolding installed successfully.');
19 |             $command->comment('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
20 |         });
21 | 
22 |         PresetCommand::macro('bootstrap4-auth', function ($command) {
23 |             Bootstrap4Preset::install(true);
24 |             $command->info('Bootstrap 4 scaffolding with Auth views installed successfully.');
25 |             $command->comment('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
26 |         });
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/Controllers/HomeController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\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\Http\Response
23 |      */
24 |     public function index()
25 |     {
26 |         return view('home');
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/_custom.scss:
--------------------------------------------------------------------------------
1 | // Custom
2 | //
3 | // Override the Bootstrap defaults without modifying key, versioned files.
4 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/app.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | // Fonts
 3 | @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
 4 | 
 5 | // Variables
 6 | @import "custom";
 7 | 
 8 | // Bootstrap
 9 | @import "node_modules/bootstrap/scss/bootstrap";
10 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/bootstrap.js:
--------------------------------------------------------------------------------
 1 | window._ = require('lodash');
 2 | import Popper from 'popper.js/dist/umd/popper.js';
 3 | 
 4 | /**
 5 |  * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 6 |  * for JavaScript based Bootstrap features such as modals and tabs. This
 7 |  * code may be modified to fit the specific needs of your application.
 8 |  */
 9 | 
10 | try {
11 |     window.$ = window.jQuery = require('jquery');
12 |     window.Tether = require('tether');
13 |     window.Popper = Popper;
14 |     require('bootstrap');
15 | } catch (e) {}
16 | 
17 | /**
18 |  * We'll load the axios HTTP library which allows us to easily issue requests
19 |  * to our Laravel back-end. This library automatically handles sending the
20 |  * CSRF token as a header based on the value of the "XSRF" token cookie.
21 |  */
22 | 
23 | window.axios = require('axios');
24 | 
25 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
26 | 
27 | /**
28 |  * Next we will register the CSRF Token as a common header with Axios so that
29 |  * all outgoing HTTP requests automatically have it attached. This is just
30 |  * a simple convenience so we don't have to attach every token manually.
31 |  */
32 | 
33 | let token = document.head.querySelector('meta[name="csrf-token"]');
34 | 
35 | if (token) {
36 |     window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
37 | } else {
38 |     console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
39 | }
40 | 
41 | /**
42 |  * Echo exposes an expressive API for subscribing to channels and listening
43 |  * for events that are broadcast by Laravel. Echo and event broadcasting
44 |  * allows your team to easily build robust real-time web applications.
45 |  */
46 | 
47 | // import Echo from 'laravel-echo'
48 | 
49 | // window.Pusher = require('pusher-js');
50 | 
51 | // window.Echo = new Echo({
52 | //     broadcaster: 'pusher',
53 | //     key: 'your-pusher-key'
54 | // });
55 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/auth/login.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | 
 5 |     <div class="container">
 6 |         <div class="row justify-content-md-center mt-5">
 7 |             <div class="col-md-8">
 8 |                 <div class="card">
 9 |                     <div class="card-body">
10 |                         <h4 class="card-title text-center">Login</h4>
11 |                         <form class="form-horizontal" role="form" method="POST" action="{{ url('/login') }}">
12 |                             {!! csrf_field() !!}
13 | 
14 |                             <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
15 |                                 <label class="col-md-4 control-label">E-Mail Address</label>
16 | 
17 |                                 <div class="col-md-12">
18 |                                     <input type="email" class="form-control" name="email"
19 |                                            value="{{ old('email') }}">
20 | 
21 |                                     @if ($errors->has('email'))
22 |                                         <span class="form-text text-muted">
23 |                                             {{ $errors->first('email') }}
24 |                                         </span>
25 |                                     @endif
26 |                                 </div>
27 |                             </div>
28 | 
29 |                             <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
30 |                                 <label class="col-md-4 control-label">Password</label>
31 | 
32 |                                 <div class="col-md-12">
33 |                                     <input type="password" class="form-control" name="password">
34 | 
35 |                                     @if ($errors->has('password'))
36 |                                         <span class="form-text text-muted">
37 |                                             {{ $errors->first('password') }}
38 |                                         </span>
39 |                                     @endif
40 |                                 </div>
41 |                             </div>
42 | 
43 |                             <div class="form-group">
44 |                                 <div class="col-md-12">
45 |                                     <div class="checkbox">
46 |                                         <label>
47 |                                             <input type="checkbox" name="remember"> Remember Me
48 |                                         </label>
49 |                                     </div>
50 |                                 </div>
51 |                             </div>
52 | 
53 |                             <div class="form-group">
54 |                                 <div class="col-md-12">
55 |                                     <button type="submit" class="btn btn-primary">
56 |                                         <i class="fa fa-btn fa-sign-in"></i>Login
57 |                                     </button>
58 | 
59 |                                     <a class="btn btn-link" href="{{ url('/password/reset') }}">Forgot Your
60 |                                         Password?</a>
61 |                                 </div>
62 |                             </div>
63 |                         </form>
64 |                     </div>
65 |                 </div>
66 |             </div>
67 |         </div>
68 |     </div>
69 | @endsection
70 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/auth/passwords/email.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | <!-- Main Content -->
 4 | @section('content')
 5 |     <div class="container">
 6 |         <div class="row justify-content-md-center mt-5">
 7 |             <div class="col-md-8">
 8 |                 <div class="card">
 9 |                     <div class="card-body">
10 |                         <h4 class="card-title text-center">Reset Password</h4>
11 |                         @if (session('status'))
12 |                             <div class="alert alert-success">
13 |                                 {{ session('status') }}
14 |                             </div>
15 |                         @endif
16 | 
17 |                         <form class="form-horizontal" role="form" method="POST" action="{{ url('/password/email') }}">
18 |                             {!! csrf_field() !!}
19 | 
20 |                             <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
21 |                                 <label class="col-md-4 control-label">E-Mail Address</label>
22 | 
23 |                                 <div class="col-md-12">
24 |                                     <input type="email" class="form-control" name="email" value="{{ old('email') }}">
25 | 
26 |                                     @if ($errors->has('email'))
27 |                                         <span class="form-text text-muted">
28 |                                         <strong>{{ $errors->first('email') }}</strong>
29 |                                     </span>
30 |                                     @endif
31 |                                 </div>
32 |                             </div>
33 | 
34 |                             <div class="form-group">
35 |                                 <div class="col-md-6 col-md-offset-4">
36 |                                     <button type="submit" class="btn btn-primary">
37 |                                         <i class="fa fa-btn fa-envelope"></i>Send Password Reset Link
38 |                                     </button>
39 |                                 </div>
40 |                             </div>
41 |                         </form>
42 |                     </div>
43 |                 </div>
44 |             </div>
45 |         </div>
46 | @endsection
47 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/auth/passwords/reset.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 |     <div class="container">
 5 |         <div class="row justify-content-md-center mt-5">
 6 |             <div class="col-md-8">
 7 |                 <div class="card">
 8 |                     <div class="card-body">
 9 |                         <h4 class="card-title text-center">Reset Password</h4>
10 | 
11 |                         <form class="form-horizontal" role="form" method="POST" action="{{ url('/password/reset') }}">
12 |                             {!! csrf_field() !!}
13 | 
14 |                             <input type="hidden" name="token" value="{{ $token }}">
15 | 
16 |                             <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
17 |                                 <label class="col-md-4 control-label">E-Mail Address</label>
18 | 
19 |                                 <div class="col-md-12">
20 |                                     <input type="email" class="form-control" name="email"
21 |                                            value="{{ $email or old('email') }}">
22 | 
23 |                                     @if ($errors->has('email'))
24 |                                         <span class="form-text text-muted">
25 |                                         <strong>{{ $errors->first('email') }}</strong>
26 |                                     </span>
27 |                                     @endif
28 |                                 </div>
29 |                             </div>
30 | 
31 |                             <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
32 |                                 <label class="col-md-4 control-label">Password</label>
33 | 
34 |                                 <div class="col-md-12">
35 |                                     <input type="password" class="form-control" name="password">
36 | 
37 |                                     @if ($errors->has('password'))
38 |                                         <span class="form-text text-muted">
39 |                                         <strong>{{ $errors->first('password') }}</strong>
40 |                                     </span>
41 |                                     @endif
42 |                                 </div>
43 |                             </div>
44 | 
45 |                             <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
46 |                                 <label class="col-md-4 control-label">Confirm Password</label>
47 |                                 <div class="col-md-12">
48 |                                     <input type="password" class="form-control" name="password_confirmation">
49 | 
50 |                                     @if ($errors->has('password_confirmation'))
51 |                                         <span class="form-text text-muted">
52 |                                         <strong>{{ $errors->first('password_confirmation') }}</strong>
53 |                                     </span>
54 |                                     @endif
55 |                                 </div>
56 |                             </div>
57 | 
58 |                             <div class="form-group">
59 |                                 <div class="col-md-6 col-md-offset-4">
60 |                                     <button type="submit" class="btn btn-primary">
61 |                                         <i class="fa fa-btn fa-refresh"></i>Reset Password
62 |                                     </button>
63 |                                 </div>
64 |                             </div>
65 |                         </form>
66 |                     </div>
67 |                 </div>
68 |             </div>
69 |         </div>
70 | @endsection
71 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/auth/register.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 |     <div class="container">
 5 |         <div class="row justify-content-md-center mt-5">
 6 |             <div class="col-md-8">
 7 |                 <div class="card">
 8 |                     <div class="card-body">
 9 |                         <h4 class="card-title text-center">Register</h4>
10 |                         <form class="form-horizontal" role="form" method="POST" action="{{ url('/register') }}">
11 |                             {!! csrf_field() !!}
12 | 
13 |                             <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
14 |                                 <label class="col-md-4 control-label">Name</label>
15 | 
16 |                                 <div class="col-md-12">
17 |                                     <input type="text" class="form-control" name="name" value="{{ old('name') }}">
18 | 
19 |                                     @if ($errors->has('name'))
20 |                                         <span class="form-text text-muted">
21 |                                             {{ $errors->first('name') }}
22 |                                         </span>
23 |                                     @endif
24 |                                 </div>
25 |                             </div>
26 | 
27 |                             <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
28 |                                 <label class="col-md-4 control-label">E-Mail Address</label>
29 | 
30 |                                 <div class="col-md-12">
31 |                                     <input type="email" class="form-control" name="email" value="{{ old('email') }}">
32 | 
33 |                                     @if ($errors->has('email'))
34 |                                         <span class="form-text text-muted">
35 |                                             {{ $errors->first('email') }}
36 |                                         </span>
37 |                                     @endif
38 |                                 </div>
39 |                             </div>
40 | 
41 |                             <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
42 |                                 <label class="col-md-4 control-label">Password</label>
43 | 
44 |                                 <div class="col-md-12">
45 |                                     <input type="password" class="form-control" name="password">
46 | 
47 |                                     @if ($errors->has('password'))
48 |                                         <span class="form-text text-muted">
49 |                                             {{ $errors->first('password') }}
50 |                                         </span>
51 |                                     @endif
52 |                                 </div>
53 |                             </div>
54 | 
55 |                             <div class="form-group{{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
56 |                                 <label class="col-md-4 control-label">Confirm Password</label>
57 | 
58 |                                 <div class="col-md-12">
59 |                                     <input type="password" class="form-control" name="password_confirmation">
60 | 
61 |                                     @if ($errors->has('password_confirmation'))
62 |                                         <span class="form-text text-muted">
63 |                                             {{ $errors->first('password_confirmation') }}
64 |                                         </span>
65 |                                     @endif
66 |                                 </div>
67 |                             </div>
68 | 
69 |                             <div class="form-group">
70 |                                 <div class="col-md-12 col-md-offset-4">
71 |                                     <button type="submit" class="btn btn-primary">
72 |                                         <i class="fa fa-btn fa-user"></i>Register
73 |                                     </button>
74 |                                 </div>
75 |                             </div>
76 |                         </form>
77 |                     </div>
78 |                 </div>
79 |             </div>
80 |         </div>
81 | @endsection
82 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/home.blade.php:
--------------------------------------------------------------------------------
 1 | @extends('layouts.app')
 2 | 
 3 | @section('content')
 4 | 
 5 |     <div class="jumbotron">
 6 |         <div class="container p-5">
 7 |             <h1 class="display-1">Dashboard</h1>
 8 | 
 9 |             <p class="lead ml-2 text-success">
10 |                 You are logged in!
11 |             </p>
12 |         </div>
13 |     </div>
14 | 
15 | @endsection
16 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/layouts/app.blade.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{ app()->getLocale() }}">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 
 8 |     <!-- CSRF Token -->
 9 |     <meta name="csrf-token" content="{{ csrf_token() }}">
10 | 
11 |     <title>{{ config('app.name', 'Laravel') }} {{ app()->version() }}</title>
12 | 
13 |     <!-- Styles -->
14 |     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
15 | </head>
16 | <body>
17 | <div id="app">
18 | 
19 |     {{-- top bar  --}}
20 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
21 | 
22 |         <a class="navbar-brand" href="#">{{ config('app.name', 'Laravel') }} {{ app()->version() }}</a>
23 |         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
24 |                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
25 |             <span class="navbar-toggler-icon"></span>
26 |         </button>
27 |         <ul class="navbar-nav">
28 |             <li class="nav-item"><a href="{{ route('home') }}" class="nav-link">Home</a></li>
29 |         </ul>
30 | 
31 |         <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
32 |             <ul class="navbar-nav">
33 |                 @if (Auth::guest())
34 |                     <li class="nav-item"><a href="{{ route('login') }}" class="nav-link">Login</a></li>
35 |                     <li class="nav-item"><a href="{{ route('register') }}" class="nav-link">Register</a></li>
36 |                 @else
37 |                     <li class="nav-item dropdown">
38 |                         <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
39 |                            aria-haspopup="true" aria-expanded="false">{{ Auth::user()->name }}</a>
40 |                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
41 |                             <a href="{{ route('logout') }}" class="dropdown-item"
42 |                                onclick="event.preventDefault();document.getElementById('logout-form').submit();">
43 |                                 Logout
44 |                             </a>
45 | 
46 |                             <form id="logout-form" action="{{ route('logout') }}" method="POST"
47 |                                   style="display: none;">
48 |                                 {{ csrf_field() }}
49 |                             </form>
50 |                         </div>
51 |                     </li>
52 |                 @endif
53 |             </ul>
54 |         </div>
55 | 
56 |     </nav>
57 | 
58 |     @yield('content')
59 | 
60 | </div>
61 | 
62 | <!-- Scripts -->
63 | <script src="{{ asset('js/app.js') }}"></script>
64 | </body>
65 | </html>
66 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/views/welcome.blade.php:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="{{ app()->getLocale() }}">
  3 |     <head>
  4 |         <meta charset="utf-8">
  5 |         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1">
  7 | 
  8 |         <!-- CSRF Token -->
  9 |         <meta name="csrf-token" content="{{ csrf_token() }}">
 10 | 
 11 |         <title>Laravel {{ app()->version() }}</title>
 12 | 
 13 |         <!-- Fonts -->
 14 |         <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
 15 | 
 16 |         <!-- Styles -->
 17 |         <link href="{{ asset('css/app.css') }}" rel="stylesheet">
 18 | 
 19 |         <!-- Styles -->
 20 |         <style>
 21 |             html, body {
 22 |                 background-color: #fff;
 23 |                 color: #636b6f;
 24 |                 font-family: 'Raleway', sans-serif;
 25 |                 font-weight: 100;
 26 |                 height: 100vh;
 27 |                 margin: 0;
 28 |             }
 29 | 
 30 |             .full-height {
 31 |                 height: 100vh;
 32 |             }
 33 | 
 34 |             .flex-center {
 35 |                 align-items: center;
 36 |                 display: flex;
 37 |                 justify-content: center;
 38 |             }
 39 | 
 40 |             .position-ref {
 41 |                 position: relative;
 42 |             }
 43 | 
 44 |             .top-right {
 45 |                 position: absolute;
 46 |                 right: 10px;
 47 |                 top: 18px;
 48 |             }
 49 | 
 50 |             .content {
 51 |                 text-align: center;
 52 |             }
 53 | 
 54 |             .title {
 55 |                 font-size: 84px;
 56 |             }
 57 | 
 58 |             .links > a {
 59 |                 color: #636b6f;
 60 |                 padding: 0 25px;
 61 |                 font-size: 12px;
 62 |                 font-weight: 600;
 63 |                 letter-spacing: .1rem;
 64 |                 text-decoration: none;
 65 |                 text-transform: uppercase;
 66 |             }
 67 | 
 68 |             .versioninfo {
 69 |                 color: #636b6f;
 70 |                 padding: 0 25px;
 71 |                 font-size: 12px;
 72 |                 font-weight: 600;
 73 |                 letter-spacing: .1rem;
 74 |                 text-decoration: none;
 75 |             }
 76 | 
 77 |             .framwork_title {
 78 |                 font-weight: 600;
 79 |                 padding-top: 20px;
 80 |             }
 81 | 
 82 | 
 83 |             .m-b-md {
 84 |                 margin-bottom: 30px;
 85 |             }
 86 |         </style>
 87 |     </head>
 88 |     <body>
 89 | 
 90 |         <div class="flex-center position-ref full-height">
 91 |             @if (Route::has('login'))
 92 |                 <div class="top-right links">
 93 |                     @if (Auth::check())
 94 |                         <a href="{{ url('/home') }}">Home</a>
 95 |                     @else
 96 |                         <a href="{{ url('/login') }}">Login</a>
 97 |                         <a href="{{ url('/register') }}">Register</a>
 98 |                     @endif
 99 |                 </div>
100 |             @endif
101 | 
102 |             <div class="content">
103 | 
104 |                 <div class="title m-b-md">
105 |                     Laravel
106 |                     <p class="versioninfo">Version {{ app()->version() }}</p>
107 |                 </div>
108 | 
109 |                 <div class="links">
110 |                     <a href="https://laravel.com/docs">Documentation</a>
111 |                     <a href="https://laracasts.com">Laracasts</a>
112 |                     <a href="https://laravel-news.com">News</a>
113 |                     <a href="https://forge.laravel.com">Forge</a>
114 |                     <a href="https://github.com/laravel/laravel">GitHub</a>
115 |                 </div>
116 | 
117 |             </div>
118 |         </div>
119 | 
120 |         <!-- Scripts -->
121 |         <script src="{{ asset('js/app.js') }}"></script>
122 | 
123 |     </body>
124 | </html>
125 | 


--------------------------------------------------------------------------------
/src/bootstrap4-stubs/webpack.mix.js:
--------------------------------------------------------------------------------
 1 | let 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.autoload({
15 |     jquery: ['$', 'window.jQuery', 'jQuery'],
16 |     tether: ['window.Tether', 'Tether'],
17 |     'tether-shepherd': ['Shepherd'],
18 |     'popper.js/dist/popper.js': ['Popper']
19 | })
20 |     .js('resources/assets/js/app.js', 'public/js')
21 |     .sass('resources/assets/sass/app.scss', 'public/css')
22 |     .options({
23 |         postCss: [
24 |             require('precss')()
25 |         ]
26 |     });
27 | 


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