add files

Author: taylorotwell

src/Illuminate/Foundation/Console/PresetCommand.php

@@ -0,0 +1,62 @@
+<?php
+
+namespace Illuminate\Foundation\Console;
+
+use InvalidArgumentException;
+use Illuminate\Console\Command;
+
+class PresetCommand extends Command
+{
+    /**
+     * The console command signature.
+     *
+     * @var string
+     */
+    protected $signature = 'preset { type : The preset type (fresh, react) }';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'Swap the front-end scaffolding for the application';
+
+    /**
+     * Execute the console command.
+     *
+     * @return void
+     */
+    public function handle()
+    {
+        if (! in_array($this->argument('type'), ['fresh', 'react'])) {
+            throw new InvalidArgumentException('Invalid preset.');
+        }
+
+        return $this->{$this->argument('type')}();
+    }
+
+    /**
+     * Install the "fresh" preset.
+     *
+     * @return void
+     */
+    protected function fresh()
+    {
+        Presets\Fresh::install();
+
+        $this->info('Front-end scaffolding removed successfully.');
+    }
+
+    /**
+     * Install the "react" preset.
+     *
+     * @return void
+     */
+    public function react()
+    {
+        Presets\React::install();
+
+        $this->info('React scaffolding installed successfully.');
+        $this->comment('Run "npm install && npm run dev" to compile your fresh scaffolding.');
+    }
+}

src/Illuminate/Foundation/Console/Presets/Fresh.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace Illuminate\Foundation\Console\Presets;
+
+use Illuminate\Filesystem\Filesystem;
+
+class Fresh
+{
+    /**
+     * Install the preset.
+     *
+     * @return void
+     */
+    public static function install()
+    {
+        tap(new Filesystem, function ($filesystem) {
+            $filesystem->deleteDirectory(base_path('node_modules'));
+            $filesystem->deleteDirectory(resource_path('assets'));
+            $filesystem->deleteDirectory(public_path('css'));
+            $filesystem->deleteDirectory(public_path('js'));
+
+            $filesystem->delete(base_path('webpack.mix.js'));
+            $filesystem->delete(base_path('package.json'));
+            $filesystem->delete(base_path('yarn.lock'));
+        });
+    }
+}

src/Illuminate/Foundation/Console/Presets/React.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace Illuminate\Foundation\Console\Presets;
+
+use Illuminate\Filesystem\Filesystem;
+
+class React
+{
+    /**
+     * Install the preset.
+     *
+     * @return void
+     */
+    public static function install()
+    {
+        if (file_exists(base_path('package.json'))) {
+            $packages = json_decode(file_get_contents(base_path('package.json')), true);
+
+            unset($packages['devDependencies']['vue']);
+
+            $packages['devDependencies']['babel-preset-react'] = '^6.23.0';
+            $packages['devDependencies']['react'] = '^15.4.2';
+            $packages['devDependencies']['react-dom'] = '^15.4.2';
+
+            ksort($packages['devDependencies']);
+
+            file_put_contents(base_path('package.json'), json_encode($packages, JSON_PRETTY_PRINT));
+        }
+
+        copy(__DIR__.'/react-stubs/app.js', resource_path('assets/js/app.js'));
+        copy(__DIR__.'/react-stubs/bootstrap.js', resource_path('assets/js/bootstrap.js'));
+
+        $filesystem = new Filesystem;
+        $filesystem->delete(resource_path('assets/js/components/Example.vue'));
+
+        copy(__DIR__.'/react-stubs/Example.js', resource_path('assets/js/components/Example.js'));
+
+        copy(__DIR__.'/react-stubs/webpack.mix.js', base_path('webpack.mix.js'));
+
+        $filesystem->deleteDirectory(base_path('node_modules'));
+        $filesystem->delete(base_path('yarn.lock'));
+    }
+}

src/Illuminate/Foundation/Console/Presets/react-stubs/Example.js

@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+
+export default class Example extends Component {
+    render() {
+        return (
+            <div className="container">
+                <div className="row">
+                    <div className="col-md-8 col-md-offset-2">
+                        <div className="panel panel-default">
+                            <div className="panel-heading">Example Component</div>
+
+                            <div className="panel-body">
+                                I'm an example component!
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+}
+
+if (document.getElementById('example')) {
+    ReactDOM.render(<Example />, document.getElementById('example'));
+}

src/Illuminate/Foundation/Console/Presets/react-stubs/app.js

@@ -0,0 +1,16 @@
+
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./bootstrap');
+
+/**
+ * Next, we will create a fresh React component instance and attach it to
+ * the page. Then, you may begin adding components to this application
+ * or customize the JavaScript scaffolding to fit your unique needs.
+ */
+
+require('./components/Example');

src/Illuminate/Foundation/Console/Presets/react-stubs/bootstrap.js

@@ -0,0 +1,40 @@
+
+window._ = require('lodash');
+
+/**
+ * We'll load jQuery and the Bootstrap jQuery plugin which provides support
+ * for JavaScript based Bootstrap features such as modals and tabs. This
+ * code may be modified to fit the specific needs of your application.
+ */
+
+window.$ = window.jQuery = require('jquery');
+
+require('bootstrap-sass');
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+window.axios = require('axios');
+
+window.axios.defaults.headers.common = {
+    'X-CSRF-TOKEN': window.Laravel.csrfToken,
+    'X-Requested-With': 'XMLHttpRequest'
+};
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo'
+
+// window.Pusher = require('pusher-js');
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: 'your-pusher-key'
+// });

src/Illuminate/Foundation/Console/Presets/react-stubs/webpack.mix.js

@@ -0,0 +1,15 @@
+const { mix } = require('laravel-mix');
+
+/*
+ |--------------------------------------------------------------------------
+ | Mix Asset Management
+ |--------------------------------------------------------------------------
+ |
+ | Mix provides a clean, fluent API for defining some Webpack build steps
+ | for your Laravel application. By default, we are compiling the Sass
+ | file for the application as well as bundling up all the JS files.
+ |
+ */
+
+mix.react('resources/assets/js/app.js', 'public/js')
+   .sass('resources/assets/sass/app.scss', 'public/css');