generator-folklore 3.0.39 → 3.0.41

package/lib/generators/postcss/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chalk = _interopRequireDefault(require("chalk"));
+var _generator = _interopRequireDefault(require("../../lib/generator"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+class PostcssGenerator extends _generator.default {
+  constructor(...args) {
+    super(...args);
+  }
+  prompting() {
+    if (this.options.quiet) {
+      return;
+    }
+    console.log(_chalk.default.yellow('\n----------------------'));
+    console.log('PostCSS Generator');
+    console.log(_chalk.default.yellow('----------------------\n'));
+  }
+  get writing() {
+    return {
+      config() {
+        this.fs.copyTpl(this.templatePath('config.js'), this.destinationPath('postcss.config.js'));
+      },
+      dependencies() {
+        this.addDevDependencies({
+          'postcss-custom-media': '^10.0.0',
+          'postcss-import': '^16.0.0',
+          'postcss-normalize': '^10.0.1',
+          'postcss-preset-env': '^9.0.0',
+          '@csstools/postcss-global-data': '^2.0.0'
+        });
+      }
+    };
+  }
+  async install() {
+    if (this.options['skip-install']) {
+      return;
+    }
+    await this.spawnCommand('npm', ['install']);
+  }
+}
+exports.default = PostcssGenerator;

package/lib/generators/postcss/templates/config.js

@@ -0,0 +1,19 @@
+import postcssGlobalData from '@csstools/postcss-global-data';
+import postcssCustomMedia from 'postcss-custom-media';
+import postcssImport from 'postcss-import';
+import postcssNormalize from 'postcss-normalize';
+import postcssPresetEnv from 'postcss-preset-env';
+
+export default {
+    plugins: [
+        postcssImport({}),
+        // postcssGlobalData({
+        //     files: [
+        //         'src/styles/theme/variables.css',
+        //     ],
+        // }),
+        postcssCustomMedia({}),
+        postcssPresetEnv({}),
+        postcssNormalize({}),
+    ],
+};

package/lib/generators/prettier/index.js

@@ -31,7 +31,7 @@ class PrettierGenerator extends _generator.default {
         this.addDevDependencies({
           prettier: '^3.6.2',
           '@prettier/plugin-php': '^0.24.0',
-          '@trivago/prettier-plugin-sort-imports': '^5.2.2',
+          '@trivago/prettier-plugin-sort-imports': '^6.0.0',
           'stylelint-prettier': '^5.0.3'
         });
       }

package/lib/generators/react-app/index.js

@@ -75,7 +75,7 @@ class ReactAppGenerator extends _generator.default {
       },
       index() {
         const jsPath = this.options.path;
-        this.fs.copyTpl(this.templatePath('index.js'), this.destinationPath(_path.default.join(jsPath, 'index.js')));
+        this.fs.copyTpl(this.templatePath('index.ts'), this.destinationPath(_path.default.join(jsPath, 'index.ts')));
       },
       styles() {
         const templateData = {};
@@ -100,18 +100,18 @@ class ReactAppGenerator extends _generator.default {
       },
       dependencies() {
         this.addDependencies({
-          react: '^18.3.1',
-          'react-dom': '^18.3.1',
-          'react-intl': '^7.1.1',
+          react: '^19.2.0',
+          'react-dom': '^19.2.0',
+          'react-intl': '^10.0.0',
           wouter: '^3.7.1',
-          'react-helmet': '^6.1.0',
           classnames: '^2.5.1',
-          '@folklore/routes': '^0.2.43',
-          '@folklore/fonts': '^0.0.16',
-          '@folklore/forms': '^0.0.29',
-          '@folklore/fetch': '^0.1.21',
-          '@folklore/hooks': '^0.0.75',
-          '@folklore/tracking': '^0.0.33',
+          '@folklore/auth': '^0.0.14',
+          '@folklore/routes': '^0.2.47',
+          '@folklore/fonts': '^0.0.20',
+          '@folklore/forms': '^0.0.35',
+          '@folklore/fetch': '^0.1.24',
+          '@folklore/hooks': '^0.0.91',
+          '@folklore/tracking': '^0.0.36',
           // Polyfills
           intl: '^1.2.5',
           '@formatjs/intl-locale': '^4.2.11',

package/lib/generators/react-app/templates/_package.json

@@ -2,6 +2,7 @@
     "name": "",
     "version": "0.1.0",
     "private": true,
+    "type": "module",
     "author": {
         "name": "Folklore",
         "email": "info@folklore.email"

package/lib/generators/react-app/templates/{index.js → index.ts}

@@ -4,11 +4,22 @@ import { createRoot } from 'react-dom/client';
 import App from './components/App';
 import shouldPolyfill from './polyfills/should';
 
-function getAppProps() {
-    return window.props || {};
+interface Props {
+    isPanneau?: boolean;
+    [key: string]: unknown;
 }
 
-function renderApp(props) {
+declare global {
+    interface Window {
+        props?: Props;
+    }
+}
+
+function getAppProps(): Props {
+    return window.props || ({} as Props);
+}
+
+function renderApp(props: Props) {
     const element = document.getElementById('app');
     const app = createElement(App, props);
     const strictMode = createElement(StrictMode, {}, app);

package/lib/generators/react-app/templates/src/components/App.tsx

@@ -1,8 +1,10 @@
+import { AuthProvider } from '@folklore/auth';
 import { type RoutesMap, RoutesProvider } from '@folklore/routes';
 import { IntlProvider } from 'react-intl';
 import { Router } from 'wouter';
 
 import Routes from './Routes';
+import TrackingProvider from '../contexts/TrackingContext';
 
 const defaultRoutes: RoutesMap = { home: '/' };
 
@@ -11,16 +13,21 @@ interface AppProps {
         locale?: string;
         messages?: Record<string, Record<string, string>> | Record<string, string>;
     } | null;
+    user?: User | null;
     routes?: RoutesMap;
 }
 
-function App({ intl = null, routes = defaultRoutes }: AppProps) {
+function App({ intl = null, routes = defaultRoutes, user = null }: AppProps) {
     const { locale = 'fr', messages = {} } = intl || {};
     return (
         <IntlProvider locale={locale} messages={messages[locale] || messages}>
             <Router>
                 <RoutesProvider routes={routes}>
-                    <Routes />
+                    <AuthProvider user={user}>
+                        <TrackingProvider>
+                            <Routes />
+                        </TrackingProvider>
+                    </AuthProvider>
                 </RoutesProvider>
             </Router>
         </IntlProvider>

package/lib/generators/react-app/templates/src/components/buttons/Button.tsx

@@ -1,9 +1,7 @@
-import { ReactNode, MouseEvent } from 'react';
 import classNames from 'classnames';
+import { ReactNode, MouseEvent } from 'react';
 import { Link } from 'wouter';
 
-import { IntlMessage } from '../../types';
-
 import styles from '<%= getRelativeStylesPath('components/buttons/Button.jsx', 'buttons/button.module.css') %>';
 
 type Label = IntlMessage | ReactNode;

package/lib/generators/react-app/templates/src/components/menus/Menu.tsx

@@ -1,8 +1,6 @@
 import classNames from 'classnames';
 import { Link } from 'wouter';
 
-import { MenuItem } from '../../types';
-
 import styles from '<%= getRelativeStylesPath('components/menus/Menu.jsx', 'menus/menu.module.css') %>';
 
 
@@ -22,27 +20,32 @@ function Menu({ items = null, className = null }: MenuProps) {
             ])}
         >
             <ul className={styles.items}>
-                {(items || []).map(({ label, url, active = false, external = false, target = '_blank' }, index) => (
-                    <li
-                        className={classNames([
-                            styles.item,
-                            {
-                                [styles.active]: active,
-                            },
-                        ])}
-                        key={`item-${index}`}
-                    >
-                        {external ? (
-                            <a href={url} target={target} className={styles.link}>
-                                {label}
-                            </a>
-                        ) : (
-                            <Link href={url} className={styles.link}>
-                                {label}
-                            </Link>
-                        )}
-                    </li>
-                ))}
+                {(items || []).map(
+                    (
+                        { label, url, active = false, external = false, target = '_blank' },
+                        index,
+                    ) => (
+                        <li
+                            className={classNames([
+                                styles.item,
+                                {
+                                    [styles.active]: active,
+                                },
+                            ])}
+                            key={`item-${index}`}
+                        >
+                            {external ? (
+                                <a href={url} target={target} className={styles.link}>
+                                    {label}
+                                </a>
+                            ) : (
+                                <Link href={url} className={styles.link}>
+                                    {label}
+                                </Link>
+                            )}
+                        </li>
+                    ),
+                )}
             </ul>
         </nav>
     );

package/lib/generators/react-app/templates/src/components/partials/PageMeta.tsx

@@ -1,14 +1,14 @@
-import { Helmet } from 'react-helmet';
-import { useIntl } from 'react-intl';
+import { ReactNode } from 'react';
+import { type MessageDescriptor, useIntl } from 'react-intl';
 
 import { isMessage } from '../../lib/utils';
 
-function PageMeta({ title = null }: { title: string | object | null }) {
+function PageMeta({ title = null }: { title: ReactNode | MessageDescriptor | null }) {
     const intl = useIntl();
     return (
-        <Helmet>
+        <>
             <title>{isMessage(title) ? intl.formatMessage(title) : title}</title>
-        </Helmet>
+        </>
     );
 }
 

package/lib/generators/react-app/templates/src/contexts/TrackingContext.tsx

@@ -0,0 +1,45 @@
+import { useUser } from '@folklore/auth';
+import { TrackingContainer } from '@folklore/tracking';
+import createDebug from 'debug';
+import { ReactNode, useEffect, useMemo } from 'react';
+
+import Tracking from '../lib/Tracking';
+
+const debug = createDebug('app:tracking');
+
+interface TrackingProviderProps {
+    children: ReactNode;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    variables?: Record<string, any> | null;
+    disabled?: boolean;
+}
+
+export function TrackingProvider({
+    children,
+    variables = null,
+    disabled = false,
+}: TrackingProviderProps) {
+    const user = useUser();
+    const tracking = useMemo(
+        () =>
+            new Tracking({
+                user,
+                disabled,
+            }),
+        [],
+    );
+
+    useEffect(() => {
+        if (variables !== null) {
+            tracking.setVariables(variables);
+        }
+    }, [variables]);
+
+    useEffect(() => {
+        tracking.setUser(user);
+    }, [user]);
+
+    return <TrackingContainer tracking={tracking}>{children}</TrackingContainer>;
+}
+
+export default TrackingProvider;

package/lib/generators/react-app/templates/src/lib/Tracking.ts

@@ -0,0 +1,39 @@
+import { Tracking as BaseTracking } from '@folklore/tracking';
+
+class Tracking extends BaseTracking {
+    user: User | null;
+    identified: boolean;
+    options: BaseTracking['options'] & {
+        user?: User | null;
+    };
+
+    constructor(opts = {}) {
+        super(opts);
+
+        this.user = null;
+        this.identified = false;
+
+        const { user = null } = this.options;
+        if (user !== null) {
+            this.setUser(user);
+        }
+    }
+
+    setUser(user) {
+        if (user === this.user && this.identified) {
+            return;
+        }
+
+        this.user = user;
+        this.identified = true;
+
+        this.pushEventNow('identify', {
+            identified: true,
+            userId: user !== null ? user.id : null,
+            user_id: user !== null ? user.id : null,
+            user,
+        });
+    }
+}
+
+export default Tracking;

package/lib/generators/react-app/templates/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import isObject from 'lodash/isObject';
+import { type MessageDescriptor } from 'react-intl';
+
+export function isMessage(message: MessageDescriptor | unknown): message is MessageDescriptor {
+    return message !== null && isObject(message) && typeof message.id !== 'undefined';
+}

package/lib/generators/react-app/templates/types/base.d.ts

@@ -1,37 +1,39 @@
-export interface IntlMessage {
+type ReactNode = import('react').ReactNode;
+
+interface IntlMessage {
     id?: string;
     defaultMessage?: string;
 }
 
-export interface Labels {
+interface Labels {
     [key: string]: string;
 }
 
-export interface Theme {
+interface Theme {
     name: string;
 }
 
-export interface ImageSize {
+interface ImageSize {
     id: string;
     url: string;
     width: number;
     height: number;
 }
 
-export interface Source {
+interface Source {
     id: string;
     mime?: string | null;
     url: string;
     size?: number | null;
 }
 
-export interface Embed {
+interface Embed {
     provider: string;
     iframeUrl?: string;
     html?: string;
 }
 
-export interface Media {
+interface Media {
     id: string;
     type: string;
     url: string;
@@ -41,31 +43,33 @@ export interface Media {
     files?: Record<string, Source>;
 }
 
-export interface Image extends Media, ImageSize {
+interface Image extends Media, ImageSize {
     type: 'image';
     sizes: ImageSize[];
     credits?: string;
 }
 
-export interface Audio extends Media {
+interface Audio extends Media {
     type: 'audio';
 }
 
-export interface Video extends Media {
+interface Video extends Media {
     type: 'video';
     embed?: Embed;
     sources?: Source[];
 }
 
-export interface MenuItem {
+interface MenuItem {
     id: string;
-    href: string;
+    url: string;
+    active?: boolean;
     external?: boolean;
+    target?: string;
     label?: string | ReactNode;
     icon?: ReactNode;
 }
 
-export interface Page {
+interface Page {
     id: string;
     title?: string | null;
     slug?: string | null;
@@ -74,7 +78,8 @@ export interface Page {
     image?: Image | null;
 }
 
-export interface User {
+interface User {
     id: string;
+    [key: string]: unknown;
 }
 

package/lib/generators/react-app/templates/types/blocks.d.ts

@@ -1,15 +1,15 @@
-export interface BaseBlock {
+interface BaseBlock {
     id: string;
     uuid?: string;
     type: string;
     placement?: string;
 }
 
-export interface TextBlock extends BaseBlock {
+interface TextBlock extends BaseBlock {
     type: 'text';
 }
 
-export interface ImageBlock extends BaseBlock {
+interface ImageBlock extends BaseBlock {
     type: 'image';
     media: {
         url: string;
@@ -19,18 +19,18 @@ export interface ImageBlock extends BaseBlock {
     caption?: string;
 }
 
-export interface HeadingBlock extends BaseBlock {
+interface HeadingBlock extends BaseBlock {
     type: 'heading';
 }
 
-export interface CardsBlock extends BaseBlock {
+interface CardsBlock extends BaseBlock {
     type: 'cards';
     cards: Card[];
 }
 
-export type Block = TextBlock | ImageBlock | HeadingBlock | CardsBlock | BaseBlock;
+type Block = TextBlock | ImageBlock | HeadingBlock | CardsBlock | BaseBlock;
 
-export interface BaseCard {
+interface BaseCard {
     id: string;
     type: string;
     title?: string | null;
@@ -38,4 +38,4 @@ export interface BaseCard {
     image?: Image | null;
 }
 
-export type Card = BaseCard;
+type Card = BaseCard;

package/lib/generators/react-app/templates/types/forms.d.ts

@@ -1,4 +1,4 @@
-export interface BaseField {
+interface BaseField {
     name: string;
     type: string;
     component?: string;
@@ -7,49 +7,49 @@ export interface BaseField {
     image?: Image | null;
 }
 
-export interface FieldOption {
+interface FieldOption {
     value: string;
     label: string;
 }
 
-export interface OptionsField extends BaseField {
+interface OptionsField extends BaseField {
     type: 'options';
     options: FieldOption[];
     multiple?: boolean;
 }
 
-export interface ButtonsField extends OptionsField {
+interface ButtonsField extends OptionsField {
     type: 'buttons';
 }
 
-export interface SelectField extends OptionsField {
+interface SelectField extends OptionsField {
     type: 'select';
 }
 
-export interface TextField extends BaseField {
+interface TextField extends BaseField {
     type: 'text';
 }
 
-export type FormBaseField = OptionsField | TextField | BaseField;
+type FormBaseField = OptionsField | TextField | BaseField;
 
-export interface GroupField extends BaseField {
+interface GroupField extends BaseField {
     type: 'group';
     fields: FormBaseField[];
 }
 
-export type FormField = FormBaseField | GroupField;
+type FormField = FormBaseField | GroupField;
 
-export interface Form {
+interface Form {
     id: string;
     title?: string;
     fields: FormField[];
 }
 
-export interface FormErrors {
+interface FormErrors {
     [fieldName: string]: string[] | null;
 }
 
-export interface FormSnippet {
+interface FormSnippet {
     id: string;
     title?: string;
 }

package/lib/generators/react-app/templates/types/global.d.ts

@@ -1,28 +1,33 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-declare module '*.scss' {
-    const value: any;
+declare module '*.png' {
+    const value: string;
     export default value;
 }
-declare module '*.css' {
-    const value: any;
+
+declare module '*.mp3' {
+    const value: string;
     export default value;
 }
-declare module '*.png' {
-    const value: any;
+
+declare module '*.mp4' {
+    const value: string;
     export default value;
 }
-declare module '*.svg' {
-    const value: any;
+
+declare module '*.jpg' {
+    const value: string;
     export default value;
-    export const ReactComponent: any;
 }
 
-declare module '*.md' {
+declare module '*.svg' {
+    import { type ElementType } from 'react';
     const value: string;
     export default value;
+    export const ReactComponent: ElementType;
 }
 
 interface Window {
-    cioanalytics: any;
+    cioanalytics: {
+        [key: string]: unknown;
+    };
     cioanalyticsReady?: () => void;
 }

package/lib/generators/react-app/templates/types/metadata.d.ts

@@ -1,22 +1,22 @@
-export interface Microformat {
+interface Microformat {
     '@context': string;
     '@type': string;
     identifier: string;
     [key: string]: unknown;
 }
 
-export interface Taxonomy {
+interface Taxonomy {
     id: string;
     type: string;
     label: string;
     slug: string;
 }
 
-export interface Category extends Taxonomy {
+interface Category extends Taxonomy {
     type: 'category';
 }
 
-export interface Author {
+interface Author {
     id: string;
     slug: string;
     name: string;
@@ -24,13 +24,13 @@ export interface Author {
     isPerson?: boolean;
 }
 
-export interface Credit {
+interface Credit {
     author?: Author | null;
     name?: string | null;
     role?: string;
 }
 
-export interface Organisation {
+interface Organisation {
     id: string;
     name: string;
 }