first commit

.editorconfig

@@ -0,0 +1,22 @@
+# Файл с настройками для редактора.
+#
+# Если вы разрабатываете в редакторе WebStorm, BBEdit, Coda или SourceLair
+# этот файл уже поддерживается и не нужно производить никаких дополнительных
+# действий.
+#
+# Если вы ведёте разработку в другом редакторе, зайдите
+# на https://editorconfig.org и в разделе «Download a Plugin»
+# скачайте дополнение для вашего редактора.
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{json,md}]
+indent_size = 2

.eslintrc.cjs

@@ -0,0 +1,55 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        'plugin:react/recommended',
+        'plugin:@tanstack/eslint-plugin-query/recommended',
+        'plugin:storybook/recommended',
+        'airbnb',
+        'plugin:prettier/recommended'
+    ],
+    "overrides": [
+        {
+            "env": {
+                "node": true
+            },
+            "files": [
+                ".eslintrc.{js,cjs}"
+            ],
+            "parserOptions": {
+                "sourceType": "script"
+            }
+        }
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint",
+        "react",
+        "@tanstack/query"
+    ],
+    "ignorePatterns": ["*.svg", "*.json"],
+    "rules": {
+        "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
+        'import/no-unresolved': 'off',
+        'import/prefer-default-export': 'off',
+        'no-unused-vars': 'warn',
+        'react/require-default-props': 'off',
+        'react/react-in-jsx-scope': 'off',
+        'react/jsx-props-no-spreading': 'warn',
+        'react/function-component-definition': 'off',
+        'no-shadow': 'off',
+        'import/extensions': 'off',
+        'import/no-extraneous-dependencies': 'off',
+        'no-underscore-dangle': 'off',
+        'no-param-reassign': 'off',
+        'no-undef': 'off',
+        "react/jsx-max-props-per-line": ['error', {maximum: 3}],
+        "prettier/prettier": ['error', {arrowParens: 'always'}]
+    }
+}

.gitignore

@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+build
+package-lock.json
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierrc

@@ -0,0 +1,12 @@
+{
+    "printWidth": 130,
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "jsxSingleQuote": false,
+    "bracketSpacing": true,
+    "trailingComma": "es5",
+    "arrowParens": "always",
+    "jsxBracketSameLine": false,
+    "endOfLine": "lf"
+}

.storybook/main.ts

@@ -0,0 +1,25 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import svgr from 'vite-plugin-svgr';
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-onboarding',
+        '@storybook/addon-interactions',
+    ],
+    framework: {
+        name: '@storybook/react-vite',
+        options: {},
+    },
+    docs: {
+        autodocs: 'tag',
+    },
+    viteFinal: async (config) => {
+        config.plugins.push(svgr());
+
+        return config;
+    },
+};
+export default config;

.storybook/preview.tsx

@@ -0,0 +1,45 @@
+import type { Preview } from '@storybook/react';
+import { QueryProvider } from '../src/app/providers/QueryProvider';
+import ThemeProvider from '../src/app/providers/ThemeProviders/ui/ThemeProvider';
+import { useTheme } from '../src/app/providers/ThemeProviders';
+import '../src/app/globalStyles/styles.scss';
+
+const preview: Preview = {
+    parameters: {
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
+    },
+    globalTypes: {
+        theme: {
+            description: 'Выбрать тему',
+            defaultValue: 'light',
+            toolbar: {
+                title: 'Theme',
+                icon: 'circlehollow',
+                items: ['light', 'dark'],
+                dynamicTitle: true,
+            },
+        },
+    },
+    decorators: [
+        (Story, context) => {
+            const { toggleTheme } = useTheme();
+            toggleTheme(context.globals.theme);
+
+            return (
+                <QueryProvider>
+                    <ThemeProvider>
+                        <Story />
+                    </ThemeProvider>
+                </QueryProvider>
+            );
+        },
+    ],
+};
+
+export default preview;

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="description" content="Добро пожаловать" />
+        <title>Добро пожаловать!</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.tsx"></script>
+    </body>
+</html>

package.json

