Skip to content

Commit

Permalink
add boundries dump
Browse files Browse the repository at this point in the history
  • Loading branch information
@michalziolkowski
michalziolkowski committed Oct 5, 2024
1 parent 9641e45 commit 0571604
Show file tree
Hide file tree
Showing 9 changed files with 1,022 additions and 461 deletions.
165 changes: 146 additions & 19 deletions ...t-native-storybook/android/src/main/java/io/sherlo/storybookreactnative/SherloModule.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,15 @@
import android.net.Uri;
import android.util.Base64;
import android.util.Log;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.View;
import android.view.ViewGroup;
import android.os.Environment;
import android.graphics.drawable.ColorDrawable;
import android.widget.TextView;

// React Native Bridge Imports
import com.facebook.react.bridge.ReactApplicationContext;
Expand All @@ -20,8 +28,14 @@
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.FileOutputStream;
import java.util.HashMap;
import java.util.Map;
import java.util.List;
import java.util.ArrayList;
import org.json.JSONObject;
import org.json.JSONArray;


public class SherloModule extends ReactContextBaseJavaModule {
public static final String TAG = "SherloModule";
Expand All @@ -31,15 +45,14 @@ public class SherloModule extends ReactContextBaseJavaModule {
private static String syncDirectoryPath = "";
private static String mode = "default"; // "default" / "storybook" / "testing"
private static Boolean isStorybookRegistered = false;
private static Class<?> mainActivityClass;

private static Class<?> mainActivityClass;

public SherloModule(ReactApplicationContext reactContext) {
super(reactContext);
this.reactContext = reactContext;

try {
// Set Sherlo directory path, this is the directory that will be
// Set Sherlo directory path, this is the directory that will be
// used to sync files between the emulator and Sherlo Runner

// https://developer.android.com/reference/android/content/Context#getExternalFilesDir(java.lang.String)
Expand All @@ -49,11 +62,11 @@ public SherloModule(ReactApplicationContext reactContext) {
} else {
Log.e(TAG, "External storage is not accessible");
}

// This is the path to the config file created by the Sherlo Runner
String configPath = this.syncDirectoryPath + "/" + CONFIG_FILENAME;
// If the file exists, we are it testing mode and will open the

// If the file exists, we are it testing mode and will open the
// Storybook in single activity mode, without launching the app
Boolean doesSherloConfigFileExist = new File(configPath).isFile();
if (doesSherloConfigFileExist) {
Expand Down Expand Up @@ -82,12 +95,26 @@ public Map<String, Object> getConstants() {

@ReactMethod
public void storybookRegistered(Promise promise) {
Log.d(TAG, "Setting Storybook as registered");
try {
if("testing".equals(this.mode) && !this.isStorybookRegistered) {
switchToComponent(SherloStorybookActivity.class, promise);
if ("testing".equals(this.mode) && !this.isStorybookRegistered) {
Activity currentActivity = getCurrentActivity();
if (currentActivity == null) {
Log.e(TAG, "No current activity found");
promise.reject("E_NO_ACTIVITY", "No current activity found");
return;
}

if (mainActivityClass == null) {
mainActivityClass = currentActivity.getClass();
Log.d(TAG, "Saving original component name: " + mainActivityClass.getName());
}

Log.d(TAG, "Opening Storybook in testing mode");
switchToComponent(SherloStorybookActivity.class, mainActivityClass, promise);
this.isStorybookRegistered = true;
}

promise.resolve(null);
} catch (Exception e) {
promise.reject("Error opening Storybook in testing mode", e.getMessage());
Expand All @@ -98,6 +125,7 @@ public void storybookRegistered(Promise promise) {

@ReactMethod
public void toggleStorybook(Promise promise) {
Log.d(TAG, "Toggling Storybook");
try {
// SherloStorybookActivity is a singleton, so we can check if it is open
if (SherloStorybookActivity.instance != null) {
Expand All @@ -115,29 +143,33 @@ public void toggleStorybook(Promise promise) {
// Open Storybook and save original component
@ReactMethod
public void openStorybook(Promise promise) {
Log.d(TAG, "Opening Storybook");

Activity currentActivity = getCurrentActivity();
if (currentActivity == null) {
Log.e(TAG, "No current activity found");
promise.reject("E_NO_ACTIVITY", "No current activity found");
return;
}

if (mainActivityClass == null) {
mainActivityClass = currentActivity.getClass();
Log.d(TAG, "Saving original component name: " + mainActivityClass.getName());
}

switchToComponent(SherloStorybookActivity.class, promise);
switchToComponent(SherloStorybookActivity.class, mainActivityClass, promise);
this.mode = "storybook";
}



@ReactMethod
public void closeStorybook(Promise promise) {
if (mainActivityClass != null) {
switchToComponent(mainActivityClass, promise);
Log.d(TAG, "Switching back to original component");
switchToComponent(mainActivityClass, SherloStorybookActivity.class, promise);
mainActivityClass = null;
this.mode = "default";
} else {
Log.e(TAG, "No original component name saved");
promise.reject("E_NO_ORIGINAL_COMPONENT", "No original component name saved");
}
}
Expand Down Expand Up @@ -208,7 +240,101 @@ public void readFile(String filepath, Promise promise) {
}
}

private void switchToComponent(Class<?> activityClass, Promise promise) {
@ReactMethod
public void dumpBoundries(Promise promise) {
Activity activity = getCurrentActivity();
if (activity == null) {
promise.reject("no_activity", "No current activity");
return;
}

activity.runOnUiThread(() -> {
try {
View rootView = activity.getWindow().getDecorView().getRootView();

// List to hold all view information
List<JSONObject> viewList = new ArrayList<>();

// Traverse and collect view information
collectViewInfo(rootView, viewList);

// Create JSON array
JSONArray jsonArray = new JSONArray(viewList);

// Serialize JSON array to string
String jsonString = jsonArray.toString();

// Resolve the promise with the JSON string
promise.resolve(jsonString);
} catch (Exception e) {
promise.reject("error", e.getMessage(), e);
}
});
}

private void collectViewInfo(View view, List<JSONObject> viewList) throws Exception {
JSONObject viewObject = new JSONObject();

// Class name
String className = view.getClass().getSimpleName();
viewObject.put("className", className);

// Check visibility
Rect rect = new Rect();
boolean isVisible = view.getGlobalVisibleRect(rect);
viewObject.put("isVisible", isVisible);

if (isVisible) {
// Position on screen
viewObject.put("x", rect.left);
viewObject.put("y", rect.top);

// Dimensions
viewObject.put("width", rect.width());
viewObject.put("height", rect.height());

// Tag (optional)
Object tag = view.getTag();
if (tag != null) {
viewObject.put("tag", tag.toString());
}

// Content Description (optional)
CharSequence contentDescription = view.getContentDescription();
if (contentDescription != null) {
viewObject.put("contentDescription", contentDescription.toString());
}

// Background Color (optional)
if (view.getBackground() instanceof ColorDrawable) {
int color = ((ColorDrawable) view.getBackground()).getColor();
String hexColor = String.format("#%06X", (0xFFFFFF & color));
viewObject.put("backgroundColor", hexColor);
}

// Text and Font Size (for TextView and its subclasses)
if (view instanceof TextView) {
TextView textView = (TextView) view;
CharSequence text = textView.getText();
if (text != null) {
viewObject.put("text", text.toString());
}
viewObject.put("fontSize", textView.getTextSize());
}
}

viewList.add(viewObject);

// If the view is a ViewGroup, recurse
if (view instanceof ViewGroup) {
ViewGroup viewGroup = (ViewGroup) view;
for (int i = 0; i < viewGroup.getChildCount(); i++) {
collectViewInfo(viewGroup.getChildAt(i), viewList);
}
}
}

private void switchToComponent(Class<?> activityClassToTransition, Class<?> closingActivityClass, Promise promise) {
Activity currentActivity = getCurrentActivity();
if (currentActivity == null) {
promise.reject("E_NO_ACTIVITY", "No current activity found");
Expand All @@ -218,15 +344,16 @@ private void switchToComponent(Class<?> activityClass, Promise promise) {
currentActivity.runOnUiThread(() -> {
Intent intent = new Intent(currentActivity, StorybookSplashActivity.class);
intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
intent.putExtra("activityClassToTransition", activityClass);
intent.putExtra("activityClassToTransition", activityClassToTransition);
intent.putExtra("closingActivityClass", closingActivityClass);
intent.putExtra("mode", mode);

currentActivity.startActivity(intent);

promise.resolve(null);
});
}

/*
* Get the URI for the specified absolute file path
*/
Expand Down
29 changes: 23 additions & 6 deletions ...orybook/android/src/main/java/io/sherlo/storybookreactnative/StorybookSplashActivity.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,36 +32,50 @@ public class StorybookSplashActivity extends AppCompatActivity {

private static String mode;
private static Class<?> activityClassToTransition;
private static Class<?> closingActivityClass;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

StorybookSplashActivity.this.mode = getIntent().getStringExtra("mode");
StorybookSplashActivity.this.activityClassToTransition = (Class<?>) getIntent().getSerializableExtra("activityClassToTransition");
StorybookSplashActivity.this.closingActivityClass = (Class<?>) getIntent().getSerializableExtra("closingActivityClass");

getApplication().registerActivityLifecycleCallbacks(new Application.ActivityLifecycleCallbacks() {
// we are required to implement all the methods of the interface
@Override public void onActivityCreated(Activity activity, Bundle savedInstanceState) {}
@Override public void onActivityStarted(Activity activity) {}
@Override public void onActivityPaused(Activity activity) {}
@Override public void onActivityStopped(Activity activity) {}
@Override public void onActivityCreated(Activity activity, Bundle savedInstanceState) {
Log.d(TAG, "Activity created: " + activity.getClass().getName());
}
@Override public void onActivityStarted(Activity activity) {
Log.d(TAG, "Activity started: " + activity.getClass().getName());
}
@Override public void onActivityPaused(Activity activity) {
Log.d(TAG, "Activity paused: " + activity.getClass().getName());
}
@Override public void onActivityStopped(Activity activity) {
Log.d(TAG, "Activity stopped: " + activity.getClass().getName());
}
@Override public void onActivitySaveInstanceState(Activity activity, Bundle savedInstanceState) {}

@Override
public void onActivityResumed(Activity activity) {
Log.d(TAG, "Activity resumed: " + activity.getClass().getName());
// If final activity is reached, finish the splash activity
if(activity.getClass() == StorybookSplashActivity.this.activityClassToTransition) {
if(activity.getClass().getName().equals(StorybookSplashActivity.this.activityClassToTransition.getName())) {
Log.d(TAG, "Finishing StorybookSplashActivity");
StorybookSplashActivity.this.finish();
}
}

@Override
public void onActivityDestroyed(Activity activity) {
Log.d(TAG, "Activity destroyed: " + activity.getClass().getName());
// If original activity (user's app) is destroyed, recreate the React Context
if(activity.getClass() != StorybookSplashActivity.class && activity.getClass() != StorybookSplashActivity.this.activityClassToTransition) {
if(activity.getClass().getName().equals(StorybookSplashActivity.this.closingActivityClass.getName())) {
if("testing".equals(StorybookSplashActivity.this.mode)) {
// We add delay when testing with Sherlo to make sure the app is fully initialized before recreating the React Context
Log.d(TAG, "Recreating React Context with delay");
new Handler(Looper.getMainLooper()).postDelayed(new Runnable() {
@Override
public void run() {
Expand All @@ -70,6 +84,7 @@ public void run() {
}, 1000);
} else {
// we don't need to add delay as user is launching this manually when app is initialized
Log.d(TAG, "Recreating React Context");
StorybookSplashActivity.this.recreateReactContext();
}
}
Expand All @@ -89,13 +104,15 @@ private void recreateReactContext() {
manager.addReactInstanceEventListener(new ReactInstanceManager.ReactInstanceEventListener() {
@Override
public void onReactContextInitialized(ReactContext context) {
Log.d(TAG, "React Context initialized");
Intent intent = new Intent(StorybookSplashActivity.this, StorybookSplashActivity.this.activityClassToTransition);
startActivity(intent);

manager.removeReactInstanceEventListener(this);
}
});

Log.d(TAG, "Recreating React Context in background");
manager.recreateReactContextInBackground();
}
}
Loading

0 comments on commit 0571604

Please sign in to comment.