Add a recipe for API Platform Admin

api-platform/admin-pack/1.0/assets/js/admin.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { HydraAdmin } from '@api-platform/admin';
+
+const entrypoint = document.getElementById('api-entrypoint').innerText;
+
+ReactDOM.render(<HydraAdmin entrypoint={entrypoint}/>, document.getElementById('api-platform-admin'));

api-platform/admin-pack/1.0/config/routes/api_platform_admin.yaml

@@ -0,0 +1,5 @@
+admin:
+    path: /admin
+    controller: Symfony\Bundle\FrameworkBundle\Controller\TemplateController
+    defaults:
+        template: admin.html.twig

api-platform/admin-pack/1.0/manifest.json

@@ -0,0 +1,8 @@
+{
+    "copy-from-recipe": {
+        "assets/": "assets/",
+        "config/": "%CONFIG_DIR%/",
+        "templates/": "templates/"
+    },
+    "aliases": ["api-admin", "api-platform-admin", "react-admin"]
+}

api-platform/admin-pack/1.0/post-install.txt

@@ -0,0 +1,16 @@
+<bg=blue;fg=white>                       </>
+<bg=blue;fg=white> To finish the install </>
+<bg=blue;fg=white>                       </>
+
+  * Your admin is almost ready:
+    1. Install the JavaScript dependencies by running <comment>yarn add @api-platform/admin</comment>
+    2. Go in <comment>webpack.config.js</comment> and <info>uncomment</info> the following lines:
+
+        Encore
+            // ...
+            .enableReactPreset()
+            .addEntry('admin', './assets/js/admin.js')
+
+  * Mark any entity with the <comment>@ApiResource</comment> annotation, it appears in the admin!
+
+  * Using MakerBundle? Try <info>php bin/console make:entity --api-resource</info>

api-platform/admin-pack/1.0/templates/admin.html.twig

@@ -0,0 +1,10 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}API Platform Admin{% endblock %}
+
+{% block body %}<div id="api-platform-admin"></div>{% endblock %}
+
+{% block javascripts %}
+    <script type="text/plain" id="api-entrypoint">{{ path('api_entrypoint') }}</script>
+    {{ encore_entry_script_tags('admin') }}
+{% endblock %}

symfony/webpack-encore-bundle/1.0/webpack.config.js

@@ -46,6 +46,10 @@ Encore
 
     // uncomment if you're having problems with a jQuery plugin
     //.autoProvidejQuery()
+
+    // uncomment if you use API Platform Admin (composer req api-admin)
+    //.enableReactPreset()
+    //.addEntry('admin', './assets/js/admin.js')
 ;
 
 module.exports = Encore.getWebpackConfig();