@momo-kits/mcp-expo 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/mcp-expo",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "MCP server: push AI-generated code to Expo and get LAN URL for Expo Go demo",
   "type": "module",
   "main": "server.mjs",

package/server.mjs

@@ -23,8 +23,12 @@ import { fileURLToPath } from 'url';
 
 // ── Config ───────────────────────────────────────────────────────────────────
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const TEMPLATE_DIR = path.join(__dirname, 'template');
+// Resolve template dir:
+//  1. MCP_EXPO_TEMPLATE_DIR env var (absolute path, highest priority)
+//  2. Relative to this file: ./template  (works for local dev and npm install)
+//     When installed globally via npx, this resolves to the user's local install path
+const TEMPLATE_DIR = process.env.MCP_EXPO_TEMPLATE_DIR
+  || path.join(path.dirname(fileURLToPath(import.meta.url)), 'template');
 const APP_FILE = path.join(TEMPLATE_DIR, 'App.tsx');
 const METRO_START_TIMEOUT_MS = 90_000;
 
@@ -33,6 +37,7 @@ const METRO_START_TIMEOUT_MS = 90_000;
 let metroProcess = null;
 let expoUrl = null;
 let isExpoRunning = false;
+let isShuttingDown = false;
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
 
@@ -159,19 +164,26 @@ async function startExpoMetro() {
         settled = true;
         clearTimeout(timer);
         reject(new Error(`Metro exited unexpectedly (code ${code}).`));
+      } else {
+        // Metro crashed after startup — reset state so next call restarts cleanly
+        isExpoRunning = false;
+        log(`Metro exited (code ${code}) — state reset.`);
       }
     });
   });
 }
 
 function stopMetro() {
-  if (metroProcess) {
-    metroProcess.kill('SIGTERM');
-    metroProcess = null;
-    isExpoRunning = false;
-    expoUrl = null;
-    log('Metro stopped.');
-  }
+  if (!metroProcess) return;
+  metroProcess.kill('SIGTERM');
+  metroProcess = null;
+  isExpoRunning = false;
+  expoUrl = null;
+  log('Metro stopped.');
+}
+
+function isMetroAlive() {
+  return metroProcess !== null && metroProcess.exitCode === null && !metroProcess.killed;
 }
 
 // ── Tool Implementations ──────────────────────────────────────────────────────
@@ -180,7 +192,7 @@ async function handlePushScreen({ code, reset = false }) {
   try {
     writeAppTsx(code);
 
-    if (reset || !metroProcess || metroProcess.exitCode !== null) {
+    if (reset || !isMetroAlive()) {
       stopMetro();
       await startExpoMetro();
       isExpoRunning = true;
@@ -223,7 +235,7 @@ async function handleStopExpo() {
 }
 
 async function handleGetStatus() {
-  const running = isExpoRunning && metroProcess !== null && metroProcess.exitCode === null;
+  const running = isMetroAlive();
   return {
     content: [
       {
@@ -295,6 +307,24 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
   };
 });
 
+// ── Graceful shutdown ─────────────────────────────────────────────────────────
+
+process.on('SIGTERM', () => {
+  if (isShuttingDown) return;
+  isShuttingDown = true;
+  log('SIGTERM received — shutting down.');
+  stopMetro();
+  process.exit(0);
+});
+
+process.on('SIGINT', () => {
+  if (isShuttingDown) return;
+  isShuttingDown = true;
+  log('SIGINT received — shutting down.');
+  stopMetro();
+  process.exit(0);
+});
+
 // ── Main ─────────────────────────────────────────────────────────────────────
 
 async function main() {

package/template/.expo/README.md

@@ -1,8 +0,0 @@
-> Why do I have a folder named ".expo" in my project?
-The ".expo" folder is created when an Expo project is started using "expo start" command.
-> What do the files contain?
-- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
-- "settings.json": contains the server configuration that is used to serve the application manifest.
-> Should I commit the ".expo" folder?
-No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
-Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/template/.expo/devices.json

@@ -1,3 +0,0 @@
-{
-  "devices": []
-}

package/template/App.tsx

@@ -1,147 +0,0 @@
-import React, {useContext} from 'react';
-import {ApplicationContext, Button, IconSources} from '@momo-kits/foundation';
-import {Alert, View} from 'react-native';
-import DemoScreen from '../../template/DemoScreen';
-import {ItemPickerProps} from '../../template/BottomSheetPicker';
-
-const iconData: ItemPickerProps[] = Object.keys(IconSources).map(item => {
-  return {
-    id: item,
-    value: item,
-    title: item,
-  };
-});
-
-const ButtonUsage: React.FC<any> = props => {
-  const {navigator} = useContext(ApplicationContext);
-  const preview = {
-    title: {
-      title: 'Title',
-      value: [
-        {
-          value: 'Open',
-          props: {
-            onPress: () => {
-              navigator?.push({
-                options: {title: 'Test'},
-                screen: () => (
-                  <View style={{flex: 1, backgroundColor: 'red'}} />
-                ),
-              });
-            },
-          },
-        },
-      ],
-    },
-    type: {
-      title: 'Type',
-      value: [
-        'primary',
-        'tonal',
-        'secondary',
-        'outline',
-        'text',
-        {
-          value: 'danger',
-          props: {
-            onPress: () => {
-              console.log('ABC');
-            },
-          },
-        },
-        {
-          value: 'disabled',
-          props: {
-            onPress: () => {
-              Alert.alert('ABC');
-            },
-          },
-        },
-      ],
-    },
-    size: {
-      title: 'Size',
-      value: ['large', 'medium', 'small'],
-    },
-    loading: {
-      title: 'Loading',
-      value: [true],
-    },
-    iconRight: {
-      title: 'Icon right',
-      value: [
-        'https://img.mservice.com.vn/momo_app_v2/new_version/img/appx_icon/16_arrow_arrow_bold_reply_all.png',
-      ],
-    },
-    iconLeft: {
-      title: 'Icon left',
-      value: [
-        {
-          value:
-            'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_common_logo_momo.png',
-          props: {
-            useTintColor: false,
-          },
-        },
-      ],
-    },
-  };
-  const params = {
-    component: Button,
-    props: {
-      title: {
-        value: 'Button',
-        type: 'string',
-      },
-      type: {
-        value: 'primary',
-        type: 'enum',
-        data: [
-          'primary',
-          'secondary',
-          'tonal',
-          'danger',
-          'outline',
-          'text',
-          'disabled',
-        ],
-      },
-      size: {
-        value: 'small',
-        type: 'enum',
-        data: ['small', 'medium', 'large'],
-      },
-      full: {
-        value: true,
-        type: 'bool',
-      },
-      iconRight: {
-        type: 'options',
-        data: iconData,
-      },
-      iconLeft: {
-        type: 'options',
-        data: iconData,
-      },
-      loading: {
-        value: true,
-        type: 'bool',
-      },
-      useTintColor: {
-        value: true,
-        type: 'bool',
-      },
-    },
-  };
-
-  return (
-    <DemoScreen
-      component={Button}
-      preview={preview}
-      playground={params}
-      {...props}
-    />
-  );
-};
-
-export default ButtonUsage;

package/template/app.json

@@ -1,10 +0,0 @@
-{
-  "expo": {
-    "name": "Expo Demo Template",
-    "slug": "expo-demo-template",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "userInterfaceStyle": "automatic",
-    "assetBundlePatterns": ["**/*"]
-  }
-}