generator-folklore 3.0.3 → 3.0.6

package/lib/generators/laravel-panneau/templates/app.blade.php

@@ -0,0 +1,8 @@
+@extends('layout')
+
+@section('body')
+    <div id="app"></div>
+    <script type="text/javascript">
+        var props = @json($props);
+    </script>
+@endsection

package/lib/generators/laravel-panneau/templates/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+
+import shouldPolyfill from './polyfills/should';
+
+function getAppProps() {
+    return window.props || {};
+}
+
+function renderApp(Container, props) {
+    const element = document.getElementById('app');
+    const container = React.createElement(Container, props);
+    const strictMode = React.createElement(React.StrictMode, {}, container);
+    const root = createRoot(element);
+    root.render(strictMode);
+}
+
+function loadContainer({ isPanneau = false }) {
+    return isPanneau
+        ? import('./components/Panneau')
+        : import('./components/Container').then(({ default: Container }) => Container);
+}
+
+const props = getAppProps();
+
+if (shouldPolyfill()) {
+    import('./polyfills/index')
+        .then(() => loadContainer(props))
+        .then((Container) => renderApp(Container, props));
+} else {
+    loadContainer(props).then((Container) => renderApp(Container, props));
+}

package/lib/generators/laravel-panneau/templates/lang/en/panneau.php

@@ -0,0 +1,62 @@
+<?php
+// prettier-ignore
+return [
+    'fields' => [
+        'title' => 'Title',
+        'url' => 'Address',
+        'published' => 'Published',
+        'description_short' => 'Short description',
+        'name' => 'Name',
+        'email' => 'Email',
+        'password' => 'Password',
+        'image' => 'Image',
+        'body' => 'Text',
+        'parent' => 'Parent',
+        'blocks' => 'Blocks',
+
+        'page' => 'Page',
+        'pages' => 'Pages',
+        'no_pages' => 'No page',
+        'add_page' => 'Add a page',
+        'select_page' => 'Select a page...',
+
+        'item' => 'Item',
+        'items' => 'Items',
+        'no_items' => 'No item',
+        'add_item' => 'Add an item',
+        'select_item' => 'Select an item...',
+
+        'block' => 'Block',
+        'blocks' => 'Blocks',
+        'no_blocks' => 'No blocks',
+        'add_block' => 'Add a block',
+    ],
+
+    'filters' => [
+        'search' => 'Search',
+    ],
+
+    'columns' => [
+        'title' => 'Title',
+        'parent_page' => 'Parent page',
+    ],
+
+    'roles' => [
+        'guest' => 'Guest',
+        'admin' => 'Administrator',
+    ],
+
+    'pages' => [
+        'name' => 'Pages',
+    ],
+    'pages_page' => 'Page',
+
+    'users' => [
+        'name' => 'Users',
+    ],
+
+    'blocks' => [
+        'name' => 'Blocks',
+    ],
+    'blocks_text' => 'Text',
+];

package/lib/generators/laravel-panneau/templates/lang/fr/panneau.php

@@ -0,0 +1,62 @@
+<?php
+// prettier-ignore
+return [
+    'fields' => [
+        'title' => 'Titre',
+        'url' => 'Adresse',
+        'published' => 'Publié',
+        'description_short' => 'Description courte',
+        'name' => 'Nom',
+        'email' => 'Courriel',
+        'password' => 'Mot de passe',
+        'image' => 'Image',
+        'body' => 'Texte',
+        'parent' => 'Parent',
+        'blocks' => 'Blocs',
+
+        'page' => 'Page',
+        'pages' => 'Pages',
+        'no_pages' => 'Aucune page',
+        'add_page' => 'Ajouter une page',
+        'select_page' => 'Sélectionner une page...',
+
+        'item' => 'Item',
+        'items' => 'Items',
+        'no_items' => 'Aucun item',
+        'add_item' => 'Ajouter un item',
+        'select_item' => 'Sélectionner un item...',
+
+        'block' => 'Bloc',
+        'blocks' => 'Blocs',
+        'no_blocks' => 'Aucun bloc',
+        'add_block' => 'Ajouter un bloc',
+    ],
+
+    'filters' => [
+        'search' => 'Rechercher',
+    ],
+
+    'columns' => [
+        'title' => 'Titre',
+        'parent_page' => 'Page parente',
+    ],
+
+    'roles' => [
+        'guest' => 'Visiteur',
+        'admin' => 'Administrateur',
+    ],
+
+    'pages' => [
+        'name' => 'Pages',
+    ],
+    'pages_page' => 'Page',
+
+    'users' => [
+        'name' => 'Utilisateurs',
+    ],
+
+    'blocks' => [
+        'name' => 'Blocs',
+    ],
+    'blocks_text' => 'Texte',
+];

