fix: imports

apps/client/app/components/app.tsx

@@ -2,9 +2,9 @@ import { useEffect } from 'react';
 import { Outlet, useLocation } from 'react-router';
 import { GrowthBook, GrowthBookProvider } from '@growthbook/growthbook-react';
 
-import Header from '~/app/components/header';
-import Alert from '~/app/components/alert';
-import Breadcrumbs from '~/app/components/breadcrumbs';
+import Header from '~/components/header';
+import Alert from '~/components/alert';
+import Breadcrumbs from '~/components/breadcrumbs';
 
 // Create a GrowthBook instance
 const growthbook = new GrowthBook({

apps/client/app/components/post-preview.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router';
 
-import { db } from '~/app/services/db';
+import { db } from '~/services/db';
 
 interface IAuthor {
   userId: string;

apps/client/app/index.tsx

@@ -5,14 +5,14 @@ import { RouterProvider } from 'react-router/dom';
 
 import './index.css';
 
-const App = lazy(() => import('~/app/components/app'));
-const Home = lazy(() => import('~/app/pages/index'));
-const NoMatch = lazy(() => import('~/app/pages/[all]'));
+const App = lazy(() => import('~/components/app'));
+const Home = lazy(() => import('~/pages/index'));
+const NoMatch = lazy(() => import('~/pages/[all]'));
 
-const NewPost = lazy(() => import('~/app/pages/posts/new'));
-const BlogPost = lazy(() => import('~/app/pages/posts/[postId]'));
-const EditPost = lazy(() => import('~/app/pages/posts/[postId]/edit'));
-const UserInfo = lazy(() => import('~/app/pages/users/[user-name]'));
+const NewPost = lazy(() => import('~/pages/posts/new'));
+const BlogPost = lazy(() => import('~/pages/posts/[postId]'));
+const EditPost = lazy(() => import('~/pages/posts/[postId]/edit'));
+const UserInfo = lazy(() => import('~/pages/users/[user-name]'));
 
 const root = createRoot(document.getElementById('app')!);
 

apps/client/app/pages/index.tsx

@@ -2,12 +2,12 @@ import { Fragment } from 'react';
 import { useLiveQuery } from 'dexie-react-hooks';
 import { useFeature } from '@growthbook/growthbook-react';
 
-import Search from '~/app/components/search';
+import Search from '~/components/search';
 
-import { db } from '~/app/services/db';
-import { timestampToLocaleString } from '~/app/services/timestamp-to-locale-string';
-import type { IBlogPost } from '~/app/components/post-preview';
-import PostPreview from '~/app/components/post-preview';
+import { db } from '~/services/db';
+import { timestampToLocaleString } from '~/services/timestamp-to-locale-string';
+import type { IBlogPost } from '~/components/post-preview';
+import PostPreview from '~/components/post-preview';
 
 function handleDeleteStory(id: string) {
   db.posts.delete(id);

apps/client/app/pages/posts/[postId]/edit.tsx

@@ -3,8 +3,8 @@ import { useState } from 'react';
 import { redirect, useParams } from 'react-router';
 import { useLiveQuery } from 'dexie-react-hooks';
 
-import { db } from '~/app/services/db';
-import type { IBlogPost } from '~/app/components/post-preview';
+import { db } from '~/services/db';
+import type { IBlogPost } from '~/components/post-preview';
 
 interface IBlogPostProps {
   post: IBlogPost;

apps/client/app/pages/posts/[postId]/index.tsx

@@ -1,8 +1,8 @@
 import { useNavigate, useParams } from 'react-router';
 import { useLiveQuery } from 'dexie-react-hooks';
 
-import { db } from '~/app/services/db';
-import type { IBlogPost } from '~/app/components/post-preview';
+import { db } from '~/services/db';
+import type { IBlogPost } from '~/components/post-preview';
 
 function Post({ heading, text }: IBlogPost) {
   const navigate = useNavigate();

apps/client/app/pages/posts/new.tsx

@@ -3,8 +3,8 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router';
 import { v4 as uuidv4 } from 'uuid';
 
-import { Input } from '~/app/components/input';
-import { db } from '~/app/services/db';
+import { Input } from '~/components/input';
+import { db } from '~/services/db';
 
 function getRandomInt(max: number) {
   return Math.floor(Math.random() * max);

apps/client/app/pages/users/[user-name].tsx

@@ -1,8 +1,8 @@
 import { useParams } from 'react-router';
 import { useLiveQuery } from 'dexie-react-hooks';
 
-import { db } from '~/app/services/db';
-import type { IUser } from '~/app/components/post-preview';
+import { db } from '~/services/db';
+import type { IUser } from '~/components/post-preview';
 
 function Info({ name }: IUser) {
   return (

index.html → apps/client/index.html

@@ -11,6 +11,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="./apps/client/index.tsx"></script>
+    <script type="module" src="./app/index.tsx"></script>
   </body>
 </html>

vite.config.ts → apps/client/vite.config.ts

@@ -46,7 +46,7 @@ export default defineConfig({
     alias: [
       {
         find: '~/',
-        replacement: '/apps/client/',
+        replacement: '/apps/client/app',
       },
     ],
   },

package.json

@@ -8,7 +8,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "vite serve",
-    "build": "vite build",
+    "build": "nx g client build",
     "preview": "vite preview",
     "typecheck": "tsc -b",
     "test": "vitest",

tsconfig.json

@@ -8,7 +8,7 @@
     "rootDir": "./",
     "moduleResolution": "Node",
     "paths": {
-      "~/*": ["./apps/client/*"]
+      "~/*": ["./apps/client/app/*"]
     },
     "resolveJsonModule": true,
     "allowJs": false,
@@ -22,5 +22,5 @@
     "noImplicitAny": true,
     "skipLibCheck": true
   },
-  "include": ["apps/client", "vite-env.d.ts"]
+  "include": ["apps/client", "apps/client/vite-env.d.ts"]
 }