frida-ui-runtime 2.0.0

package/lib/component/collapsible.js

@@ -0,0 +1,197 @@
+import { API } from "../api.js";
+import { UIComponent } from "./ui-components.js";
+import { applyStyle, dp } from "./style/style.js";
+import { Logger } from "../logger.js";
+import Java from "../java-runtime.js";
+import { createJavaListener } from "../android-listener.js";
+export class Collapsible extends UIComponent {
+    constructor(id, title, expanded = false) {
+        super(id);
+        this.pendingChildren = [];
+        this.title = title;
+        this.expanded = expanded;
+        this.value = expanded;
+    }
+    createView(context) {
+        const LinearLayout = API.LinearLayout;
+        const TextView = API.TextView;
+        const String = API.JString;
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        const LinearLayoutParams = API.LinearLayoutParams;
+        const View = API.View;
+        const Gravity = API.Gravity;
+        const GradientDrawable = Java.use("android.graphics.drawable.GradientDrawable");
+        const createRoundedCard = (bgColor, cornerDp, strokeColor, strokeDp) => {
+            const drawable = GradientDrawable.$new();
+            drawable.setShape(GradientDrawable.RECTANGLE.value);
+            drawable.setColor(bgColor | 0);
+            drawable.setCornerRadius(dp(context, cornerDp));
+            drawable.setStroke(dp(context, strokeDp), strokeColor | 0);
+            return drawable;
+        };
+        const container = LinearLayout.$new(context);
+        container.setOrientation(LinearLayout.VERTICAL.value);
+        container.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        const theme = this.menu.options.theme;
+        const borderColor = theme.colors.divider;
+        const cardBg = theme.colors.rowBg ?? theme.colors.cardBg;
+        container.setBackground(createRoundedCard(cardBg, 10, borderColor, 1));
+        container.setPadding(0, 0, 0, 0);
+        container.setElevation(dp(context, 2));
+        const titleRow = LinearLayout.$new(context);
+        titleRow.setOrientation(LinearLayout.HORIZONTAL.value);
+        titleRow.setGravity(Gravity.CENTER_VERTICAL.value);
+        titleRow.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        titleRow.setPadding(dp(context, 14), dp(context, 12), dp(context, 14), dp(context, 12));
+        titleRow.setMinimumHeight(dp(context, 48));
+        const arrowText = this.expanded ? "⌃" : "›";
+        const arrowTextView = TextView.$new(context);
+        arrowTextView.setText.overload('java.lang.CharSequence').call(arrowTextView, arrowText);
+        arrowTextView.setSingleLine(true);
+        arrowTextView.setTextColor(theme.colors.subText);
+        arrowTextView.setTextSize(2, 20);
+        arrowTextView.setGravity(Gravity.CENTER.value);
+        arrowTextView.setPadding(dp(context, 12), 0, 0, 0);
+        this.arrowView = arrowTextView;
+        const titleView = TextView.$new(context);
+        titleView.setText.overload('java.lang.CharSequence').call(titleView, this.title);
+        titleView.setSingleLine(true);
+        applyStyle(titleView, "text", this.menu.options.theme);
+        titleView.setTypeface(null, 1);
+        titleView.setTextSize(2, 16);
+        titleView.setLayoutParams(LinearLayoutParams.$new(0, ViewGroupLayoutParams.WRAP_CONTENT.value, 1.0));
+        titleRow.addView(titleView);
+        titleRow.addView(this.arrowView);
+        const divider = View.$new(context);
+        divider.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, dp(context, 1)));
+        divider.setBackgroundColor(borderColor);
+        if (!this.expanded) {
+            divider.setVisibility(View.GONE.value);
+        }
+        this.contentContainer = LinearLayout.$new(context);
+        this.contentContainer.setOrientation(LinearLayout.VERTICAL.value);
+        const lp = LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value);
+        this.contentContainer.setLayoutParams(lp);
+        this.contentContainer.setPadding(dp(context, 10), dp(context, 10), dp(context, 10), dp(context, 10));
+        if (this.expanded) {
+            this.contentContainer.setVisibility(View.VISIBLE.value);
+        }
+        else {
+            this.contentContainer.setVisibility(View.GONE.value);
+        }
+        container.addView(titleRow);
+        container.addView(divider);
+        container.addView(this.contentContainer);
+        this.view = container;
+        if (this.pendingChildren.length > 0) {
+            for (const c of this.pendingChildren) {
+                try {
+                    this.menu.attachNestedComponent(this.id, c, this.contentContainer);
+                }
+                catch (error) {
+                    Logger.instance.error(`[Collapsible:${this.id}] addChild: ${c.getId()} - ${error}`);
+                }
+            }
+            this.pendingChildren = [];
+        }
+        this.view.titleRow = titleRow;
+        this.view.titleView = titleView;
+        this.view.contentContainer = this.contentContainer;
+        this.view.divider = divider;
+        const OnClickListener = API.OnClickListener;
+        const self = this;
+        const clickListener = createJavaListener({
+            key: "view-click",
+            interfaceClass: OnClickListener,
+            callbacks: {
+                onClick: () => {
+                    self.toggle();
+                },
+            },
+        });
+        this.own(() => clickListener.dispose());
+        titleRow.setOnClickListener(clickListener.instance);
+    }
+    updateView() {
+        if (!this.view) {
+            Logger.instance.warn(`[Collapsible:${this.id}] Cannot update view - view not initialized`);
+            return;
+        }
+        this.expanded = this.value;
+        Java.scheduleOnMainThread(() => {
+            const View = API.View;
+            const String = API.JString;
+            const contentContainer = this.view.contentContainer;
+            const divider = this.view.divider;
+            if (contentContainer) {
+                contentContainer.setVisibility(this.expanded ? View.VISIBLE.value : View.GONE.value);
+            }
+            if (divider) {
+                divider.setVisibility(this.expanded ? View.VISIBLE.value : View.GONE.value);
+            }
+            if (this.arrowView) {
+                const arrowText = this.expanded ? "⌃" : "›";
+                this.arrowView.setText.overload('java.lang.CharSequence').call(this.arrowView, arrowText);
+            }
+        });
+    }
+    toggle() {
+        this.value = !this.value;
+        this.updateView();
+        this.emit("toggle", this.value);
+    }
+    expand() {
+        this.value = true;
+        this.updateView();
+        this.emit("expand");
+    }
+    collapse() {
+        this.value = false;
+        this.updateView();
+        this.emit("collapse");
+    }
+    setTitle(title) {
+        this.title = title;
+        if (!this.view) {
+            Logger.instance.warn(`[Collapsible:${this.id}] Cannot set title - view not initialized`);
+            return;
+        }
+        Java.scheduleOnMainThread(() => {
+            const titleView = this.view.titleView;
+            if (titleView) {
+                const String = API.JString;
+                titleView.setText.overload('java.lang.CharSequence').call(titleView, title);
+            }
+        });
+    }
+    addChild(component) {
+        if (!this.contentContainer || !this.view) {
+            this.pendingChildren.push(component);
+            return;
+        }
+        void this.menu
+            .addNestedComponent(this.id, component, this.contentContainer)
+            .catch((error) => Logger.instance.error(`[Collapsible:${this.id}] addChild error: ${error}`));
+    }
+    addChildren(components) {
+        for (const c of components)
+            this.addChild(c);
+    }
+    removeChildView(view) {
+        if (!this.contentContainer)
+            return;
+        Java.scheduleOnMainThread(() => {
+            try {
+                this.contentContainer.removeView(view);
+            }
+            catch (_e) { }
+        });
+    }
+    clearChildren() {
+        if (!this.contentContainer)
+            return;
+        Java.scheduleOnMainThread(() => {
+            this.contentContainer.removeAllViews();
+        });
+    }
+}