package/lib/generators/laravel-panneau/templates/layout.blade.php

@@ -4,58 +4,27 @@
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="csrf-token" content="{{ csrf_token() }}">
-
-	<title>@yield('title')</title>
-	<meta name="description" content="@yield('description')">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-
-	<link rel="shortcut icon" href="/favicon.ico" type="image/x-ico">
-	<link rel="icon" href="/favicon.gif" type="image/gif">
-    <meta name="csrf-token" content="{{ csrf_token() }}">
-
-	@section('head:scripts')
-		<!-- Head Javascript -->
-        <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=WeakMap,Object.values,Object.entries,Intl,Intl.~locale.fr,Intl.~locale.en"></script>
-        <script type="text/javascript">
-            var PANNEAU_ASSETS_PATH = '{{ asset('vendor/panneau') }}/';
-            window._panneau_config=window._panneau_config||{};
-            function panneau_config(a,b){
-                if("undefined"===typeof a)return window._panneau_config;
-                if("undefined"===typeof b)return window._panneau_config[a];
-                window._panneau_config[a]=b
-            };
-        </script>
-		@stack('scripts:head')
-	@show
-
-	@section('head:styles')
-        <link href="{{asset('vendor/panneau/panneau.css')}}?version={{config('app.version')}}" rel="stylesheet" type="text/css" />
-        @if (app()->environment() === 'production')
-        <link href="{{asset('panneau/main.css')}}?version={{config('app.version')}}" rel="stylesheet" type="text/css" />
-        @endif
-		@stack('styles:head')
-	@show
-
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <!-- Head Assets -->
+    @if(!isset($inWebpack) || !$inWebpack)
+        @include('assets_head')
+    @endif
+    @stack('assets:head')
 </head>
 <body>
+    <!-- Body -->
 	@section('body')
-        <div id="panneau"></div>
-	@show
-
-	@section('body:scripts')
-		@stack('scripts:footer')
-	@show
-
-    @section('body:styles')
-        <script type="text/javascript">
-            panneau_config('locale', '{{ $locale }}');
-            panneau_config('messages', {!! json_encode($messages) !!});
-            panneau_config('definition', {!! json_encode($definition) !!});
-        </script>
-        <script src="{{asset('panneau/main.js')}}?version={{config('app.version')}}" type="text/javascript"></script>
-		@stack('styles:footer')
+		@yield('content')
 	@show
 
+	@if(isset($inWebpack) && $inWebpack)
+        <script type="text/javascript" src="/static/js/bundle.js"></script>
+        <script type="text/javascript" src="/static/js/main.chunk.js"></script>
+    @else
+        @include('assets_body')
+    @endif
+    @stack('assets:body')
 </body>
 </html>

package/lib/generators/laravel-panneau/templates/resources/assets/js/components/Panneau.jsx

