@sleeperhq/mini-core 1.2.3 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleeperhq/mini-core",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Core library frameworks for developing Sleeper Mini Apps.",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -34,7 +34,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@callstack/repack": "blitzstudios/repack.git#callstack-repack-v2.6.1-gitpkg",
+    "@callstack/repack": "blitzstudios/repack.git#callstack-repack-v2.6.3-gitpkg",
     "@react-native-community/netinfo": "9.3.7",
     "axios": "0.15.3",
     "lodash": "4.17.21",

package/src/dev_server/useContext.tsx

@@ -1,317 +0,0 @@
-import React, {useEffect, useRef, useState} from 'react';
-import {Platform} from 'react-native';
-import {Config, SocketMessage} from '../types';
-import { ScriptLocatorResolver, ScriptManager, Federated } from '@callstack/repack/client';
-import NetInfo from '@react-native-community/netinfo';
-import TcpSocket from 'react-native-tcp-socket';
-import { fetchMainVersionMap, getMainUrl } from './url_resolver';
-
-let config: Config;
-const RETRY_TIMER = 5000;
-
-const DevServer = props => {
-  const connection = useRef<TcpSocket.Socket>();
-  const partialMessage = useRef('');
-  const messageLength = useRef(0);
-  const messageType = useRef('');
-  const _retryTimer = useRef<NodeJS.Timeout>();
-
-  const [data, setData] = useState({
-    platform: '',
-    binaryVersion: '',
-    dist: '',
-    isStaging: false,
-  });
-  const _dataRef = useRef<typeof data>();
-  const _versionMap = useRef<Record<string, string>>();
-
-  const _onConnected = async (value: boolean) => {
-    props.onConnected(value);
-  };
-
-  const onSocket = (handler) => msg => {
-    let msgString: string = msg.toString();
-    while (msgString.length > 0) {
-      if (messageLength.current === 0) {
-        const delimit = msgString.indexOf('\n');
-        if (delimit === -1) {
-          console.log("[Sleeper] Message header not found, throwing out message.");
-          return;
-        }
-
-        const header = msgString.substring(0, delimit);
-        try {
-          const headerObject = JSON.parse(header);
-          messageType.current = headerObject.type;
-          messageLength.current = headerObject.size;
-        } catch (e) {
-          console.log("[Sleeper] Message header malformed, throwing out message.");
-          messageLength.current = 0;
-          messageType.current = '';
-          return;
-        }
-
-        msgString = msgString.substring(delimit + 1);
-      }
-
-      const partialLength = messageLength.current - partialMessage.current.length;
-      if (partialLength < 0) {
-        // We need to wait for more data
-        partialMessage.current += msgString;
-        return;
-      }
-
-      const remainingLength = msgString.length - partialLength;
-      if (remainingLength === 0) {
-        // We have the full message
-        partialMessage.current += msgString;
-        msgString = '';
-        if (config.logsEnabled) console.log("[Sleeper] Message built.", partialMessage.current.length);
-        
-      } else {
-        // We have more than the full message
-        partialMessage.current += msgString.substring(0, partialLength);
-        msgString = msgString.substring(partialLength);
-
-        if (remainingLength <= 0) {
-          // We have less than the full message
-          if (config.logsEnabled) console.log("[Sleeper] Building message: ", partialMessage.current.length, messageLength.current, remainingLength);
-          return;
-        }
-      }
-
-      try {
-        const json = JSON.parse(partialMessage.current);
-        partialMessage.current = '';
-        messageLength.current = 0;
-
-        // Set connection data
-        if (json._platform || json._binaryVersion || json._dist || json._isStaging) {
-          if (config.logsEnabled) console.log("[Sleeper] Processing context data:", json._platform, json._binaryVersion, json._dist, json._isStaging);
-          setData({
-            platform: json._platform,
-            binaryVersion: json._binaryVersion,
-            dist: json._dist,
-            isStaging: json._isStaging,
-          });
-        }
-
-        if (messageType.current === 'context') {
-          // We should have a context object now
-          const context = new Proxy(json, handler);
-          props.onContextChanged(context);
-        } else if (messageType.current === `partialContext`) {
-          // We are updating a partial Context
-          props.onContextUpdated(json)
-        }
-
-        messageType.current = '';
-      } catch (e) {
-        console.log("[Sleeper] Failed to parse message: ", e);
-        return;
-      }
-    }
-  };
-
-  const sendContextRequest = (socket, propertyPath) => {
-    const message: SocketMessage = {_contextGet: propertyPath};
-    const json = JSON.stringify(message);
-    try {
-      socket?.write(json + '\n');
-    } catch (e) {
-      console.log("[Sleeper] Failed to send context request: ", e);
-    }
-  }
-
-  const proxyHandler = (socket) => {
-    return {
-      get: (target, property) => {
-        let value = Reflect.get(target, property);
-
-        // Check if we need to add a proxy to this object
-        if (!!value && typeof value === 'object' && !value._isProxy && value._isProxyInternal) {
-          const isLeaf = !value._continueProxy;
-          // Adding proxies to objects
-          const handler = proxyHandlerChild(socket, property, isLeaf);
-          const proxiedValue = new Proxy(value, handler);
-          Reflect.set(target, property, proxiedValue);
-          value = proxiedValue;
-        }
-
-        return value;
-      }
-    };
-  }
-
-  const proxyHandlerChild = (socket, path, isLeaf) => {
-    return {
-      get: (target, property) => {
-        // Check if a proxy was already added to this object
-        if (property === '_isProxy') {
-          return true;
-        }
-
-        const value = Reflect.get(target, property);
-        const fullPropertyPath = `${path}.${property}`;
-
-        // If the value is undefined, we need to request it from the server
-        if (value === undefined && isLeaf) {
-          if (config.logsEnabled) console.log("[Sleeper] Requesting context value: ", fullPropertyPath);
-          sendContextRequest(socket, fullPropertyPath);
-        }
-
-        // Check if we need to add a second layer proxy to this object
-        if (!isLeaf && !value?._isProxy) {
-          const nextLeaf = true; // Currently we only support 2 layers of proxies
-          // Adding proxies to objects
-          // These proxies aren't stored in the context object so we will regenerate them every time
-          const handler = proxyHandlerChild(socket, fullPropertyPath, nextLeaf);
-          if (value === undefined) {
-            return new Proxy({}, handler);
-          } else {
-            return new Proxy(value, handler);
-          }
-        }
-
-        return value;
-      }
-    };
-  }
-
-  const startSocket = async () => {
-    const netInfo = await NetInfo.fetch();
-    const netInfoDetails = netInfo?.details;
-    const ipAddress = netInfoDetails?.ipAddress;
-
-    if (!netInfoDetails || !('ipAddress' in netInfoDetails)) {
-      console.error('[Sleeper] Failed to determine local IP address.');
-      return stopSocket();
-    }
-
-    connection.current = TcpSocket.createConnection({
-      port: config.remoteSocketPort || 9092,
-      host: config.remoteIP,
-      localAddress: ipAddress,
-      reuseAddress: true,
-    }, () => {
-      // When we establish a connection, send the IP address to the server
-      const message: SocketMessage = { 
-        _ip: ipAddress, 
-        _name: config.name, 
-      };
-      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();
-      }
-    });
-  
-    connection.current.on('data', (data, ...args) => {
-      const handler = proxyHandler(connection.current);
-      const onSocketHandler = onSocket(handler);
-      onSocketHandler(data);
-    });
-    connection.current.on('error', err => {
-      return stopSocket();
-    });
-    connection.current.on('close', (hadError) => {
-      return stopSocket();
-    });
-  }
-
-  const stopSocket = (retry = true) => {
-    _onConnected(false);
-
-    if (connection.current) {
-      connection.current.destroy();
-      connection.current = undefined;
-    }
-
-    // Any time the socket is closed, attempt to connect again.
-    if (retry) {
-      clearTimeout(_retryTimer.current);
-      _retryTimer.current = setTimeout(() => {
-        console.log('[Sleeper] Unable to connect to sleeper, retrying...');
-        startSocket();
-      }, RETRY_TIMER);
-    }
-  }
-
-  const _waitForInitialization = () => {
-    return new Promise<void>((resolve) => {
-      (function checkData() {
-        let isInitialized = !!_dataRef.current?.dist;
-
-        // Non-staging builds also require a version map to be defined.
-        if (!_dataRef.current?.isStaging) {
-          isInitialized = !!_versionMap.current;
-        }
-
-        if (isInitialized) return resolve();
-        setTimeout(checkData, 1000);
-      })();
-    });
-  };
-
-  const _resolveRemoteChunk: ScriptLocatorResolver = async (scriptId: string, caller: string) => {
-    await _waitForInitialization();
-
-    const bundleName = !caller ? `${scriptId}.container.bundle` : `${scriptId}.chunk.bundle`;
-    
-    // Try to resolve URL based on scriptId and caller
-    const url = getMainUrl(scriptId, caller, {
-      platform: _dataRef.current?.platform,
-      bundleVersion: _versionMap.current?.[bundleName],
-      binaryVersion: _dataRef.current?.binaryVersion,
-      dist: _dataRef.current?.dist,
-      isStaging: _dataRef.current?.isStaging,
-      remoteIP: config.remoteIP,
-      dev: config.dev,
-    });
-    const query = config.dev ? {platform: Platform.OS} : undefined;
-
-    if (config.logsEnabled) console.log('[Sleeper] load script:', scriptId, caller, url);
-    return {url, query};
-  }
-
-  const _fetchVersionMap = async (platform, binaryVersion, dist) => {
-    _versionMap.current = await fetchMainVersionMap(platform, binaryVersion, dist);
-  }
-
-  useEffect(() => {
-    _dataRef.current = data;
-    if (!data.platform || !data.binaryVersion || !data.dist) return;
-    
-    _fetchVersionMap(data.platform, data.binaryVersion, data.dist);
-  }, [data.platform, data.binaryVersion, data.dist, data.isStaging]);
-
-  useEffect(() => {
-    if (!config) {
-      console.error('[Sleeper] No config file specified. Please make sure you call DevServer.init() early in the app lifecycle.');
-      return;
-    }
-
-    ScriptManager.shared.addResolver(_resolveRemoteChunk.bind(this));
-    startSocket();
-
-    return () => {
-      stopSocket(false);
-    };
-  }, []);
-
-  return <></>;
-};
-
-DevServer.init = (_config: Config) => {
-  config = _config;
-}
-
-export default DevServer;