@sleeperhq/mini-core 1.8.6 → 1.9.0

package/mini_packages.json

@@ -17,7 +17,7 @@
     "@react-navigation/native": "6.1.3",
     "@react-navigation/stack": "6.3.12",
     "@shopify/flash-list": "1.4.1",
-    "@sleeperhq/mini-core": "1.8.6",
+    "@sleeperhq/mini-core": "1.8.7",
     "amazon-cognito-identity-js": "6.3.2",
     "crypto-js": "3.3.0",
     "decimal.js-light": "2.5.1",
@@ -27,7 +27,7 @@
     "path": "0.12.7",
     "react": "18.2.0",
     "react-freeze": "1.0.3",
-    "react-native": "0.72.7",
+    "react-native": "0.72.14",
     "react-native-action-sheet": "2.2.0",
     "react-native-animatable": "1.3.3",
     "react-native-branch": "5.4.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleeperhq/mini-core",
-  "version": "1.8.6",
+  "version": "1.9.0",
   "description": "Core library frameworks for developing Sleeper Mini Apps.",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -55,7 +55,7 @@
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "0.72.7",
+    "react-native": "0.72.14",
     "react-native-svg": "13.7.0"
   },
   "devDependencies": {
@@ -63,7 +63,7 @@
     "@babel/preset-typescript": "7.21.4",
     "@react-native-community/eslint-config": "^2.0.0",
     "@types/react": "18.2.31",
-    "@types/react-native": "0.72.7",
+    "@types/react-native": "0.72.8",
     "@typescript-eslint/eslint-plugin": "^5.31.0",
     "@typescript-eslint/parser": "^5.31.0",
     "babel-jest": "^26.6.3",

package/src/dev_server/index.tsx

@@ -202,26 +202,10 @@ const DevServer = props => {
       localAddress: ipAddress,
       reuseAddress: true,
     }, () => {
-      // When we establish a connection, send some data to the server
-      const message: SocketMessage = { 
-        _ip: packagerIP, 
-        _name: config.name,
-        _entitlements: config.entitlements,
-        _headerOptions: config.headerOptions,
-      };
-      const json = JSON.stringify(message);
-      console.log('[Sleeper] Send IP address: ', ipAddress, config.name);
-      try {
-        connection.current?.write(json + '\n', "utf8", (error) => {
-          if (error) {
-            return stopSocket();
-          }
-          console.log('[Sleeper] Connected to the Sleeper App.');
-          _onConnected(true);
-        });
-      } catch (e) {
-        return stopSocket();
-      }
+      console.log('[Sleeper] Connected to the Sleeper App.');
+      // When we establish a connection, request context
+      sendContextRequest(connection.current, "");
+      _onConnected(true);
     });
   
     connection.current.on('data', (data, ...args) => {

package/src/plugins/send_events.mjs

@@ -0,0 +1,44 @@
+import { Socket } from 'net';
+import path from 'path';
+
+const appJsonFilename = 'app.json';
+const packagerConnectPort = 9092;
+
+const packagerConnect = async (rootPath) => {
+  const appJsonPath = path.join(rootPath, appJsonFilename);
+  // const appConfig = await import(appJsonPath);
+  const { default: appConfig } = await import(appJsonPath, { assert: { type: "json" } });
+
+  if (!appConfig.remoteIP) {
+    throw new Error(appJsonFilename + ' is missing remoteIP field');
+  }
+
+  const client = new Socket();
+  client.connect(packagerConnectPort, appConfig.remoteIP, () => {
+    console.log('Connected to Sleeper App at ', appConfig.remoteIP);
+
+    client.setEncoding('utf8');
+    const json = JSON.stringify({
+      _webpack: 'packager_connect',
+      _name: appConfig.name ?? '',
+      _entitlements: appConfig.entitlements,
+      _headerOptions: appConfig.headerOptions,
+    });
+
+    client.write(json, (err) => {
+      if (err) {
+        console.log('Error sending message to Sleeper App:', err);
+      }
+    });
+
+    client.on('error', () => {
+      client.destroy();
+    });
+  });
+
+  return () => {
+    client.destroy();
+  };
+};
+
+export default packagerConnect;

package/src/styles/theme.ts

@@ -11,11 +11,11 @@ const Theme = {
   secondaryText: '#a3bbd3', // gray300
 
   gray100: '#eef2f7',
-  gray200: '#d8e2ed',
-  gray300: '#a3bbd3',
-  gray400: '#606f8c',
-  gray500: '#4a5870',
-  gray600: '#344054',
+  gray200: '#D8DEED',
+  gray300: '#A3B1D3',
+  gray400: '#60648C',
+  gray500: '#414566',
+  gray600: '#343855',
 
   aqua: '#00baff',
   blue: '#046ae0',