@@ -0,0 +1,71 @@
+{
+  "name": "webrise-vite-start",
+  "description": "node 20.11.0",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "plop:entity": "plop entity --plopfile ./plop/plopfile.js",
+    "plop:feature": "plop feature --plopfile ./plop/plopfile.js",
+    "plop:page": "plop page --plopfile ./plop/plopfile.js",
+    "plop:shared": "plop shared --plopfile ./plop/plopfile.js",
+    "plop:widget": "plop widget --plopfile ./plop/plopfile.js",
+    "plop:api": "plop api --plopfile ./plop/plopfile.js",
+    "plop:form": "plop form --plopfile ./plop/plopfile.js",
+    "plop:store": "plop store --plopfile ./plop/plopfile.js",
+    "plop:slice": "plop slice --plopfile ./plop/plopfile.js",
+    "plop:component": "plop component --plopfile ./plop/plopfile.js"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
+    "@tanstack/react-query": "^5.18.1",
+    "@tanstack/react-query-devtools": "^5.18.1",
+    "axios": "^1.6.7",
+    "inputmask": "^5.0.8",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.50.0",
+    "react-router-dom": "^6.22.0",
+    "zod": "^3.22.4",
+    "zustand": "^4.5.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.6.14",
+    "@storybook/addon-interactions": "^7.6.14",
+    "@storybook/addon-links": "^7.6.14",
+    "@storybook/addon-onboarding": "^1.0.11",
+    "@storybook/blocks": "^7.6.14",
+    "@storybook/builder-vite": "^7.6.14",
+    "@storybook/react": "^7.6.14",
+    "@storybook/react-vite": "^7.6.14",
+    "@storybook/test": "^7.6.14",
+    "@tanstack/eslint-plugin-query": "^5.18.1",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "@typescript-eslint/parser": "^6.19.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-storybook": "^0.6.15",
+    "plop": "^4.0.1",
+    "prettier": "^3.2.4",
+    "sass": "^1.70.0",
+    "storybook": "^7.6.14",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-svgr": "^4.2.0"
+  }
+}

plop/generation/common/api.js

@@ -0,0 +1,141 @@
+const api = (plop) => {
+    plop.setGenerator('api', {
+        description: 'Создает апи',
+        prompts: [
+            {
+                type: 'list',
+                name: 'apiType',
+                message: 'Какой тип запроса?',
+                choices: [
+                    {
+                        name: 'Запрос списка (fetchNames)',
+                        value: 'fetchList',
+                    },
+                    {
+                        name: 'Запрос по id (fetchNameById)',
+                        value: 'fetchById',
+                    },
+                    {
+                        name: 'Создание слайса (createName)',
+                        value: 'create',
+                    },
+                    {
+                        name: 'Обновление слайса (updateName)',
+                        value: 'update',
+                    },
+                    {
+                        name: 'Удаление слайса (deleteName)',
+                        value: 'delete',
+                    },
+                ],
+            },
+            {
+                type: 'list',
+                name: 'layerName',
+                message: 'В какой слой положить?',
+                choices: [
+                    {
+                        name: 'entities',
+                        value: 'entities',
+                    },
+                    {
+                        name: 'features',
+                        value: 'features',
+                    },
+                    {
+                        name: 'widgets',
+                        value: 'widgets',
+                    },
+                ],
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'В какой слайс?',
+            },
+        ],
+        actions: (data) => {
+            let actionList = [];
+
+            switch (data.apiType) {
+                case 'fetchList':
+                    actionList = [
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/api/fetch{{sliceName}}s.ts',
+                            templateFile: './templates/api/fetchApi.hbs',
+                        },
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/lib/query/useFetch{{sliceName}}s.tsx',
+                            templateFile: './templates/query/fetchQuery.hbs',
+                        },
+                    ];
+                    break;
+                case 'fetchById':
+                    actionList = [
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/api/fetch{{sliceName}}ById.ts',
+                            templateFile: './templates/api/fetchByIdApi.hbs',
+                        },
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/lib/query/useFetch{{sliceName}}ById.tsx',
+                            templateFile: './templates/query/fetchByIdQuery.hbs',
+                        },
+                    ];
+                    break;
+                case 'create':
+                    actionList = [
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/api/create{{sliceName}}.ts',
+                            templateFile: './templates/api/createApi.hbs',
+                        },
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/lib/query/useCreate{{sliceName}}.tsx',
+                            templateFile: './templates/query/createQuery.hbs',
+                        },
+                    ];
+                    break;
+                case 'update':
+                    actionList = [
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/api/update{{sliceName}}.ts',
+                            templateFile: './templates/api/updateApi.hbs',
+                        },
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/lib/query/useUpdate{{sliceName}}.tsx',
+                            templateFile: './templates/query/updateQuery.hbs',
+                        },
+                    ];
+                    break;
+                case 'delete':
+                    actionList = [
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/api/delete{{sliceName}}.ts',
+                            templateFile: './templates/api/deleteApi.hbs',
+                        },
+                        {
+                            type: 'add',
+                            path: '../src/{{layerName}}/{{sliceName}}/lib/query/useDelete{{sliceName}}.tsx',
+                            templateFile: './templates/query/deleteQuery.hbs',
+                        },
+                    ];
+                    break;
+                default:
+                    console.log('Нет такого типа');
+                    break;
+            }
+
+            return actionList;
+        },
+    });
+};
+
+module.exports = api;

