gearonix · gearonix · Jul 27, 2023 · Jul 27, 2023 · Jul 27, 2023 · Jul 27, 2023
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -34,7 +34,8 @@ module.exports = configure({
       "import/extensions": "off",
       "react-hooks/exhaustive-deps": "warn",
       "react/no-array-index-key": "warn",
-      "@typescript-eslint/no-explicit-any": "warn"
+      "@typescript-eslint/no-explicit-any": "warn",
+      "dot-notation": "off"
     }
   }
 })
diff --git a/_templates/fsd-module/README.md b/_templates/fsd-module/README.md
@@ -0,0 +1,8 @@
+This generator creates a module using the 
+[Feature-Sliced-Design](https://feature-sliced.design/ru/docs/get-started/overview) methodology.
+
+### Methods
+
+--- 
+
+- new (General case)
diff --git a/_templates/fsd-module/new/hooks/index.ejs.t b/_templates/fsd-module/new/hooks/index.ejs.t
@@ -0,0 +1,3 @@
+---
+to: <%= module_name %>/hooks/index.ts
+---
diff --git a/_templates/fsd-module/new/index.ejs.t b/_templates/fsd-module/new/index.ejs.t
@@ -0,0 +1,4 @@
+---
+to: <%= module_name %>/index.ts
+---
+export { <%= module_name.charAt(0).toUpperCase() + module_name.slice(1) %> }  from './ui/<%= module_name %>'
diff --git a/_templates/fsd-module/new/lib/index.ejs.t b/_templates/fsd-module/new/lib/index.ejs.t
@@ -0,0 +1,3 @@
+---
+to: <%= module_name %>/lib/index.ts
+---
diff --git a/_templates/fsd-module/new/prompt.js b/_templates/fsd-module/new/prompt.js
@@ -0,0 +1,7 @@
+module.exports = [
+  {
+    type: 'input',
+    name: 'module_name',
+    message: "Module name:"
+  }
+]
diff --git a/_templates/fsd-module/new/store/gitkeep.ejs.t b/_templates/fsd-module/new/store/gitkeep.ejs.t
@@ -0,0 +1,4 @@
+---
+to: <%= module_name %>/store/.gitkeep
+---
+
diff --git a/_templates/fsd-module/new/ui/component.ejs.t b/_templates/fsd-module/new/ui/component.ejs.t
@@ -0,0 +1,12 @@
+---
+to: <%= module_name %>/ui/<%= module_name %>.tsx
+---
+
+interface <%= module_name.charAt(0).toUpperCase() + module_name.slice(1) %>Props {
+
+}
+
+export const <%= module_name.charAt(0).toUpperCase() + module_name.slice(1) %> = () => {
+  return null
+}
+
diff --git a/_templates/fsd-module/new/ui/component.styles.ejs.t b/_templates/fsd-module/new/ui/component.styles.ejs.t
@@ -0,0 +1,8 @@
+---
+to: <%= module_name %>/ui/<%= module_name %>.styles.ts
+---
+import styled from 'styled-components'
+
+export const <%= module_name.charAt(0).toUpperCase() + module_name.slice(1) %>Styles = styled.div`
+
+`
diff --git a/apps/client/index.html b/apps/client/index.html
@@ -1,11 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="shortcut icon" type="image/ico" href="/favicon.svg" />
-    <link rel="manifest" href="/manifest.json">
+    <link rel="manifest" href="/manifest.json" />
     <title>CodeGear</title>
   </head>
   <body>

diff --git a/apps/client/src/app/providers/router/config/router.tsx b/apps/client/src/app/providers/router/config/router.tsx
@@ -1,3 +1,4 @@
+import { Suspense } from 'react'
 import { createBrowserRouter } from 'react-router-dom'
 
 import { About } from '@/pages/about'
@@ -14,7 +15,11 @@ const router = createBrowserRouter([
   },
   {
     path: RoutePaths.EDITOR,
-    element: <Editor />
+    element: (
+      <Suspense fallback={null}>
+        <Editor />
+      </Suspense>
+    )
   },
   {
     path: RoutePaths.ABOUT,

diff --git a/apps/client/tsconfig.app.json b/apps/client/tsconfig.app.json
@@ -12,7 +12,7 @@
       "$/styles": ["../../libs/client-shared/src/styles/index.ts"],
       "$/editor": ["../../libs/editor/src/app/index.ts"],
       "react": ["../../node_modules/preact/compat"],
-      "react-dom": ["../../node_modules/preact/compat"],
+      "react-dom": ["../../node_modules/preact/compat"]
     }
   },
   "exclude": [

diff --git a/apps/server/src/config/swagger.ts b/apps/server/src/config/swagger.ts
@@ -0,0 +1,13 @@
+import { DocumentBuilder, OpenAPIObject, SwaggerModule } from '@nestjs/swagger'
+
+import { serverAppName } from '$/config'
+
+export const createSwaggerDocs = (app): OpenAPIObject => {
+  const swagger = new DocumentBuilder()
+    .setTitle(serverAppName)
+    .setDescription('REST API documentation')
+    .setVersion('1.0.0')
+    .build()
+
+  return SwaggerModule.createDocument(app, swagger)
+}
diff --git a/apps/server/src/main.ts b/apps/server/src/main.ts
@@ -1,12 +1,14 @@
 import { corsConfig } from '@/config/cors'
+import { createSwaggerDocs } from '@/config/swagger'
 import { HttpExceptionFilter } from '@/exception-filters'
 import { ValidationPipe } from '@/pipes/validation.pipe'
 import { Logger } from '@nestjs/common'
 import { NestFactory } from '@nestjs/core'
+import { SwaggerModule } from '@nestjs/swagger'
 
 import { AppModule } from './app.module'
 
-import { serverPort, serverPrefix } from '$/config'
+import { serverDocsPrefix, serverPort, serverPrefix } from '$/config'
 
 async function bootstrap() {
   const app = await NestFactory.create(AppModule)
@@ -16,6 +18,8 @@ async function bootstrap() {
   app.useGlobalPipes(new ValidationPipe())
   app.enableCors(corsConfig)
 
+  SwaggerModule.setup(serverDocsPrefix, app, createSwaggerDocs(app))
+
   Logger.log(`🚀 Server is running on port ${serverPort}`)
   await app.listen(serverPort)
 }

diff --git a/apps/server/src/modules/code-executor-api/code-executor.controller.ts b/apps/server/src/modules/code-executor-api/code-executor.controller.ts
@@ -1,4 +1,5 @@
 import { BadRequestException, Body, Controller, Post } from '@nestjs/common'
+import { ApiOperation, ApiResponse, ApiTags } from '@nestjs/swagger'
 
 import { EndPoints } from '$/config'
 import {
@@ -9,9 +10,12 @@ import {
   isExecutorApiResponse
 } from '$/services'
 
+@ApiTags('Code executor API')
 @Controller(EndPoints.CODE_EXECUTOR_API)
 export class CodeExecutorController {
   constructor(private executorService: ExecutorApiService) {}
+  @ApiOperation({ summary: 'Execute your code' })
+  @ApiResponse({ status: 200 })
   @Post()
   async executeCode(
     @Body() args: ExecuteCodeApiDTO

diff --git a/apps/server/tsconfig.app.json b/apps/server/tsconfig.app.json
@@ -9,8 +9,8 @@
     "baseUrl": ".",
     "paths": {
       "$/config": ["../../libs/config/src/index.ts"],
-      "$/services": ["../../libs/services/src/index.ts"],
-      "@/*": ["src/*"],
+      "$/services": ["../../libs/nest-services/src/index.ts"],
+      "@/*": ["src/*"]
     }
   },
   "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"],

diff --git a/libs/client-shared/src/hooks/use-alt-key-down.ts b/libs/client-shared/src/hooks/use-alt-key-down.ts
@@ -1,23 +1,23 @@
 import { EventHandler, KeyboardEvent, useState } from 'react'
 
-import { Nullable } from '../types'
+import { Nullable } from '@/types'
 
 type Handlers = Record<string, Nullable<() => void>>
 
 export const useAltKeyDown = () => {
  const [subscribers, setSubscribers] = useState<EventHandler<any>[]>([])
  return {
    on: (handlers: Handlers) => {
      Object.entries(handlers).forEach(([key, handler]) => {
         const subscriber = (e: KeyboardEvent) => {
           if (e.altKey && e.key === key.toLowerCase()) {
             e.preventDefault()
-            handler()
+            handler?.()
             return false
           }
         }
        setSubscribers([...subscribers, subscriber])
        document.addEventListener('keydown', subscriber as EventHandler<any>)
      })
    },
    clear: () => {

diff --git a/libs/client-shared/src/hooks/use-notifications.ts b/libs/client-shared/src/hooks/use-notifications.ts
@@ -1,6 +1,6 @@
 import { useContext } from 'react'
 
-import { NotificationsContext } from '../providers'
+import { NotificationsContext } from '@/providers'
 
 export const useNotifications = () => {
   return useContext(NotificationsContext)

diff --git a/libs/client-shared/src/index.ts b/libs/client-shared/src/index.ts
@@ -2,6 +2,7 @@ export * from './config'
 export * from './hooks'
 export * from './lib/components'
 export * from './lib/helpers'
+export * from './lib/icons'
 export * from './providers'
 export * from './types'
 export * from './ui'
diff --git a/libs/client-shared/src/lib/components/Display.ts b/libs/client-shared/src/lib/components/Display.ts
@@ -0,0 +1,7 @@
+import { WithChildren } from '@/types'
+
+type DisplayProps<T> = WithChildren<{ when: T }>
+
+export const Display = <T>({ when, children }: DisplayProps<T>) => {
+  return when ? children : null
+}
diff --git a/...t-shared/src/lib/components/page/page.tsx → ...client-shared/src/lib/components/Page.tsx b/...t-shared/src/lib/components/page/page.tsx → ...client-shared/src/lib/components/Page.tsx
@@ -1,5 +1,5 @@
-import { ErrorBoundary } from '../../../providers'
-import { WithChildren } from '../../../types'
+import { ErrorBoundary } from '@/providers'
+import { WithChildren } from '@/types'
 
 const Page = ({ children }: WithChildren) => {
   return <ErrorBoundary>{children}</ErrorBoundary>

diff --git a/libs/client-shared/src/lib/components/common.ts b/libs/client-shared/src/lib/components/common.ts
diff --git a/libs/client-shared/src/lib/components/index.ts b/libs/client-shared/src/lib/components/index.ts
@@ -1,6 +1,6 @@
 export {
   default as AnimationProvider,
   useAnimations
-} from '../../providers/with-animations/animation-provider'
-export { Display } from './common'
-export { default as Page } from './page/page'
+} from '../../providers/animation-provider'
+export { Display } from './Display'
+export { default as Page } from './Page'
diff --git a/...client-shared/src/lib/components/icons.ts → libs/client-shared/src/lib/icons.ts b/...client-shared/src/lib/components/icons.ts → libs/client-shared/src/lib/icons.ts
diff --git a/...rs/with-animations/animation-provider.tsx → ...ared/src/providers/animation-provider.tsx b/...rs/with-animations/animation-provider.tsx → ...ared/src/providers/animation-provider.tsx
@@ -1,8 +1,8 @@
 import { createContext, useContext, useEffect, useMemo, useRef } from 'react'
 
-import { useBooleanState } from '../../hooks'
-import { Display } from '../../lib/components'
-import { GestureType, SpringType, WithChildren } from '../../types'
+import { useBooleanState } from '@/hooks'
+import { Display } from '@/lib/components'
+import { GestureType, SpringType, WithChildren } from '@/types'
 
 type AnimationContextPayload = Partial<{
   Gesture: GestureType
@@ -33,7 +33,7 @@

  useEffect(() => {
    loadLibraries()
  }, [])

  const animationPayload: AnimationContextPayload = useMemo(
    () => ({

diff --git a/libs/client-shared/src/providers/error-boundary/error-boundary.tsx b/libs/client-shared/src/providers/error-boundary/error-boundary.tsx
@@ -1,6 +1,6 @@
 import { useErrorBoundary } from 'preact/hooks'
 
-import { WithPreactChildren } from '../../types'
+import { WithPreactChildren } from '@/types'
 
 import ErrorTemplate from './ui/error-template'
 
@@ -13,7 +13,7 @@
    return <ErrorTemplate errorInfo={error} />
  }

  return <>{children}</>
 }

 export default ErrorBoundary
diff --git a/libs/client-shared/src/providers/index.ts b/libs/client-shared/src/providers/index.ts
@@ -1,6 +1,6 @@
+export { default as AnimationProvider } from './animation-provider'
 export { default as ErrorBoundary } from './error-boundary/error-boundary'
 export {
   NotificationsContext,
   default as NotificationsProvider
-} from './notifications/ui/notifications-provider'
-export { default as AnimationProvider } from './with-animations/animation-provider'
+} from './notifications-provider'
diff --git a/...tifications/ui/notifications-provider.tsx → .../src/providers/notifications-provider.tsx b/...tifications/ui/notifications-provider.tsx → .../src/providers/notifications-provider.tsx
@@ -1,7 +1,7 @@
 import { createContext } from 'react'
 import { message } from 'antd'
 
-import { WithChildren } from '../../../types'
+import { WithChildren } from '@/types'
 
 interface UserMessage {
   type?: 'success' | 'info' | 'error'

diff --git a/libs/client-shared/src/ui/index.ts b/libs/client-shared/src/ui/index.ts
@@ -1,3 +1,4 @@
 export { default as ColorButton } from './color-button/color-button'
 export { Modal } from './modal'
 export { Popover } from './popover'
+export { Select } from './select/select'
diff --git a/libs/client-shared/src/ui/modal/ui/modal.styles.ts b/libs/client-shared/src/ui/modal/ui/modal.styles.ts
@@ -1,13 +1,6 @@
 import styled from 'styled-components'
 
-import {
-  absolute,
-  color,
-  customScrollbar,
-  flex,
-  shadow,
-  wh
-} from '../../../styles'
+import { absolute, color, customScrollbar, flex, shadow, wh } from '@/styles'
 
 export const ModalBackground = styled.div`
   ${flex('center', 'center')};

diff --git a/libs/client-shared/src/ui/modal/ui/modal.tsx b/libs/client-shared/src/ui/modal/ui/modal.tsx
@@ -1,14 +1,10 @@
 import { MouseEvent } from 'react'
 import Scrollbar from 'react-smooth-scrollbar'
 
+import { AnimationProvider, Display, useAnimations } from '@/lib/components'
+import { WithChildren } from '@/types'
 import { Portal } from '@reach/portal'
 
-import {
-  AnimationProvider,
-  Display,
-  useAnimations
-} from '../../../lib/components'
-import { WithChildren } from '../../../types'
 import { useModalTransitions } from '../hooks/use-modal-transitions'
 
 import { ModalBackground, ModalContainer, ModalStyles } from './modal.styles'

diff --git a/libs/client-shared/src/ui/popover/hooks/use-popover-animation.ts b/libs/client-shared/src/ui/popover/hooks/use-popover-animation.ts
@@ -1,5 +1,5 @@
-import { useAnimations } from '../../../providers/with-animations/animation-provider'
-import { VoidFunction } from '../../../types'
+import { useAnimations } from '@/providers/animation-provider'
+import { VoidFunction } from '@/types'
 
 export const usePopoverAnimation = (
   closeCallback: VoidFunction,

diff --git a/libs/client-shared/src/ui/popover/ui/popover.styles.tsx b/libs/client-shared/src/ui/popover/ui/popover.styles.tsx
@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { color, customScrollbar } from '../../../styles'
+import { color, customScrollbar } from '@/styles'
 
 interface PopoverStylesProps {
   readonly $bottom: number

diff --git a/libs/client-shared/src/ui/popover/ui/popover.tsx b/libs/client-shared/src/ui/popover/ui/popover.tsx
@@ -1,7 +1,8 @@
 import { useEffect } from 'react'
 
-import { AnimationProvider } from '../../../providers'
-import { VoidFunction, WithChildren } from '../../../types'
+import { AnimationProvider } from '@/providers'
+import { VoidFunction, WithChildren } from '@/types'
+
 import { usePopoverAnimation } from '../hooks'
 
 import { PopoverStyles } from './popover.styles'
@@ -17,7 +18,7 @@

  useEffect(() => {
    motion.toggle(isOpen)
  }, [isOpen])

  return (
    <PopoverStyles

diff --git a/libs/client-shared/src/ui/select/select.tsx b/libs/client-shared/src/ui/select/select.tsx
@@ -0,0 +1,29 @@
+import { Select as AntdSelect } from 'antd'
+
+interface SelectProps<T> {
+  onChange: (val: T) => void
+  value: T
+  options: {
+    value: T
+    label: string | number
+  }[]
+  defaultValue?: T
+}
+
+export const Select = <T,>({
+  onChange,
+  value,
+  options,
+  defaultValue
+}: SelectProps<T>) => {
+  return (
+    <AntdSelect
+      size="middle"
+      onChange={onChange}
+      value={value}
+      style={{ width: 200 }}
+      options={options}
+      defaultValue={defaultValue}
+    />
+  )
+}
diff --git a/libs/client-shared/tsconfig.lib.json b/libs/client-shared/tsconfig.lib.json
@@ -5,7 +5,8 @@
     "types": ["node", "vite/client"],
     "baseUrl": ".",
     "paths": {
-      "$/config": ["../config/src/index.ts"]
+      "$/config": ["../config/src/index.ts"],
+      "@/*": ["src/*"]
     }
   },
   "files": [

diff --git a/libs/config/src/env/server.ts b/libs/config/src/env/server.ts