fix:use client to fragments

app/entrypoints/renderer/package.json

@@ -10,10 +10,11 @@
     "start": "node dist/src/index.cjs"
   },
   "dependencies": {
-    "@app/base-layout-fragment": "workspace:*",
     "react-intl": "6.6.8"
   },
   "devDependencies": {
+    "@app/base-layout-fragment": "workspace:*",
+    "@app/index-page": "workspace:*",
     "@app/registration-page": "workspace:*",
     "@app/users-page": "workspace:*",
     "@emotion/react": "11.11.4",

app/entrypoints/renderer/src/app/dashboard/layout.tsx

@@ -1,9 +1,7 @@
-'use client'
+import { BaseLayout } from '@app/base-layout-fragment'
 
 import React          from 'react'
 
-import { BaseLayout } from '@app/base-layout-fragment'
-
 const Layout = ({ children }) => <BaseLayout>{children}</BaseLayout>
 
 export default Layout

app/entrypoints/renderer/src/app/dashboard/users/page.ts

@@ -1,3 +1 @@
-'use client'
-
 export { default } from '@app/users-page'

app/entrypoints/renderer/src/app/page.tsx

@@ -1,11 +1 @@
-'use client'
-
-// @ts-ignore:next-line
-import { useRouter } from 'next/navigation'
-
-const Page = () => {
-  const router = useRouter()
-  router.push('/dashboard/users')
-}
-
-export default Page
+export { default } from '@app/index-page'

app/entrypoints/renderer/src/app/registration/page.ts

@@ -1,3 +1 @@
-'use client'
-
 export { default } from '@app/registration-page'

app/fragments/app-base-layout/src/base-layout.component.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { useTheme }          from '@emotion/react'
 
 import React                 from 'react'
@@ -10,16 +12,16 @@ import { Row }               from '@ui/layout'
 import { Column }            from '@ui/layout'
 import { Sidebar }           from '@ui/sidebar'
 
+import { AVATAR }            from './base-layout.constants.js'
+import { EMAIL }             from './base-layout.constants.js'
+import { NAME }              from './base-layout.constants.js'
 import { BaseLayoutProps }   from './base-layout.interfaces.js'
-import { avatar }            from './base-layout.constants.js'
-import { email }             from './base-layout.constants.js'
-import { name }              from './base-layout.constants.js'
 
 export const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>> = ({ children }) => {
   const theme: any = useTheme()
   return (
     <Row backgroundColor={theme.backgrounds.main}>
-      <Sidebar name={name} email={email} src={avatar} />
+      <Sidebar name={NAME} email={EMAIL} src={AVATAR} />
       <Column alignItems='center' flex={1}>
         <ThemeSelector />
         <Column

app/fragments/app-base-layout/src/base-layout.constants.ts

@@ -1,3 +1,3 @@
-export const name = 'Bill Gates'
-export const email = '[email protected]'
-export const avatar = '/profile.png'
+export const NAME = 'Bill Gates'
+export const EMAIL = '[email protected]'
+export const AVATAR = '/profile.png'

app/pages/index-page/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@app/index-page",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "main": "src/index.ts",
+  "devDependencies": {
+    "@emotion/react": "11.11.4",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "18.3.0",
+    "next": "14.1.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "*",
+    "react": "*",
+    "react-dom": "*"
+  }
+}

app/pages/index-page/src/index.page.tsx

@@ -0,0 +1,10 @@
+'use client'
+
+import { useRouter } from 'next/navigation.js'
+
+const IndexPage = () => {
+  const router = useRouter()
+  router.push('/dashboard/users')
+}
+
+export default IndexPage

app/pages/index-page/src/index.ts

@@ -0,0 +1 @@
+export { default } from './index.page.js'

app/pages/registration-page/src/registration.page.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React            from 'react'
 
 import { Registration } from '@app/registration'

app/pages/users-page/src/users.page.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React          from 'react'
 
 import { UserCard }   from '@app/user-card'

yarn.lock

@@ -209,6 +209,21 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@app/index-page@workspace:*, @app/index-page@workspace:app/pages/index-page":
+  version: 0.0.0-use.local
+  resolution: "@app/index-page@workspace:app/pages/index-page"
+  dependencies:
+    "@emotion/react": "npm:11.11.4"
+    "@types/react": "npm:^18.3.3"
+    "@types/react-dom": "npm:18.3.0"
+    next: "npm:14.1.0"
+  peerDependencies:
+    "@emotion/react": "*"
+    react: "*"
+    react-dom: "*"
+  languageName: unknown
+  linkType: soft
+
 "@app/main-logo@workspace:*, @app/main-logo@workspace:app/fragments/app-main-logo":
   version: 0.0.0-use.local
   resolution: "@app/main-logo@workspace:app/fragments/app-main-logo"
@@ -314,6 +329,7 @@ __metadata:
   resolution: "@app/renderer-entrypoint@workspace:app/entrypoints/renderer"
   dependencies:
     "@app/base-layout-fragment": "workspace:*"
+    "@app/index-page": "workspace:*"
     "@app/registration-page": "workspace:*"
     "@app/users-page": "workspace:*"
     "@emotion/react": "npm:11.11.4"