@sleeperhq/mini-core 1.9.3 → 1.9.5

package/index.ts

@@ -1,6 +1,7 @@
 import * as Sleeper from './src/components';
 import DevServer from './src/dev_server';
 import * as Types from './src/types';
-import {Fonts, Theme} from './src/styles';
+import { Fonts, Theme } from './src/styles';
+import MiniLogger from './src/components/MiniLogger';
 
-export {Sleeper, DevServer, Types, Fonts, Theme};
+export { Sleeper, DevServer, Types, Fonts, Theme, MiniLogger };

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.9.3",
+    "@sleeperhq/mini-core": "1.9.5",
     "amazon-cognito-identity-js": "6.3.2",
     "crypto-js": "3.3.0",
     "decimal.js-light": "2.5.1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleeperhq/mini-core",
-  "version": "1.9.3",
+  "version": "1.9.5",
   "description": "Core library frameworks for developing Sleeper Mini Apps.",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -50,6 +50,7 @@
     "react-refresh": "0.14.0",
     "react-test-renderer": "17.0.2",
     "regenerator-runtime": "0.13.11",
+    "rx": "4.1.0",
     "string-replace-loader": "3.1.0",
     "terser-webpack-plugin": "5.3.6",
     "webpack": "5.75.0"

package/src/components/MiniLogger.ts

@@ -0,0 +1,18 @@
+import Rx from 'rx';
+
+class MiniLogger {
+  public static messages = new Rx.Subject;
+
+  static log(...args: any[]) {
+    this.messages.onNext({
+      type: 'mini_dev_server',
+      action: 'onConsoleLog',
+      message: Array.from(args).join(' '),
+    });
+  }
+}
+
+// Add global function for mini logging
+global.log_mini = (...args: any[]) => { MiniLogger.log(...args); }
+
+export default MiniLogger;

package/start.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import React, { useCallback, useState } from 'react';
 import {
   AppRegistry,
   ActivityIndicator,
@@ -7,16 +7,19 @@ import {
   StyleSheet,
   SafeAreaView,
 } from 'react-native';
-import {DevServer, Types} from '.';
-
-const console_modified = global.console as any;
-console_modified.log_mini = (...args: any[]) => { console.log('[MiniLog]', ...args); }
-global.console = console_modified;
+import { DevServer, Types, MiniLogger } from '.';
 
 import 'root/package_list';
 import config from 'root/app.json';
 import Project from 'app';
 
+MiniLogger.messages
+  .subscribe((data: any) => {
+    if (data.action === 'onConsoleLog') {
+      console.log('[MiniLog]', data.message);
+    }
+  })
+
 DevServer.init(config);
 
 const Root = () => {

package/webpack.config.js

@@ -227,7 +227,7 @@ module.exports = env => {
           loader: 'string-replace-loader',
           options: {
             search: 'console.log',
-            replace: 'console.log_mini',
+            replace: 'log_mini',
           }
         },
         /**