initial commit

Author: michaeldyrynda

LICENSE.md

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

README.md

@@ -0,0 +1,23 @@
+# Tailwind CSS preset for the Laravel framework
+
+### Installing
+```bash
+$ npm install
+```
+
+### Setting up the new preset
+```bash
+$ php artisan preset tailwind
+```
+
+### Auth scaffolding
+```bash
+$ php artisan preset tailwind-auth
+```
+
+### Compiling assets
+```bash
+$ npm run dev
+```
+
+Enjoy!

composer.json

@@ -0,0 +1,21 @@
+{
+    "name": "dyrynda/laravel-preset-tailwind",
+    "description": "Laravel 5.5 frontend preset for Tailwind",
+    "keywords": ["laravel", "preset", "tailwind"],
+    "license": "MIT",
+    "require": {
+        "laravel/framework": "5.5.*"
+    },
+    "autoload": {
+        "psr-4": {
+            "Dyrynda\\LaravelPresets\\Tailwind\\": "src/"
+        }
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Dyrynda\\LaravelPresets\\Tailwind\\TailwindPresetServiceProvider"
+            ]
+        }
+    }
+}

src/TailwindPreset.php

@@ -0,0 +1,47 @@
+<?php
+
+namespace Dyrynda\LaravelPresets\Tailwind;
+
+use Illuminate\Support\Arr;
+use Illuminate\Container\Container;
+use Illuminate\Filesystem\Filesystem;
+use Illuminate\Foundation\Console\Presets\Preset;
+
+class TailwindPreset extends Preset
+{
+    public static function install()
+    {
+        static::updatePackages();
+        static::updateStyles();
+        static::updateBootstrapping();
+        static::updateWelcomePage();
+        static::removeNodeModules();
+    }
+
+    protected static function updatePackageArray(array $packages)
+    {
+        return [
+            'tailwindcss' => '^0.1.0',
+        ] + Arr::except($packages, ['bootstrap-sass', 'jquery']);
+    }
+
+    protected static function updateStyles()
+    {
+        (new Filesystem)->deleteDirectory(resource_path('assets/sass'));
+
+        copy(__DIR__.'/tailwind-stubs/main.css', resource_path('assets/css/app.css'));
+    }
+
+    protected static function updateBootstrapping()
+    {
+        copy(__DIR__.'/tailwind-stubs/tailwind.js', base_path('tailwind.js'));
+        copy(__DIR__.'/tailwind-stubs/bootstrap.js', resource_path('assets/js/bootstrap.js'));
+    }
+
+    protected static function updateWelcomePage()
+    {
+        (new Filesystem)->delete(resource_path('views/welcome.blade.php'));
+
+        copy(__DIR__.'/tailwind-stubs/views/welcome.blade.php', resource_path('views/welcome.blade.php'));
+    }
+}

src/TailwindPresetServiceProvider.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace Dyrynda\LaravelPresets\Tailwind;
+
+use Illuminate\Support\ServiceProvider;
+use Illuminate\Foundation\Console\PresetCommand;
+
+class TailwindPresetServiceProvider extends ServiceProvider
+{
+    public function boot()
+    {
+        PresetCommand::macro('tailwind', function ($command) {
+            TailwindPreset::install();
+
+            $command->info('Tailwind scaffolding installed successfully.');
+            $command->info('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
+        });
+
+        PresetCommand::macro('tailwind-auth', function ($command) {
+            TailwindPreset::installAuth();
+
+            $command->info('Tailwind scaffolding with auth views installed successfully.');
+            $command->info('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
+        });
+    }
+}

src/tailwind-stubs/app.scss

@@ -0,0 +1,3 @@
+
+// Tachyons
+@import "node_modules/tachyons-sass/tachyons";

src/tailwind-stubs/bootstrap.js

@@ -0,0 +1,41 @@
+
+window._ = require('lodash');
+
+/**
+ * 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-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Next we will register the CSRF Token as a common header with Axios so that
+ * all outgoing HTTP requests automatically have it attached. This is just
+ * a simple convenience so we don't have to attach every token manually.
+ */
+
+let token = document.head.querySelector('meta[name="csrf-token"]');
+
+if (token) {
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+} else {
+    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
+}
+
+/**
+ * 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/tailwind-stubs/controllers/HomeController.stub

@@ -0,0 +1,28 @@
+<?php
+
+namespace {{namespace}}Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class HomeController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        return view('home');
+    }
+}

src/tailwind-stubs/resources/assets/css/main.css

@@ -0,0 +1,29 @@
+/**
+ * This injects Tailwind's base styles, which is a combination of
+ * Normalize.css and some additional base styles.
+ *
+ * You can see the styles here:
+ * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
+ */
+@tailwind preflight;
+
+/**
+ * Here you would import any custom component classes; stuff that you'd
+ * want loaded *before* the utilities so that the utilities can still
+ * override them.
+ */
+// @import "my-components/foo";
+// @import "my-components/bar";
+
+/**
+ * This injects all of Tailwind's utility classes, generated based on your
+ * config file.
+ */
+@tailwind utilities;
+
+/**
+ * Here you would add any custom utilities you need that don't come out of the box with Tailwind.
+ */
+// .bg-hero-image {
+//     background-image: url('/some/image/file.png');
+// }