package/lib/component/image.d.ts

@@ -0,0 +1,18 @@
+import { UIComponent } from "./ui-components.js";
+export declare class ImageView extends UIComponent {
+    private source;
+    private width;
+    private height;
+    static LayoutParamsEnum: {
+        readonly WRAP_CONTENT: number;
+        readonly MATCH_PARENT: number;
+    };
+    constructor(id: string, source: string | number, width: (typeof ImageView.LayoutParamsEnum)[keyof typeof ImageView.LayoutParamsEnum] | number, height: (typeof ImageView.LayoutParamsEnum)[keyof typeof ImageView.LayoutParamsEnum] | number);
+    protected createView(context: any): void;
+    private loadImage;
+    protected updateView(): void;
+    private updateSize;
+    setImage(source: string | number): void;
+    setScaleType(scaleType: any): void;
+    setSize(width: number, height: number): void;
+}

package/lib/component/image.js

@@ -0,0 +1,85 @@
+import Java from "../java-runtime.js";
+import { API } from "../api.js";
+import { Logger } from "../logger.js";
+import { UIComponent } from "./ui-components.js";
+export class ImageView extends UIComponent {
+    constructor(id, source, width, height) {
+        super(id);
+        this.source = source;
+        this.width = width;
+        this.height = height;
+        this.value = source;
+    }
+    createView(context) {
+        const imageView = API.ImageView;
+        const imageViewScaleType = API.ImageViewScaleType;
+        const Color = API.Color;
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        this.view = imageView.$new(context);
+        this.view.setScaleType(imageViewScaleType.FIT_CENTER.value);
+        this.view.setBackgroundColor(Color.TRANSPARENT.value);
+        const layoutParams = ViewGroupLayoutParams.$new(this.width, this.height);
+        this.view.setLayoutParams(layoutParams);
+        this.loadImage(this.source);
+    }
+    loadImage(source) {
+        Java.scheduleOnMainThread(() => {
+            try {
+                const Base64 = API.Base64;
+                const BitmapFactory = API.BitmapFactory;
+                const decoded = Base64.decode(source, Base64.DEFAULT.value);
+                const bitmap = BitmapFactory.decodeByteArray(decoded, 0, decoded.length);
+                this.view.setImageBitmap(bitmap);
+            }
+            catch (error) {
+                Logger.instance.error(`[Image:${this.id}] Failed to load image:`, error);
+            }
+        });
+    }
+    updateView() {
+        if (!this.view) {
+            Logger.instance.warn(`[Image:${this.id}] Cannot update view - view not initialized`);
+            return;
+        }
+        this.loadImage(this.source);
+        this.updateSize();
+    }
+    updateSize() {
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        const layoutParams = this.view.getLayoutParams();
+        if (layoutParams) {
+            layoutParams.width = this.width;
+            layoutParams.height = this.height;
+            this.view.setLayoutParams(layoutParams);
+        }
+        else {
+            const newParams = ViewGroupLayoutParams.$new(this.width, this.height);
+            this.view.setLayoutParams(newParams);
+        }
+    }
+    setImage(source) {
+        this.source = source;
+        this.value = source;
+        this.updateView();
+    }
+    setScaleType(scaleType) {
+        if (this.view) {
+            Java.scheduleOnMainThread(() => {
+                this.view.setScaleType(scaleType);
+            });
+        }
+    }
+    setSize(width, height) {
+        this.width = width;
+        this.height = height;
+        if (this.view) {
+            Java.scheduleOnMainThread(() => {
+                this.updateSize();
+            });
+        }
+    }
+}
+ImageView.LayoutParamsEnum = {
+    WRAP_CONTENT: API.ViewGroupLayoutParams.WRAP_CONTENT.value,
+    MATCH_PARENT: API.ViewGroupLayoutParams.MATCH_PARENT.value,
+};

