From 5ee9392e320822265f720ec24486c7c3d6019e47 Mon Sep 17 00:00:00 2001
From: Gearonix <egor.uzhanin@gmail.com>
Date: Sat, 2 Sep 2023 20:13:25 +0300
Subject: [PATCH] chore: reduced .git folder size

---
 .../sign-in-modal/ui/sign-in-modal.tsx        |  2 +-
 .../widgets/html-preview/ui/html-preview.tsx  |  1 -
 .../web/shared/src/hooks/use-notifications.ts |  3 ++-
 .../notifications/notifications-provider.tsx  |  2 +-
 .../web/shared/src/types/common/common.ts     | 15 +-----------
 packages/web/shared/src/types/common/react.ts | 24 +++++++++++++++++++
 packages/web/shared/src/types/index.ts        |  1 +
 7 files changed, 30 insertions(+), 18 deletions(-)
 create mode 100644 packages/web/shared/src/types/common/react.ts

diff --git a/apps/client/src/widgets/sign-in-modal/ui/sign-in-modal.tsx b/apps/client/src/widgets/sign-in-modal/ui/sign-in-modal.tsx
index 9237d0eb..85ce760a 100644
--- a/apps/client/src/widgets/sign-in-modal/ui/sign-in-modal.tsx
+++ b/apps/client/src/widgets/sign-in-modal/ui/sign-in-modal.tsx
@@ -1,4 +1,4 @@
-import { SignInForm } from '$/common-types'
+import { SignInForm } from '@code-gear/api/common'
 import { Modal } from '@code-gear/web/ui'
 import { observer } from 'mobx-react-lite'
 import { useNavigate } from 'react-router-dom'
diff --git a/packages/web/editor/src/widgets/html-preview/ui/html-preview.tsx b/packages/web/editor/src/widgets/html-preview/ui/html-preview.tsx
index 7be4273c..96e9807b 100644
--- a/packages/web/editor/src/widgets/html-preview/ui/html-preview.tsx
+++ b/packages/web/editor/src/widgets/html-preview/ui/html-preview.tsx
@@ -34,7 +34,6 @@ const HtmlPreview = () => {
             <PreviewEditor lang="css" />
             <PreviewEditor lang="javascript" />
           </EditorBlock>
-
           <PreviewBlock>
             <IFrame />
           </PreviewBlock>
diff --git a/packages/web/shared/src/hooks/use-notifications.ts b/packages/web/shared/src/hooks/use-notifications.ts
index 025008f3..e5f520b0 100644
--- a/packages/web/shared/src/hooks/use-notifications.ts
+++ b/packages/web/shared/src/hooks/use-notifications.ts
@@ -1,7 +1,8 @@
+import { NotificationsPayload } from '@/providers/notifications/notifications-provider'
 import { useContext } from 'react'
 
 import { NotificationsContext } from '@/providers'
 
 export const useNotifications = () => {
-  return useContext(NotificationsContext)
+  return useContext(NotificationsContext) as NotificationsPayload
 }
diff --git a/packages/web/shared/src/providers/notifications/notifications-provider.tsx b/packages/web/shared/src/providers/notifications/notifications-provider.tsx
index 00a8fe33..757e16da 100644
--- a/packages/web/shared/src/providers/notifications/notifications-provider.tsx
+++ b/packages/web/shared/src/providers/notifications/notifications-provider.tsx
@@ -8,7 +8,7 @@ interface UserMessage {
   message: string
 }
 
-interface NotificationsPayload {
+export interface NotificationsPayload {
   open: (args: UserMessage) => void
 }
 
diff --git a/packages/web/shared/src/types/common/common.ts b/packages/web/shared/src/types/common/common.ts
index 3bea3108..71dc16bf 100644
--- a/packages/web/shared/src/types/common/common.ts
+++ b/packages/web/shared/src/types/common/common.ts
@@ -1,5 +1,4 @@
-import { KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react'
-import { ComponentChildren } from 'preact'
+import { KeyboardEvent, MouseEvent } from 'react'
 
 export type AnyObject = Record<string, unknown>
 
@@ -7,14 +6,6 @@ export type AnyFunction<T = void> = (...args: any[]) => T
 
 export type VoidFunction = () => void
 
-export type WithPreactChildren<T extends AnyObject = AnyObject> = T & {
-  children: ComponentChildren
-}
-
-export type WithChildren<T> = T & {
-  children: ReactElement | ReactNode
-}
-
 export type TargetKey = MouseEvent | KeyboardEvent | string
 
 export type Nullable<T> = T | null
@@ -26,7 +17,3 @@ export type ValueOf<T> = T[keyof T]
 export type Keys<T extends readonly unknown[]> = T[number]
 
 export type Hex = `#${string}`
-
-export type CustomArguments<F> = F extends (...args: infer A) => unknown
-  ? A
-  : never
diff --git a/packages/web/shared/src/types/common/react.ts b/packages/web/shared/src/types/common/react.ts
new file mode 100644
index 00000000..dc4d7671
--- /dev/null
+++ b/packages/web/shared/src/types/common/react.ts
@@ -0,0 +1,24 @@
+import { AnyObject } from '@/types'
+import { ComponentChildren } from 'preact'
+import { Component } from 'preact'
+import { ReactElement } from 'react'
+import { ReactNode } from 'react'
+
+export type WithFeatures<
+  T extends AnyObject,
+  B extends Record<string, Component | ReactNode>
+> = T & {
+  features: B
+}
+
+export type WithPreactChildren<T extends AnyObject = AnyObject> = T & {
+  children: ComponentChildren
+}
+
+export type WithChildren<T> = T & {
+  children: ReactElement | ReactNode
+}
+
+export type CustomArguments<F> = F extends (...args: infer A) => unknown
+  ? A
+  : never
diff --git a/packages/web/shared/src/types/index.ts b/packages/web/shared/src/types/index.ts
index 14f4328e..ee695df1 100644
--- a/packages/web/shared/src/types/index.ts
+++ b/packages/web/shared/src/types/index.ts
@@ -1,4 +1,5 @@
 export * from './common/common'
+export * from './common/react'
 export * from './common/graphql'
 export * from './common/type-guards'
 export * from './lib/animations'