plop/generation/common/component.js

@@ -0,0 +1,55 @@
+const component = (plop) => {
+    plop.setGenerator('component', {
+        description: 'Создает стандартный компонент',
+        prompts: [
+            {
+                type: 'list',
+                name: 'layerName',
+                message: 'В какой слой положить?',
+                choices: [
+                    {
+                        name: 'entities',
+                        value: 'entities',
+                    },
+                    {
+                        name: 'features',
+                        value: 'features',
+                    },
+                    {
+                        name: 'widgets',
+                        value: 'widgets',
+                    },
+                ],
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'В какой слайс?',
+            },
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название компонента?',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.tsx',
+                templateFile: './templates/component/component.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.module.scss',
+                templateFile: './templates/component/component.style.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.stories.tsx',
+                templateFile: './templates/component/component.stories.hbs',
+            },
+        ],
+    });
+};
+
+module.exports = component;

plop/generation/common/form.js

@@ -0,0 +1,55 @@
+const form = (plop) => {
+    plop.setGenerator('form', {
+        description: 'Создает стандартную форму',
+        prompts: [
+            {
+                type: 'list',
+                name: 'layerName',
+                message: 'В какой слой положить?',
+                choices: [
+                    {
+                        name: 'entities',
+                        value: 'entities',
+                    },
+                    {
+                        name: 'features',
+                        value: 'features',
+                    },
+                    {
+                        name: 'widgets',
+                        value: 'widgets',
+                    },
+                ],
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'В какой слайс?',
+            },
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название компонента?',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.tsx',
+                templateFile: './templates/form/form.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.module.scss',
+                templateFile: './templates/form/form.style.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/ui/{{name}}/{{name}}.stories.tsx',
+                templateFile: './templates/form/form.stories.hbs',
+            },
+        ],
+    });
+};
+
+module.exports = form;

plop/generation/common/slice.js

@@ -0,0 +1,55 @@
+const slice = (plop) => {
+    plop.setGenerator('slice', {
+        description: 'Создает слайс',
+        prompts: [
+            {
+                type: 'list',
+                name: 'layerName',
+                message: 'В какой слой положить?',
+                choices: [
+                    {
+                        name: 'entities',
+                        value: 'entities',
+                    },
+                    {
+                        name: 'features',
+                        value: 'features',
+                    },
+                    {
+                        name: 'widgets',
+                        value: 'widgets',
+                    },
+                ],
+            },
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{name}}/ui/{{name}}.tsx',
+                templateFile: './templates/component/component.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{name}}/ui/{{name}}.module.scss',
+                templateFile: './templates/component/component.style.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{name}}/ui/{{name}}.stories.tsx',
+                templateFile: './templates/component/component.stories.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{name}}/index.ts',
+                templateFile: './templates/layers/rootIndex/rootIndex.hbs',
+            },
+        ],
+    });
+};
+
+module.exports = slice;

plop/generation/common/store.js

@@ -0,0 +1,45 @@
+const store = (plop) => {
+    plop.setGenerator('store', {
+        description: 'Создает стор',
+        prompts: [
+            {
+                type: 'list',
+                name: 'layerName',
+                message: 'В какой слой положить?',
+                choices: [
+                    {
+                        name: 'entities',
+                        value: 'entities',
+                    },
+                    {
+                        name: 'features',
+                        value: 'features',
+                    },
+                    {
+                        name: 'widgets',
+                        value: 'widgets',
+                    },
+                ],
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'В какой слайс?',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/model/store/use{{sliceName}}Store.ts',
+                templateFile: './templates/store/store.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/{{layerName}}/{{sliceName}}/model/types/{{lowerCase sliceName}}Schema.ts',
+                templateFile: './templates/store/storeSchema.hbs',
+            },
+        ],
+    });
+};
+
+module.exports = store;

plop/generation/entities/entitiesComponent.js