package/lib/component/infoCardBox.d.ts

@@ -0,0 +1,13 @@
+import { UIComponent } from "./ui-components.js";
+export declare class InfoCardText extends UIComponent {
+    private content;
+    private kind;
+    private textView;
+    private containerView;
+    private size?;
+    constructor(id: string, content: string, kind?: "normal" | "note", size?: number);
+    protected createView(context: any): void;
+    protected updateView(): void;
+    setText(content: string): void;
+    setKind(kind: "normal" | "note"): void;
+}

package/lib/component/infoCardBox.js

@@ -0,0 +1,68 @@
+import Java from "../java-runtime.js";
+import { API } from "../api.js";
+import { applyStyle } from "./style/style.js";
+import { UIComponent } from "./ui-components.js";
+export class InfoCardText extends UIComponent {
+    constructor(id, content, kind = "normal", size) {
+        super(id);
+        this.content = content;
+        this.kind = kind;
+        this.size = size;
+        this.value = content;
+    }
+    createView(context) {
+        const LinearLayout = API.LinearLayout;
+        const LinearLayoutParams = API.LinearLayoutParams;
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        const TextView = API.TextView;
+        const Html = API.Html;
+        const Gravity = API.Gravity;
+        const root = LinearLayout.$new(context);
+        root.setOrientation(LinearLayout.VERTICAL.value);
+        const rootLp = LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value);
+        rootLp.setMargins(0, 0, 0, dp(context, 12));
+        root.setLayoutParams(rootLp);
+        applyStyle(root, this.kind === "note" ? "noteCard" : "infoCard", this.menu.options.theme);
+        const tv = TextView.$new(context);
+        tv.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        applyStyle(tv, this.kind === "note" ? "noteText" : "text", this.menu.options.theme);
+        if (this.size != null) {
+            tv.setTextSize(2, this.size);
+        }
+        tv.setGravity(Gravity.LEFT.value);
+        tv.setText(Html.fromHtml(this.content));
+        root.addView(tv);
+        this.textView = tv;
+        this.containerView = root;
+        this.view = root;
+    }
+    updateView() {
+        if (!this.textView)
+            return;
+        Java.scheduleOnMainThread(() => {
+            const Html = API.Html;
+            this.textView.setText(Html.fromHtml(this.content));
+        });
+    }
+    setText(content) {
+        this.content = content;
+        this.value = content;
+        this.updateView();
+    }
+    setKind(kind) {
+        this.kind = kind;
+        if (!this.containerView || !this.textView)
+            return;
+        Java.scheduleOnMainThread(() => {
+            applyStyle(this.containerView, this.kind === "note" ? "noteCard" : "infoCard", this.menu.options.theme);
+            applyStyle(this.textView, this.kind === "note" ? "noteText" : "text", this.menu.options.theme);
+            if (this.size != null) {
+                this.textView.setTextSize(2, this.size);
+            }
+        });
+    }
+}
+function dp(context, v) {
+    const dm = context.getResources().getDisplayMetrics();
+    return Math.floor(v * dm.density.value + 0.5);
+}

