fix local development

apps/web/src/app.tsx

@@ -1,6 +1,7 @@
 import { useMemo, useRef, useState } from 'react'
 
 import {
+  CHANNEL_GROUPS,
   Composer,
   Messages,
   Sidebar,
@@ -10,7 +11,6 @@ import {
   useAppState,
 } from '@status-im/components'
 import { useBlur } from '@status-im/components/hooks'
-import { CHANNEL_GROUPS } from '@status-im/components/src/sidebar/mock-data'
 
 const COMMUNITY = {
   name: 'Rarible',

apps/web/vite.config.ts

@@ -1,5 +1,6 @@
 import { tamaguiPlugin } from '@tamagui/vite-plugin'
 import react from '@vitejs/plugin-react-swc'
+import path from 'path'
 import { defineConfig } from 'vite'
 
 import type { PluginOption } from 'vite'
@@ -13,15 +14,23 @@ const tamaguiConfig = {
   // useReactNativeWebLite: true,
 }
 
-// https://vitejs.dev/config
+// @see: https://vitejs.dev/config
 export default defineConfig({
+  resolve: {
+    // mainFields: ['module', 'jsnext:main', 'jsnext'],
+    alias: {
+      '@status-im/components/hooks': path.resolve(
+        '../../packages/components/hooks'
+      ),
+      '@status-im/components': path.resolve('../../packages/components/src'),
+    },
+  },
   define: {
     TAMAGUI_TARGET: JSON.stringify('web'),
   },
   plugins: [
     react(),
     tamaguiPlugin(tamaguiConfig) as PluginOption,
-    // BUG
     // tamaguiExtractPlugin(tamaguiConfig)
   ],
 })

packages/components/package.json

@@ -5,9 +5,11 @@
     "*.css"
   ],
   "private": true,
+  "#module": "./src/index.tsx",
+  "types": "./src/index.tsx",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
-  "types": "./dist/types/index.d.ts",
+  "#types": "./dist/types/index.d.ts",
   "files": [
     "types",
     "dist"

packages/components/src/index.tsx

@@ -13,5 +13,8 @@ export * from './topbar'
 export * from './typography'
 export * from './user-list'
 
+// MOCK DATA
+export { CHANNEL_GROUPS } from './sidebar/mock-data'
+
 // eslint-disable-next-line simple-import-sort/exports
 export { config } from './tamagui.config'

packages/icons/package.json

@@ -1,8 +1,6 @@
 {
   "name": "@status-im/icons",
   "version": "0.0.1",
-  "types": "src/index.tsx",
-  "main": "src/index.tsx",
   "private": true,
   "files": [
     "types",