@@ -0,0 +1,40 @@
+const entitiesComponent = (plop) => {
+    plop.setGenerator('e-component', {
+        description: 'Создает стандартный компонент в сущности',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название компонента?',
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'entity';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{name}}/{{name}}.tsx',
+                    templateFile: './templates/component/component.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{name}}/{{name}}.module.scss',
+                    templateFile: './templates/component/component.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{name}}/{{name}}.stories.tsx',
+                    templateFile: './templates/component/component.stories.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = entitiesComponent;

plop/generation/entities/entity.js

@@ -0,0 +1,75 @@
+const entity = (plop) => {
+    plop.setGenerator('entity', {
+        description: 'Создает слайс в сущности',
+        prompts: [
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'entity';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{sliceName}}Card/{{sliceName}}Card.tsx',
+                    templateFile: './templates/layers/entities/cardUi/cardUi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{sliceName}}Card/{{sliceName}}Card.module.scss',
+                    templateFile: './templates/layers/entities/cardUi/cardUi.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/ui/{{sliceName}}Card/{{sliceName}}Card.stories.tsx',
+                    templateFile: './templates/layers/entities/cardUi/cardUi.stories.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/model/store/use{{sliceName}}Store.ts',
+                    templateFile: './templates/layers/entities/store/store.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/model/types/{{lowerCase sliceName}}Schema.ts',
+                    templateFile: './templates/layers/entities/types/sliceSchema.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/model/types/{{lowerCase sliceName}}.ts',
+                    templateFile: './templates/layers/entities/types/slice.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/api/fetch{{sliceName}}s.ts',
+                    templateFile: './templates/api/fetchApi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/lib/query/useFetch{{sliceName}}s.tsx',
+                    templateFile: './templates/query/fetchQuery.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/api/fetch{{sliceName}}ById.ts',
+                    templateFile: './templates/api/fetchByIdApi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/lib/query/useFetch{{sliceName}}ById.tsx',
+                    templateFile: './templates/query/fetchByIdQuery.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/entities/{{sliceName}}/index.ts',
+                    templateFile: './templates/layers/entities/rootIndex.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = entity;

plop/generation/features/feature.js

@@ -0,0 +1,95 @@
+const feature = (plop) => {
+    plop.setGenerator('feature', {
+        description: 'Создает слайс в фиче',
+        prompts: [
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'feature';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Create{{sliceName}}/Create{{sliceName}}.tsx',
+                    templateFile: './templates/layers/features/createUi/createUi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Create{{sliceName}}/Create{{sliceName}}.module.scss',
+                    templateFile: './templates/layers/features/createUi/createUi.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Edit{{sliceName}}/Edit{{sliceName}}.tsx',
+                    templateFile: './templates/layers/features/editUi/editUi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Edit{{sliceName}}/Edit{{sliceName}}.module.scss',
+                    templateFile: './templates/layers/features/editUi/editUi.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Delete{{sliceName}}/Delete{{sliceName}}.tsx',
+                    templateFile: './templates/layers/features/deleteUi/deleteUi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/Delete{{sliceName}}/Delete{{sliceName}}.module.scss',
+                    templateFile: './templates/layers/features/deleteUi/deleteUi.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/model/store/use{{sliceName}}Store.ts',
+                    templateFile: './templates/layers/features/store/store.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/model/types/{{lowerCase sliceName}}Schema.ts',
+                    templateFile: './templates/layers/features/types/sliceSchema.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/api/create{{sliceName}}.ts',
+                    templateFile: './templates/api/createApi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/lib/query/useCreate{{sliceName}}.tsx',
+                    templateFile: './templates/query/createQuery.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/api/update{{sliceName}}.ts',
+                    templateFile: './templates/api/updateApi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/lib/query/useUpdate{{sliceName}}.tsx',
+                    templateFile: './templates/query/updateQuery.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/api/delete{{sliceName}}.ts',
+                    templateFile: './templates/api/deleteApi.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/lib/query/useDelete{{sliceName}}.tsx',
+                    templateFile: './templates/query/deleteQuery.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/index.ts',
+                    templateFile: './templates/layers/features/rootIndex.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = feature;

plop/generation/features/featuresComponent.js

@@ -0,0 +1,40 @@
+const featuresComponent = (plop) => {
+    plop.setGenerator('f-component', {
+        description: 'Создает стандартный компонент в фиче',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название компонента?',
+            },
+            {
+                type: 'input',
+                name: 'sliceName',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'feature';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/{{name}}/{{name}}.tsx',
+                    templateFile: './templates/component/component.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/{{name}}/{{name}}.module.scss',
+                    templateFile: './templates/component/component.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/features/{{sliceName}}/ui/{{name}}/{{name}}.stories.tsx',
+                    templateFile: './templates/component/component.stories.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = featuresComponent;

plop/generation/pages/page.js

@@ -0,0 +1,36 @@
+const page = (plop) => {
+    plop.setGenerator('page', {
+        description: 'Создает страницу',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название страницы?',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: '../src/pages/{{name}}/ui/{{name}}.tsx',
+                templateFile: './templates/page/page.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/pages/{{name}}/ui/{{name}}.async.tsx',
+                templateFile: './templates/page/page.async.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/pages/{{name}}/ui/{{name}}.module.scss',
+                templateFile: './templates/page/page.style.hbs',
+            },
+            {
+                type: 'add',
+                path: '../src/pages/{{name}}/index.ts',
+                templateFile: './templates/page/index.hbs',
+            },
+        ],
+    });
+};
+
+module.exports = page;

plop/generation/shared/shared.js

@@ -0,0 +1,40 @@
+const shared = (plop) => {
+    plop.setGenerator('shared', {
+        description: 'Создает ui компонент в shared слое',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название компонента?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'shared';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/shared/ui/{{name}}/{{name}}.tsx',
+                    templateFile: './templates/component/component.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/shared/ui/{{name}}/{{name}}.module.scss',
+                    templateFile: './templates/component/component.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/shared/ui/{{name}}/{{name}}.stories.tsx',
+                    templateFile: './templates/component/component.stories.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/shared/ui/{{name}}/index.ts',
+                    templateFile: './templates/component/index.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = shared;

plop/generation/widgets/widget.js

@@ -0,0 +1,40 @@
+const widget = (plop) => {
+    plop.setGenerator('widget', {
+        description: 'Создает слайс в виджете',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'Название слайса?',
+            },
+        ],
+        actions: (data) => {
+            data.layerName = 'widgets';
+
+            return [
+                {
+                    type: 'add',
+                    path: '../src/widgets/{{name}}/ui/{{name}}.tsx',
+                    templateFile: './templates/component/component.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/widgets/{{name}}/ui/{{name}}.module.scss',
+                    templateFile: './templates/component/component.style.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/widgets/{{name}}/ui/{{name}}.stories.tsx',
+                    templateFile: './templates/component/component.stories.hbs',
+                },
+                {
+                    type: 'add',
+                    path: '../src/widgets/{{name}}/index.ts',
+                    templateFile: './templates/layers/rootIndex/rootIndex.hbs',
+                },
+            ];
+        },
+    });
+};
+
+module.exports = widget;

plop/plopfile.js

@@ -0,0 +1,51 @@
+const api = require('./generation/common/api');
+const page = require('./generation/pages/page');
+const form = require('./generation/common/form');
+const store = require('./generation/common/store');
+const slice = require('./generation/common/slice');
+const shared = require('./generation/shared/shared');
+const widget = require('./generation/widgets/widget');
+const entity = require('./generation/entities/entity');
+const feature = require('./generation/features/feature');
+const component = require('./generation/common/component');
+const entitiesComponent = require('./generation/entities/entitiesComponent');
+const featuresComponent = require('./generation/features/featuresComponent');
+
+const config = (plop) => {
+    // Common
+    api(plop);
+    form(plop);
+    store(plop);
+    slice(plop);
+    component(plop);
+
+    // Entities
+    entity(plop);
+    entitiesComponent(plop);
+
+    // Features
+    feature(plop);
+    featuresComponent(plop);
+
+    // Pages
+    page(plop);
+
+    // Shared
+    shared(plop);
+
+    // Widget
+    widget(plop);
+
+    // Helpers
+    // Первая большая буква
+    plop.setHelper('capitalize', (text) => {
+        return text.charAt(0).toUpperCase() + text.slice(1);
+    });
+
+    // Все с маленькой
+    plop.setHelper('lowerCase', (text) => {
+        return text.toLowerCase();
+    });
+};
+
+module.exports = config;

plop/templates/api/createApi.hbs

@@ -0,0 +1,18 @@
+import { $api } from '@/shared/api/axiosInstance';
+import { {{sliceName}}Type } from '@/entities/{{sliceName}}';
+
+type Create{{sliceName}}Props = {
+    user_id: number;
+};
+
+type Create{{sliceName}}Response = {
+    status: number;
+    message: string;
+    {{lowerCase sliceName}}: {{sliceName}}Type;
+};
+
+export const create{{sliceName}} = async (props: Create{{sliceName}}Props) => {
+    const { data } = await $api.post<Create{{sliceName}}Response>(`/{{lowerCase sliceName}}s/create`, props);
+
+    return data;
+};

plop/templates/api/deleteApi.hbs

@@ -0,0 +1,15 @@
+import { $api } from '@/shared/api/axiosInstance';
+
+type Delete{{sliceName}}Props = {
+    {{lowerCase sliceName}}_id: number;
+};
+type Delete{{sliceName}}Response = {
+    status: number;
+    message: string;
+};
+
+export const delete{{sliceName}} = async (props: Delete{{sliceName}}Props) => {
+    const { data } = await $api.post<Delete{{sliceName}}Response>(`/{{lowerCase sliceName}}s/delete`, props);
+
+    return data;
+};

plop/templates/api/fetchApi.hbs

@@ -0,0 +1,10 @@
+import { {{sliceName}}Type } from '../model/types/{{lowerCase sliceName}}';
+import { $api } from '@/shared/api/axiosInstance';
+
+type Fetch{{sliceName}}sResponse = {{sliceName}}Type[];
+
+export const fetch{{sliceName}}s = async () => {
+    const { data } = await $api.get<Fetch{{sliceName}}sResponse>(`/{{lowerCase sliceName}}s`);
+
+    return data;
+};

plop/templates/api/fetchByIdApi.hbs

@@ -0,0 +1,13 @@
+import { {{sliceName}}Type } from '../model/types/{{lowerCase sliceName}}';
+import { $api } from '@/shared/api/axiosInstance';
+
+type Fetch{{sliceName}}ByIdProps = {
+    {{lowerCase sliceName}}_id: number;
+};
+type Fetch{{sliceName}}ByIdResponse = {{sliceName}}Type;
+
+export const fetch{{sliceName}}ById = async (props: Fetch{{sliceName}}ByIdProps) => {
+    const { data } = await $api.post<Fetch{{sliceName}}ByIdResponse>('/{{lowerCase sliceName}}-by-id', props);
+
+    return data;
+};

plop/templates/api/updateApi.hbs

@@ -0,0 +1,17 @@
+import { $api } from '@/shared/api/axiosInstance';
+
+type Update{{sliceName}}Props = {
+    {{lowerCase sliceName}}_id: number;
+    user_id: number;
+};
+
+type Update{{sliceName}}Response = {
+    status: number;
+    message: string;
+};
+
+export const update{{sliceName}} = async (props: Update{{sliceName}}Props) => {
+    const { data } = await $api.post<Update{{sliceName}}Response>(`/{{lowerCase sliceName}}s/update`, props);
+
+    return data;
+};

plop/templates/component/component.hbs

@@ -0,0 +1,16 @@
+import { classNames } from '@/shared/lib/classNames/classNames';
+import cls from './{{name}}.module.scss';
+
+interface {{name}}Props {
+    className?: string;
+}
+
+export const {{name}} = (props: {{name}}Props) => {
+    const { className } = props;
+
+    return (
+        <div className={classNames(cls.{{name}}, {}, [className])}>
+            <p>{{name}}</p>
+        </div>
+    );
+};

plop/templates/component/component.stories.hbs

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { {{name}} } from './{{name}}';
+
+const meta = {
+    title: '{{capitalize layerName}}/{{name}}',
+    component: {{name}},
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+} satisfies Meta<typeof {{name}}>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+    args: {},
+};

plop/templates/component/component.style.hbs

@@ -0,0 +1,5 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.{{name}} {
+    display: block;
+}

plop/templates/component/index.hbs

@@ -0,0 +1 @@
+export { {{name}} } from './{{name}}';

plop/templates/form/form.hbs

@@ -0,0 +1,72 @@
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { FormProvider, useForm } from 'react-hook-form';
+import { HInput } from '@/shared/ui/FormComponents';
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { Button, ButtonSize, ButtonTheme } from '@/shared/ui/Button';
+import cls from './{{name}}.module.scss';
+
+const {{name}}Schema = z.object({
+    title: z //
+        .string()
+        .min(1, { message: 'Заполните поле' })
+        .max(255),
+    body: z //
+        .string()
+        .min(1, { message: 'Заполните поле' })
+        .max(255),
+});
+
+type {{name}}Type = z.infer<typeof {{name}}Schema>;
+
+interface {{name}}Props {
+    className?: string
+}
+
+const defaultValues = {
+    first: '',
+    second: '',
+};
+
+export const {{name}} = (props: {{name}}Props) => {
+    const { className } = props;
+
+    const methods = useForm<{{name}}Type>({
+        defaultValues,
+        resolver: zodResolver({{name}}Schema),
+    });
+
+    const { handleSubmit } = methods;
+
+    const submitHandler = async (data: {{name}}Type) => {
+        console.log('data: ', data);
+    };
+
+    return (
+        <div className={classNames(cls.{{name}}, {}, [className])}>
+            <FormProvider {...methods}>
+                <form onSubmit={handleSubmit(submitHandler)}>
+                    <HInput //
+                        className={cls.field}
+                        name="first"
+                        placeholder="Введите название"
+                    />
+                    <HInput //
+                        className={cls.field}
+                        name="second"
+                        placeholder="Введите описание"
+                    />
+                    <Button
+                        theme={ButtonTheme.PRIMARY}
+                        size={ButtonSize.XL}
+                        type="submit"
+                        // showSpinner={isAddUserLoading}
+                        // disabled={isAddUserLoading}
+                    >
+                        Сохранить
+                    </Button>
+                </form>
+            </FormProvider>
+        </div>
+    );
+};

plop/templates/form/form.stories.hbs

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { {{name}} } from './{{name}}';
+
+const meta = {
+    title: '{{capitalize layerName}}/{{name}}',
+    component: {{name}},
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+} satisfies Meta<typeof {{name}}>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+    args: {},
+};

plop/templates/form/form.style.hbs

@@ -0,0 +1,9 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.{{name}} {
+    display: block;
+}
+
+.field {
+    margin-bottom: 12px;
+}

plop/templates/layers/entities/cardUi/cardUi.hbs

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { {{sliceName}}Type } from '../../model/types/{{lowerCase sliceName}}';
+import cls from './{{sliceName}}Card.module.scss';
+
+interface {{sliceName}}CardProps {
+    className?: string;
+    {{lowerCase sliceName}}: {{sliceName}}Type;
+    editButton?: ReactNode;
+    deleteButton?: ReactNode;
+}
+
+export const {{sliceName}}Card = (props: {{sliceName}}CardProps) => {
+    const { className, {{lowerCase sliceName}}, editButton, deleteButton } = props;
+
+    return (
+        <div className={classNames(cls.{{sliceName}}Card, {}, [className])}>
+            <div className={cls.content}>
+                <div className={cls.name}>
+                    {
+                        {{lowerCase sliceName}}.title
+                    }
+                </div>
+                <div className={cls.buttons}>
+                    {editButton}
+                    {deleteButton}
+                </div>
+            </div>
+        </div>
+    );
+};

plop/templates/layers/entities/cardUi/cardUi.stories.hbs

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { {{sliceName}}Card } from './{{sliceName}}Card';
+
+const meta = {
+    title: '{{capitalize layerName}}/{{sliceName}}Card',
+    component: {{sliceName}}Card,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+} satisfies Meta<typeof {{sliceName}}Card>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+    args: {
+        {{lowerCase sliceName}}: { id: 1, title: 'CardName' },
+    },
+};

plop/templates/layers/entities/cardUi/cardUi.style.hbs

@@ -0,0 +1,20 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.{{sliceName}}Card {
+    display: block;
+}
+
+.content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px;
+    border-radius: 8px;
+    border: 1px solid var(--s-accent-c);
+}
+
+.buttons {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}

plop/templates/layers/entities/rootIndex.hbs

@@ -0,0 +1,4 @@
+export { {{sliceName}}Card } from './ui/{{sliceName}}Card/{{sliceName}}Card';
+export type { {{sliceName}}Type } from './model/types/post';
+export { useFetch{{sliceName}}s } from './lib/query/useFetch{{sliceName}}s';
+export { useFetch{{sliceName}}ById } from './lib/query/useFetch{{sliceName}}ById';

plop/templates/layers/entities/store/store.hbs

@@ -0,0 +1,10 @@
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { {{sliceName}}Schema } from '../types/{{lowerCase sliceName}}Schema';
+
+export const use{{sliceName}}Store = create<{{sliceName}}Schema>()(
+    devtools((set, get) => ({
+        isModalActive: false,
+        toggleModal: () => set({ isModalActive: !get().isModalActive }),
+    }))
+);

plop/templates/layers/entities/types/slice.hbs

@@ -0,0 +1,4 @@
+export interface {{sliceName}}Type {
+    id: number;
+    title: string;
+}

plop/templates/layers/entities/types/sliceSchema.hbs

@@ -0,0 +1,4 @@
+export interface {{sliceName}}Schema {
+    isModalActive: boolean;
+    toggleModal: () => void;
+}

plop/templates/layers/features/createUi/createUi.hbs

@@ -0,0 +1,30 @@
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { Button, ButtonSize, ButtonTheme } from '@/shared/ui/Button';
+import { use{{sliceName}}Store } from '../../model/store/use{{sliceName}}Store';
+import cls from './Create{{sliceName}}.module.scss';
+
+interface Create{{sliceName}}Props {
+    className?: string;
+}
+
+export const Create{{sliceName}} = (props: Create{{sliceName}}Props) => {
+    const { className } = props;
+    const toggleModal = use{{sliceName}}Store((state) => state.toggleModal);
+    const changingEditable{{sliceName}} = use{{sliceName}}Store((state) => state.changingEditable{{sliceName}});
+
+    const openEdit{{sliceName}}Form = () => {
+        changingEditable{{sliceName}}(undefined);
+        toggleModal();
+    };
+
+    return (
+        <Button
+            className={classNames(cls.Create{{sliceName}}, {}, [className])}
+            theme={ButtonTheme.PRIMARY}
+            size={ButtonSize.XL}
+            onClick={openEdit{{sliceName}}Form}
+        >
+            Создать слайс
+        </Button>
+    );
+};

plop/templates/layers/features/createUi/createUi.style.hbs

@@ -0,0 +1,5 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.Create{{sliceName}} {
+    margin-bottom: 48px;
+}

plop/templates/layers/features/deleteUi/deleteUi.hbs

@@ -0,0 +1,27 @@
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { Button, ButtonSize, ButtonTheme } from '@/shared/ui/Button';
+import { useDelete{{sliceName}} } from '../../lib/query/useDelete{{sliceName}}';
+import cls from './Delete{{sliceName}}.module.scss';
+
+interface Delete{{sliceName}}Props {
+    className?: string;
+    {{lowerCase sliceName}}Id: number;
+}
+
+export const Delete{{sliceName}} = (props: Delete{{sliceName}}Props) => {
+    const { className, {{lowerCase sliceName}}Id } = props;
+    const { mutate: onDelete } = useDelete{{sliceName}}();
+
+    return (
+        <Button
+            className={classNames(cls.Delete{{sliceName}}, {}, [className])}
+            theme={ButtonTheme.PRIMARY}
+            size={ButtonSize.S}
+            onClick={() => onDelete({
+                {{lowerCase sliceName}}_id: {{lowerCase sliceName}}Id
+            })}
+        >
+            Удалить
+        </Button>
+    );
+};

plop/templates/layers/features/deleteUi/deleteUi.style.hbs

@@ -0,0 +1,5 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.Delete{{sliceName}} {
+    display: block;
+}

plop/templates/layers/features/editUi/editUi.hbs

@@ -0,0 +1,31 @@
+import { classNames } from '@/shared/lib/classNames/classNames';
+import { Button, ButtonSize, ButtonTheme } from '@/shared/ui/Button';
+import { use{{sliceName}}Store } from '../../model/store/use{{sliceName}}Store';
+import cls from './Edit{{sliceName}}.module.scss';
+
+interface Edit{{sliceName}}Props {
+    className?: string;
+    {{sliceName}}Id: number;
+}
+
+export const Edit{{sliceName}} = (props: Edit{{sliceName}}Props) => {
+    const { className, {{sliceName}}Id } = props;
+    const toggleModal = use{{sliceName}}Store((state) => state.toggleModal);
+    const changingEditable{{sliceName}} = use{{sliceName}}Store((state) => state.changingEditable{{sliceName}});
+
+    const openEdit{{sliceName}}Form = (id: number) => {
+        changingEditable{{sliceName}}(id);
+        toggleModal();
+    };
+
+    return (
+        <Button
+            className={classNames(cls.Edit{{sliceName}}, {}, [className])}
+            theme={ButtonTheme.PRIMARY}
+            size={ButtonSize.S}
+            onClick={() => openEdit{{sliceName}}Form({{sliceName}}Id)}
+        >
+            Изменить
+        </Button>
+    );
+};

plop/templates/layers/features/editUi/editUi.style.hbs

@@ -0,0 +1,5 @@
+@import '@/app/globalStyles/config/mixin.scss';
+
+.Edit{{sliceName}} {
+    display: block;
+}

plop/templates/layers/features/rootIndex.hbs

@@ -0,0 +1,4 @@
+export { Create{{sliceName}} } from './ui/Create{{sliceName}}/Create{{sliceName}}';
+export { Edit{{sliceName}} } from './ui/Edit{{sliceName}}/Edit{{sliceName}}';
+export { use{{sliceName}}Store } from './model/store/use{{sliceName}}Store';
+export { Delete{{sliceName}} } from './ui/Delete{{sliceName}}/Delete{{sliceName}}';

plop/templates/layers/features/store/store.hbs

@@ -0,0 +1,12 @@
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+import { {{sliceName}}Schema } from '../types/{{lowerCase sliceName}}Schema';
+
+export const use{{sliceName}}Store = create<{{sliceName}}Schema>()(
+    devtools((set, get) => ({
+        isModalActive: false,
+        editable{{sliceName}}: undefined,
+        toggleModal: () => set({ isModalActive: !get().isModalActive }),
+        changingEditable{{sliceName}}: ({{lowerCase sliceName}}Id) => set({ editable{{sliceName}}Id: {{lowerCase sliceName}}Id }),
+    }))
+);

plop/templates/layers/features/types/sliceSchema.hbs

@@ -0,0 +1,6 @@
+export interface {{sliceName}}Schema {
+    isModalActive: boolean;
+    editable{{sliceName}}Id?: number;
+    toggleModal: () => void;
+    changingEditable{{sliceName}}: ({{lowerCase sliceName}}Id?: number) => void;
+}

plop/templates/layers/rootIndex/rootIndex.hbs

@@ -0,0 +1 @@
+export { {{name}} } from './ui/{{name}}';