@@ -0,0 +1,68 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Panneau from '@panneau/app';
+import { getCSRFHeaders } from '@folklore/fetch';
+
+import { FIELDS_NAMESPACE } from '@panneau/core/contexts';
+import * as fieldsComponents from './panneau/fields';
+import * as AppPropTypes from '../lib/PropTypes';
+
+import '../../styles/panneau.scss';
+
+const propTypes = {
+    definition: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
+    baseUrl: PropTypes.string.isRequired,
+    uploadEndpoint: PropTypes.string,
+    user: AppPropTypes.user,
+    statusCode: AppPropTypes.statusCode,
+};
+
+const defaultProps = {
+    user: null,
+    uploadEndpoint: '/panneau/upload',
+    statusCode: null,
+};
+
+const PanneauContainer = ({ definition, user, baseUrl, uploadEndpoint, statusCode }) => {
+    const { routes = {} } = definition;
+    const isAuthorized = statusCode !== 401 && statusCode !== 403;
+
+    const [localeLoaded, setLocaleLoaded] = useState(false);
+
+    useEffect(() => {
+        let canceled = false;
+        import(`@panneau/intl/locale/${definition.intl.locale}`).then(() => {
+            if (!canceled) {
+                setLocaleLoaded(true);
+            }
+        });
+        return () => {
+            canceled = true;
+        };
+    }, [definition]);
+
+    return localeLoaded ? (
+        <Panneau
+            definition={definition}
+            routes={routes}
+            user={isAuthorized ? user : null}
+            baseUrl={baseUrl}
+            uppy={{
+                transport: 'xhr',
+                xhr: {
+                    endpoint: uploadEndpoint,
+                    headers: getCSRFHeaders(),
+                    timeout: 0,
+                },
+            }}
+            components={{
+                [FIELDS_NAMESPACE]: fieldsComponents,
+            }}
+        />
+    ) : null;
+};
+
+PanneauContainer.propTypes = propTypes;
+PanneauContainer.defaultProps = defaultProps;
+
+export default PanneauContainer;

package/lib/generators/laravel-panneau/templates/resources/assets/js/components/panneau/fields/PageSlugLocalized.jsx

@@ -0,0 +1,43 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import slugify from 'slugify';
+import LocalizedField from '@panneau/field-localized';
+import { useFormValue } from '@panneau/core/contexts';
+
+const propTypes = {
+    value: PropTypes.objectOf(PropTypes.string),
+    locales: PropTypes.arrayOf(PropTypes.string),
+};
+
+const defaultProps = {
+    value: null,
+    locales: null,
+};
+
+const PageSlugField = ({ value, locales, ...props }) => {
+    const page = useFormValue();
+    const { title = null } = page || {};
+    const finalValue = useMemo(
+        () =>
+            locales.reduce(
+                (newValue, key) =>
+                    newValue === null || isEmpty(newValue[key])
+                        ? {
+                              ...newValue,
+                              [key]: slugify(get(title, key, '')),
+                          }
+                        : newValue,
+                value,
+            ),
+        [locales, value, title],
+    );
+    return <LocalizedField value={finalValue} locales={locales} {...props} />;
+};
+
+PageSlugField.propTypes = propTypes;
+PageSlugField.defaultProps = defaultProps;
+
+export default PageSlugField;

package/lib/generators/laravel-panneau/templates/resources/assets/js/components/panneau/fields/index.js

@@ -0,0 +1,2 @@
+export { default as PageSlug } from './PageSlug'
+export { default as PageSlugLocalized } from './PageSlugLocalized'

package/lib/generators/laravel-panneau/templates/resources/assets/styles/panneau.scss

@@ -0,0 +1,2 @@
+@import '~@panneau/themes/scss/styles';
+@import '~@panneau/themes/scss/vendor';

package/lib/generators/laravel-panneau/templates/routes.php

@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Panneau\Support\Facade as Panneau;
+
+Panneau::router()->group(function () {
+    $namePrefix = config('panneau.routes.name_prefix', config('panneau.routes.prefix') . '.');
+
+    Route::any('tus/{any?}', function () {
+        return app('tus-server')->serve();
+    })->where('any', '.*');
+
+    Panneau::router()->auth();
+
+    Route::namespace('\App\Panneau\Http\Controllers')
+        ->middleware(['web', 'auth', 'can:view,' . \Panneau\Panneau::class])
+        ->group(function () use ($namePrefix) {
+            Route::get('/', 'HomeController@index')->name($namePrefix . 'home');
+
+            Route::post('upload', 'UploadController@upload')->name($namePrefix . 'upload');
+
+            // Account
+            Route::get('account', 'AccountController@index')->name($namePrefix . 'account');
+            Route::post('account', 'AccountController@update')->name(
+                $namePrefix . 'account.update'
+            );
+
+            Panneau::router()->resources();
+        });
+});