add clean script + get build to work

Author: mrzachnugent

apps/mobile/app/(tabs)/components/index.tsx

@@ -17,9 +17,7 @@ export default function ComponentsScreen() {
 
   const data = !search
     ? COMPONENTS
-    : COMPONENTS.filter((item) =>
-        item.toLowerCase().includes(search.toLowerCase())
-      );
+    : COMPONENTS.filter((item) => item.toLowerCase().includes(search.toLowerCase()));
   return (
     <View className='flex-1 px-4'>
       <View className='py-4'>

apps/mobile/app/(tabs)/components/primitives.tsx

@@ -15,9 +15,7 @@ export default function PrimitivesScreen() {
 
   const data = !search
     ? PRIMITIVES
-    : PRIMITIVES.filter((item) =>
-        item.toLowerCase().includes(search.toLowerCase())
-      );
+    : PRIMITIVES.filter((item) => item.toLowerCase().includes(search.toLowerCase()));
   return (
     <View className='flex-1 px-4'>
       <View className='py-4'>

apps/mobile/babel.config.js

@@ -1,6 +1,3 @@
 module.exports = {
-  presets: [
-    ['babel-preset-expo', { jsxImportSource: 'nativewind' }],
-    'nativewind/babel',
-  ],
+  presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
 };

apps/mobile/metro.config.js

@@ -1,35 +1,22 @@
-// Learn more https://docs.expo.io/guides/customizing-metro
 const { getDefaultConfig } = require('expo/metro-config');
 const { withNativeWind } = require('nativewind/metro');
-const { FileStore } = require('metro-cache');
 const path = require('path');
 
 // Find the project and workspace directories
 const projectRoot = __dirname;
 // This can be replaced with `find-yarn-workspace-root`
 const monorepoRoot = path.resolve(projectRoot, '../..');
 
-/** @type {import('expo/metro-config').MetroConfig} */
-const config = getDefaultConfig(__dirname, {
-  // [Web-only]: Enables CSS support in Metro.
-  isCSSEnabled: true,
-});
+const config = getDefaultConfig(projectRoot);
 
-// #1 - Watch all files in the monorepo
+// 1. Watch all files within the monorepo
 config.watchFolders = [monorepoRoot];
-// #3 - Force resolving nested modules to the folders below
-config.resolver.disableHierarchicalLookup = true;
-// #2 - Try resolving with project modules first, then workspace modules
+// 2. Let Metro know where to resolve packages and in what order
 config.resolver.nodeModulesPaths = [
   path.resolve(projectRoot, 'node_modules'),
   path.resolve(monorepoRoot, 'node_modules'),
 ];
 
-// Use turborepo to restore the cache when possible
-config.cacheStores = [
-  new FileStore({ root: path.join(projectRoot, 'node_modules', '.cache', 'metro') }),
-];
-
 const { resolver } = config;
 config.resolver = {
   ...resolver,

apps/mobile/package.json

@@ -1,12 +1,13 @@
 {
   "name": "react-native-reusables",
-  "main": "index.js",
+  "main": "expo-router/entry",
   "version": "1.0.0",
   "scripts": {
     "start": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start -c",
     "android": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start -c --android",
     "dev": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start -c --ios",
-    "web": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start -c --web"
+    "dev:web": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start -c --web",
+    "clean": "rm -rf .expo node_modules"
   },
   "dependencies": {
     "@rnr/ui": "*",

package-lock.json

@@ -8,12 +8,14 @@
   "scripts": {
     "dev": "turbo dev",
     "dev:mobile": "turbo dev --filter=\"{./apps/mobile}...\" --concurrency 50",
+    "dev:mobile:web": "turbo build && turbo dev:web --filter=\"{./apps/mobile}...\" --concurrency 32",
     "dev:docs": "turbo dev --filter=\"{./apps/docs}...\"",
     "lint": "turbo lint",
     "test": "turbo test",
     "build": "turbo build",
     "build:mobile": "turbo build --filter=\"...{./apps/mobile}\"",
-    "build:docs": "turbo build --filter=\"...{./apps/docs}\""
+    "build:docs": "turbo build --filter=\"...{./apps/docs}\"",
+    "clean": "rm -rf .turbo node_modules && turbo clean"
   },
   "devDependencies": {
     "turbo": "^1.12.4",

package.json

@@ -15,7 +15,8 @@
     "dev": "tsup --watch --silent",
     "lint": "eslint --ext js,ts,tsx .",
     "test": "jest",
-    "build": "tsup --clean"
+    "build": "tsup --clean",
+    "clean": "rm -rf .turbo build"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",

packages/accordion/package.json

@@ -28,12 +28,10 @@ type AccordionRootProps = AccordionContext & {
   orientation?: 'vertical' | 'horizontal';
 };
 
-interface ItemProps {
+type AccordionItemProps = {
   value: string;
   disabled?: boolean;
-}
-
-type AccordionItemProps = ItemProps;
+};
 type AccordionContentProps = ForceMountable;
 
 export type { AccordionContentProps, AccordionContext, AccordionItemProps, AccordionRootProps };

packages/accordion/src/types.ts

@@ -15,7 +15,8 @@
     "dev": "tsup --watch --silent",
     "lint": "eslint --ext js,ts,tsx .",
     "test": "jest",
-    "build": "tsup --clean"
+    "build": "tsup --clean",
+    "clean": "rm -rf .turbo build"
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.0.5",