generator-folklore 3.0.36 → 3.0.39

package/lib/generators/node-project/index.js

@@ -1,12 +1,15 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
-var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 var _utils = require("../../lib/utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class NodeProjectGenerator extends _generator.default {
+class NodeProjectGenerator extends _generator.default {
   // The name `constructor` is important here
   constructor(...args) {
     super(...args);
@@ -117,9 +120,9 @@ module.exports = class NodeProjectGenerator extends _generator.default {
         const scripts = {
           'build:web': `flklr build --load-env ${(0, _utils.ensureLeadingDotSlash)(webEntryPath)}`,
           'build:rollup': `rollup --bundleConfigAsCjs --config rollup.config.js`,
-          'build': 'npm run build:web && npm run build:rollup',
-          'server': `babel-node ${(0, _utils.ensureLeadingDotSlash)(serverEntryPath)}`,
-          'start': `flklr serve --load-env ${(0, _utils.ensureLeadingDotSlash)(webEntryPath)}`
+          build: 'npm run build:web && npm run build:rollup',
+          server: `babel-node ${(0, _utils.ensureLeadingDotSlash)(serverEntryPath)}`,
+          start: `flklr serve --load-env ${(0, _utils.ensureLeadingDotSlash)(webEntryPath)}`
         };
         this.packageJson.merge({
           scripts
@@ -133,4 +136,5 @@ module.exports = class NodeProjectGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = NodeProjectGenerator;

package/lib/generators/npm-package/index.js

@@ -1,11 +1,15 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class NpmPackageGenerator extends _generator.default {
+class NpmPackageGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.argument('package-name', {
@@ -215,4 +219,5 @@ module.exports = class NpmPackageGenerator extends _generator.default {
       }
     };
   }
-};
+}
+exports.default = NpmPackageGenerator;

package/lib/generators/prettier/index.js

@@ -1,9 +1,13 @@
 "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 }; }
-module.exports = class PrettierGenerator extends _generator.default {
+class PrettierGenerator extends _generator.default {
   get prompting() {
     return {
       welcome() {
@@ -39,4 +43,5 @@ module.exports = class PrettierGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = PrettierGenerator;

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

@@ -1,7 +1,10 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
-var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -10,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-module.exports = class ReactAppGenerator extends _generator.default {
+class ReactAppGenerator extends _generator.default {
   // The name `constructor` is important here
   constructor(...args) {
     super(...args);
@@ -90,7 +93,6 @@ module.exports = class ReactAppGenerator extends _generator.default {
       },
       packageJSON() {
         const srcPath = this.templatePath('_package.json');
-        const destPath = this.destinationPath('package.json');
         const packageJSON = this.fs.readJSON(srcPath);
         this.packageJson.merge(_objectSpread(_objectSpread({}, packageJSON), {}, {
           name: this.options['project-name']
@@ -127,4 +129,5 @@ module.exports = class ReactAppGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = ReactAppGenerator;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { StrictMode, createElement } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import App from './components/App';
@@ -10,8 +10,8 @@ function getAppProps() {
 
 function renderApp(props) {
     const element = document.getElementById('app');
-    const app = React.createElement(App, props);
-    const strictMode = React.createElement(React.StrictMode, {}, app);
+    const app = createElement(App, props);
+    const strictMode = createElement(StrictMode, {}, app);
     const root = createRoot(element);
     root.render(strictMode);
 }

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

@@ -1,18 +1,20 @@
-import { RoutesProvider } from '@folklore/routes';
+import { type RoutesMap, RoutesProvider } from '@folklore/routes';
 import { IntlProvider } from 'react-intl';
 import { Router } from 'wouter';
 
 import Routes from './Routes';
 
+const defaultRoutes: RoutesMap = { home: '/' };
+
 interface AppProps {
     intl?: {
         locale?: string;
         messages?: Record<string, Record<string, string>> | Record<string, string>;
     } | null;
-    routes?: Record<string, string>;
+    routes?: RoutesMap;
 }
 
-function App({ intl = null, routes = { home: '/' } }: AppProps) {
+function App({ intl = null, routes = defaultRoutes }: AppProps) {
     const { locale = 'fr', messages = {} } = intl || {};
     return (
         <IntlProvider locale={locale} messages={messages[locale] || messages}>

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

@@ -1,16 +1,12 @@
-/* eslint-disable react/button-has-type */
 import { ReactNode, MouseEvent } from 'react';
 import classNames from 'classnames';
 import { Link } from 'wouter';
 
-import styles from '<%= getRelativeStylesPath('components/buttons/Button.jsx', 'buttons/button.module.css') %>';
+import { IntlMessage } from '../../types';
 
-interface Message {
-    id: string;
-    defaultMessage?: string;
-}
+import styles from '<%= getRelativeStylesPath('components/buttons/Button.jsx', 'buttons/button.module.css') %>';
 
-type Label = Message | ReactNode;
+type Label = IntlMessage | ReactNode;
 
 interface ButtonProps {
     text?: string | null;

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

@@ -1,6 +1,12 @@
+import { ReactNode } from 'react';
+
 import styles from '<%= getRelativeStylesPath('components/layouts/Main.jsx', 'layouts/main.module.css') %>';
 
-function MainLayout({ children = null }: { children: React.ReactNode }) {
+interface MainLayoutProps {
+    children: ReactNode;
+}
+
+function MainLayout({ children = null }: MainLayoutProps) {
     return (
         <div className={styles.container}>
             <div className={styles.inner}>

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

@@ -1,23 +1,17 @@
-/* eslint-disable react/no-array-index-key */
 import classNames from 'classnames';
 import { Link } from 'wouter';
 
+import { MenuItem } from '../../types';
+
 import styles from '<%= getRelativeStylesPath('components/menus/Menu.jsx', 'menus/menu.module.css') %>';
 
-interface MenuItem {
-    label: string;
-    url: string;
-    active?: boolean;
-    external?: boolean;
-    target?: string;
-}
 
 interface MenuProps {
     items?: MenuItem[];
     className?: string | null;
 }
 
-function Menu({ items = [], className = null }: MenuProps) {
+function Menu({ items = null, className = null }: MenuProps) {
     return (
         <nav
             className={classNames([
@@ -28,7 +22,7 @@ function Menu({ items = [], className = null }: MenuProps) {
             ])}
         >
             <ul className={styles.items}>
-                {items.map(({ label, url, active = false, external = false, target = '_blank' }, index) => (
+                {(items || []).map(({ label, url, active = false, external = false, target = '_blank' }, index) => (
                     <li
                         className={classNames([
                             styles.item,
@@ -54,6 +48,4 @@ function Menu({ items = [], className = null }: MenuProps) {
     );
 }
 
-Menu.propTypes = propTypes;
-
 export default Menu;

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-props-no-spreading */
 import { Link } from 'wouter';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { useUrlGenerator } from '@folklore/routes';

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/no-array-index-key */
 import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 

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

@@ -1,13 +1,23 @@
 /* globals GOOGLE_API_KEY: true */
-import React, { useContext } from 'react';
+import { useContext, createContext, ReactNode } from 'react';
 
-const KeysContext = React.createContext({
+type KeysContextType = {
+    googleApiKey?: string | null;
+    [key: string]: unknown;
+};
+
+const KeysContext = createContext<KeysContextType>({
     googleApiKey: typeof GOOGLE_API_KEY !== 'undefined' ? GOOGLE_API_KEY : null,
 });
 
 export const useKeys = () => useContext(KeysContext);
 
-export const KeysProvider = ({ children = null, keys = null }: { children: React.ReactNode, keys: object | null }) => (
+interface KeysProviderProps {
+    children: ReactNode;
+    keys: KeysContextType | null;
+}
+
+export const KeysProvider = ({ children = null, keys = null }: KeysProviderProps) => (
     <KeysContext.Provider value={keys}>{children}</KeysContext.Provider>
 );
 

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

@@ -1,37 +1,37 @@
-interface IntlMessage {
+export interface IntlMessage {
     id?: string;
     defaultMessage?: string;
 }
 
-interface Labels {
+export interface Labels {
     [key: string]: string;
 }
 
-interface Theme {
+export interface Theme {
     name: string;
 }
 
-interface ImageSize {
+export interface ImageSize {
     id: string;
     url: string;
     width: number;
     height: number;
 }
 
-interface Source {
+export interface Source {
     id: string;
     mime?: string | null;
     url: string;
     size?: number | null;
 }
 
-interface Embed {
+export interface Embed {
     provider: string;
     iframeUrl?: string;
     html?: string;
 }
 
-interface Media {
+export interface Media {
     id: string;
     type: string;
     url: string;
@@ -41,23 +41,23 @@ interface Media {
     files?: Record<string, Source>;
 }
 
-interface Image extends Media, ImageSize {
+export interface Image extends Media, ImageSize {
     type: 'image';
     sizes: ImageSize[];
     credits?: string;
 }
 
-interface Audio extends Media {
+export interface Audio extends Media {
     type: 'audio';
 }
 
-interface Video extends Media {
+export interface Video extends Media {
     type: 'video';
     embed?: Embed;
     sources?: Source[];
 }
 
-interface MenuItem {
+export interface MenuItem {
     id: string;
     href: string;
     external?: boolean;
@@ -65,7 +65,7 @@ interface MenuItem {
     icon?: ReactNode;
 }
 
-interface Page {
+export interface Page {
     id: string;
     title?: string | null;
     slug?: string | null;
@@ -74,7 +74,7 @@ interface Page {
     image?: Image | null;
 }
 
-interface User {
+export interface User {
     id: string;
 }
 

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

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

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

@@ -0,0 +1,4 @@
+export * from './base';
+export * from './blocks';
+export * from './forms';
+export * from './metadata';

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

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

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

@@ -1,12 +1,16 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
 var _changeCase = require("change-case");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class ReactPackageGenerator extends _generator.default {
+class ReactPackageGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.argument('package-name', {
@@ -73,7 +77,7 @@ module.exports = class ReactPackageGenerator extends _generator.default {
             message: 'Name of the component:',
             default: answers => {
               const packageName = this.options['package-name'] || answers['package-name'];
-              return packageName ? (0, _changeCase.pascal)(packageName) : undefined;
+              return packageName ? (0, _changeCase.pascalCase)(packageName) : undefined;
             }
           });
         }
@@ -174,4 +178,5 @@ module.exports = class ReactPackageGenerator extends _generator.default {
       }
     };
   }
-};
+}
+exports.default = ReactPackageGenerator;

package/lib/generators/rollup/index.js

@@ -1,10 +1,13 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
-var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class RollupGenerator extends _generator.default {
+class RollupGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
   }
@@ -45,4 +48,5 @@ module.exports = class RollupGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = RollupGenerator;

package/lib/generators/sass-lint/index.js

@@ -1,9 +1,13 @@
 "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 }; }
-module.exports = class SassLintGenerator extends _generator.default {
+class SassLintGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.option('camel-case', {
@@ -35,4 +39,5 @@ module.exports = class SassLintGenerator extends _generator.default {
       }
     };
   }
-};
+}
+exports.default = SassLintGenerator;

package/lib/generators/scss/index.js

@@ -1,10 +1,14 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class ScssGenerator extends _generator.default {
+class ScssGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.argument('project-name', {
@@ -57,4 +61,5 @@ module.exports = class ScssGenerator extends _generator.default {
       }
     };
   }
-};
+}
+exports.default = ScssGenerator;

package/lib/generators/server/index.js

@@ -1,11 +1,14 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
-var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class ServerGenerator extends _generator.default {
+class ServerGenerator extends _generator.default {
   // The name `constructor` is important here
   constructor(...args) {
     super(...args);
@@ -70,4 +73,5 @@ module.exports = class ServerGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = ServerGenerator;

package/lib/generators/storybook/index.js

@@ -1,10 +1,14 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 var _chalk = _interopRequireDefault(require("chalk"));
 var _path = _interopRequireDefault(require("path"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = class StorybookGenerator extends _generator.default {
+class StorybookGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.option('path', {
@@ -49,6 +53,7 @@ module.exports = class StorybookGenerator extends _generator.default {
         });
       },
       packageJSON() {
+        const destPath = this.destinationPath('package.json');
         const packageJSON = this.fs.exists(destPath) ? this.fs.readJSON(destPath) : {};
         packageJSON['storybook-deployer'] = {
           gitUsername: 'Folklore',
@@ -77,4 +82,5 @@ module.exports = class StorybookGenerator extends _generator.default {
       }
     };
   }
-};
+}
+exports.default = StorybookGenerator;

package/lib/generators/stylelint/index.js

@@ -1,9 +1,13 @@
 "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 }; }
-module.exports = class StylelintGenerator extends _generator.default {
+class StylelintGenerator extends _generator.default {
   constructor(...args) {
     super(...args);
     this.option('camel-case', {
@@ -44,4 +48,5 @@ module.exports = class StylelintGenerator extends _generator.default {
     }
     await this.spawnCommand('npm', ['install']);
   }
-};
+}
+exports.default = StylelintGenerator;