init

Author: michaeldyrynda

.gitignore

@@ -0,0 +1,2 @@
+/vendor
+composer.lock

composer.json

@@ -0,0 +1,31 @@
+{
+  "name": "laravel-frontend-presets/inertiajs",
+  "description": "A Laravel frontend preset to get you up and running with Inertia.js",
+  "keywords": ["laravel", "preset", "inertiajs"],
+  "type": "library",
+  "license": "MIT",
+  "authors": [
+    {
+      "name": "Michael Dyrynda",
+      "email": "[email protected]"
+    }
+  ],
+  "require": {
+    "laravel/framework": "^5.5"
+  },
+  "autoload": {
+    "psr-4": {
+      "LaravelFrontendPresets\\InertiaJsPreset\\": "src/"
+    }
+  },
+  "extra": {
+    "laravel": {
+      "providers": [
+        "LaravelFrontendPresets\\InertiaJsPreset\\InertiaJsPresetServiceProvider"
+      ]
+    }
+  },
+  "require-dev": {
+    "orchestra/testbench": "^3.8"
+  }
+}

src/InertiaJsPreset.php

@@ -0,0 +1,57 @@
+<?php
+
+namespace LaravelFrontendPresets\InertiaJsPreset;
+
+use Illuminate\Filesystem\Filesystem;
+use Illuminate\Foundation\Console\Presets\Preset;
+use Illuminate\Support\Arr;
+
+class InertiaJsPreset extends Preset
+{
+    public static function install()
+    {
+        static::updatePackages();
+        static::updateBootstrapping();
+        static::updateWelcomePage();
+        static::scaffoldComponents();
+        static::removeNodeModules();
+    }
+
+    protected static function updatePackageArray(array $packages)
+    {
+        return array_merge([
+            'inertiajs/inertia' => 'latest',
+            'inertiajs/inertia-vue' => 'latest',
+        ], Arr::except($packages, [
+            'jquery',
+        ]));
+    }
+
+    protected static function updateBootstrapping()
+    {
+        copy(__DIR__.'/inertiajs-stubs/.babelrc', base_path('.babelrc'));
+
+        copy(__DIR__.'/inertiajs-stubs/webpack.mix.js', base_path('webpack.mix.js'));
+
+        copy(__DIR__.'/inertiajs-stubs/resources/js/app.js', resource_path('js/app.js'));
+    }
+
+    protected static function updateWelcomePage()
+    {
+        (new Filesystem)->delete(resource_path('views/welcome.blade.php'));
+
+        copy(__DIR__.'/inertiajs-stubs/resources/views/app.blade.php', resource_path('views/app.blade.php'));
+    }
+
+    protected static function scaffoldComponents()
+    {
+        (new Filesystem)->copyDirectory(__DIR__.'/inertiajs-stubs/resources/js/Shared', resource_path('js'));
+
+        (new Filesystem)->copyDirectory(__DIR__.'/inertiajs-stubs/resources/js/Pages', resource_path('js'));
+    }
+
+    protected static function compileControllerStub()
+    {
+        //
+    }
+}

src/IntertiaJsPresetServiceProvider.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace LaravelFrontendPresets\InertiaJsPreset;
+
+use Illuminate\Support\ServiceProvider;
+use Illuminate\Foundation\Console\PresetCommand;
+
+class IntertiaJsPresetServiceProvider extends ServiceProvider
+{
+    public function boot()
+    {
+        PresetCommand::macro('inertiajs', function ($command) {
+            IntertiaJsPreset::install();
+
+            $command->info('Inertia.js scaffolding installed successfully.');
+            $command->info('Please run "npm install && npm run dev" to compile your fresh scaffolding.');
+        });
+    }
+}

src/inertiajs-stubs/.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["@babel/plugin-syntax-dynamic-import"]
+}

src/inertiajs-stubs/resources/js/Pages/Welcome.vue

@@ -0,0 +1,16 @@
+<template>
+  <layout>
+    <h1>Welcome</h1>
+    <p>Welcome to my first Inertia.js app!</p>
+  </layout>
+</template>
+
+<script>
+import Layout from '@/Shared/Layout'
+
+export default {
+  components: {
+    Layout,
+  },
+}
+</script>

src/inertiajs-stubs/resources/js/Shared/Layout.vue

@@ -0,0 +1,22 @@
+<template>
+  <main>
+    <header>
+      <inertia-link href="/">Home</inertia-link>
+      <inertia-link href="/about">About</inertia-link>
+      <inertia-link href="/contact">Contact</inertia-link>
+    </header>
+    <article>
+      <slot />
+    </article>
+  </main>
+</template>
+
+<script>
+import { InertiaLink } from 'inertia-vue'
+
+export default {
+  components: {
+    InertiaLink,
+  },
+}
+</script>

src/inertiajs-stubs/resources/js/app.js

@@ -0,0 +1,15 @@
+import Inertia from 'inertia-vue'
+import Vue from 'vue'
+
+let app = document.getElementById('app')
+
+new Vue({
+  render: h => h(Inertia, {
+    props: {
+      initialPage: JSON.parse(app.dataset.page),
+      resolveComponent: (component) => {
+        return import(`@/Pages/${component}`).then(module => module.default)
+      },
+    },
+  }),
+}).$mount(app)

src/inertiajs-stubs/resources/views/app.blade.php

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <link href="{{ mix('/css/app.css') }}" rel="stylesheet">
+    <script src="{{ mix('/js/app.js') }}" defer></script>
+</head>
+<body>
+
+@inertia
+
+</body>
+</html>

src/inertiajs-stubs/webpack.mix.js

@@ -0,0 +1,12 @@
+const mix = require('laravel-mix')
+const path = require('path')
+
+mix.js('resources/js/app.js', 'public/js').webpackConfig({
+  output: { chunkFilename: 'js/[name].[contenthash].js' },
+  resolve: {
+    alias: {
+      'vue$': 'vue/dist/vue.runtime.js',
+      '@': path.resolve('resources/js'),
+    },
+  },
+})