npm - generator-folklore - Versions diffs - 3.0.5 → 3.0.7 - Mend

generator-folklore 3.0.5 → 3.0.7

Files changed (135) hide show

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

@@ -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 ADDED Viewed

@@ -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/PageSlug.jsx ADDED Viewed

@@ -0,0 +1,68 @@
+/* eslint-disable react/jsx-props-no-spreading */
+import { useFormValue } from '@panneau/core/contexts';
+import TextField from '@panneau/field-text';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { generatePath } from 'react-router';
+const propTypes = {
+    fieldLocale: PropTypes.string,
+    value: PropTypes.string,
+    className: PropTypes.string,
+    routes: PropTypes.objectOf(PropTypes.string).isRequired,
+};
+const defaultProps = {
+    fieldLocale: null,
+    value: null,
+    className: null,
+};
+const PageSlugField = ({ routes, fieldLocale, className, value, ...props }) => {
+    const page = useFormValue();
+    const { parent = null, handle = null } = page || {};
+    const { slug: parentSlug } = parent || {};
+    const { page: pageRoute = null, page_with_parent: pageWithParentRoute = null } = routes || {};
+    let url =
+        pageRoute !== null
+            ? generatePath(pageRoute, {
+                  page: 'REPLACE',
+              })
+            : null;
+    if (parent !== null && pageWithParentRoute !== null) {
+        url = generatePath(pageWithParentRoute, {
+            parent: parentSlug !== null ? parentSlug[fieldLocale] || null : null,
+            page: 'REPLACE',
+        });
+    }
+    if (handle === 'home') {
+        url = `/${fieldLocale}`;
+    }
+    return (
+        <TextField
+            prepend={
+                url !== null
+                    ? `${window.location.protocol}//${window.location.host}${url.replace(
+                          'REPLACE',
+                          '',
+                      )}`
+                    : null
+            }
+            className={classNames([
+                'flex-nowrap',
+                {
+                    [className]: className !== null,
+                },
+            ])}
+            value={handle === 'home' ? null : value}
+            {...props}
+        />
+    );
+};
+PageSlugField.propTypes = propTypes;
+PageSlugField.defaultProps = defaultProps;
+export default PageSlugField;

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

@@ -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 ADDED Viewed

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

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

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

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

@@ -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();
+        });
+});