package/lib/component/input.d.ts

@@ -0,0 +1,41 @@
+import { UIComponent } from "./ui-components.js";
+declare abstract class BaseInputButton extends UIComponent {
+    protected title: string;
+    protected hint: string;
+    protected isShowDialog: boolean;
+    protected buttonView: any;
+    protected buttonLabelView: any;
+    protected buttonIconView: any;
+    constructor(id: string, title: string, hint: string);
+    protected createBaseView(context: any): void;
+    protected refreshButtonText(): void;
+    protected abstract buildDisplayText(): string;
+}
+export declare class NumberInput extends BaseInputButton {
+    private min;
+    private max;
+    private handler?;
+    constructor(id: string, initialValue?: number, title?: string, hint?: string);
+    protected buildDisplayText(): string;
+    protected createView(context: any): void;
+    protected updateView(): void;
+    private showDialog;
+    onValueChange(handler: (value: number) => void): void;
+    private applyConstraints;
+    setHint(hint: string): void;
+    setConstraints(min: number | null, max: number | null): void;
+    getNumber(): number;
+    setNumber(value: number): void;
+}
+export declare class TextInput extends BaseInputButton {
+    private handler?;
+    constructor(id: string, initialValue?: string, title?: string, hint?: string);
+    protected buildDisplayText(): string;
+    protected createView(context: any): void;
+    protected updateView(): void;
+    protected emitValue(value: any): void;
+    onValueChange(handler: (value: string) => void): void;
+    private showDialog;
+    setText(text: string): void;
+}
+export {};