frida-ui-runtime 2.0.0

package/lib/component/slider.js

@@ -0,0 +1,156 @@
+import Java from "../java-runtime.js";
+import { API } from "../api.js";
+import { Logger } from "../logger.js";
+import { UIComponent } from "./ui-components.js";
+import { deferSafe } from "../runtime/safe-runtime.js";
+import { createJavaListener } from "../android-listener.js";
+export class Slider extends UIComponent {
+    constructor(id, label, min, max, initialValue = min, step = 1, handler) {
+        super(id);
+        this.label = label;
+        this.min = min;
+        this.max = max;
+        this.step = step;
+        this.handler = handler;
+        this.value = this.clampToStep(initialValue);
+    }
+    createView(context) {
+        const LinearLayout = API.LinearLayout;
+        const TextView = API.TextView;
+        const SeekBar = API.SeekBar;
+        const Color = API.Color;
+        const String = API.JString;
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        const LinearLayoutParams = API.LinearLayoutParams;
+        const container = LinearLayout.$new(context);
+        container.setOrientation(0);
+        container.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        container.setPadding(16, 8, 16, 8);
+        const labelView = TextView.$new(context);
+        labelView.setText.overload('java.lang.CharSequence').call(labelView, this.label);
+        labelView.setTextColor(Color.WHITE.value);
+        labelView.setTextSize(14);
+        labelView.setLayoutParams(LinearLayoutParams.$new(0, ViewGroupLayoutParams.WRAP_CONTENT.value, 1.0));
+        const valueView = TextView.$new(context);
+        valueView.setText.overload('java.lang.CharSequence').call(valueView, String.$new(this.value.toString()));
+        valueView.setTextColor(Color.WHITE.value);
+        valueView.setTextSize(14);
+        valueView.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.WRAP_CONTENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        container.addView(labelView);
+        container.addView(valueView);
+        const seekBar = SeekBar.$new(context);
+        seekBar.setMax(this.calculateSeekBarMax());
+        seekBar.setProgress(this.valueToProgress(this.value));
+        seekBar.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        const verticalLayout = LinearLayout.$new(context);
+        verticalLayout.setOrientation(1);
+        verticalLayout.setLayoutParams(LinearLayoutParams.$new(ViewGroupLayoutParams.MATCH_PARENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value));
+        verticalLayout.addView(container);
+        verticalLayout.addView(seekBar);
+        this.view = verticalLayout;
+        this.view.seekBar = seekBar;
+        this.view.valueView = valueView;
+        this.view.labelView = labelView;
+        this.view.container = container;
+        const SeekBarOnSeekBarChangeListener = API.SeekBarOnSeekBarChangeListener;
+        const self = this;
+        const changeListener = createJavaListener({
+            key: "seekbar-change",
+            interfaceClass: SeekBarOnSeekBarChangeListener,
+            callbacks: {
+                onProgressChanged: (seekBar, progress, fromUser) => {
+                    if (fromUser) {
+                        const newValue = self.progressToValue(progress);
+                        self.value = newValue;
+                        Java.scheduleOnMainThread(() => {
+                            const valueView = self.view.valueView;
+                            if (valueView) {
+                                valueView.setText.overload('java.lang.CharSequence').call(valueView, String.$new(newValue.toString()));
+                            }
+                        });
+                        self.emit("valueChanged", newValue);
+                        if (self.handler) {
+                            deferSafe(`Slider:${self.id}:valueChanged`, () => self.handler(newValue));
+                        }
+                    }
+                },
+                onStartTrackingTouch: (_seekBar) => {
+                },
+                onStopTrackingTouch: (_seekBar) => {
+                },
+            },
+        });
+        this.own(() => changeListener.dispose());
+        seekBar.setOnSeekBarChangeListener(changeListener.instance);
+    }
+    onValueChange(handler) {
+        this.handler = handler;
+    }
+    updateView() {
+        if (!this.view) {
+            Logger.instance.warn(`[Slider:${this.id}] Cannot update view - view not initialized`);
+            return;
+        }
+        Java.scheduleOnMainThread(() => {
+            const seekBar = this.view.seekBar;
+            const valueView = this.view.valueView;
+            if (seekBar) {
+                seekBar.setProgress(this.valueToProgress(this.value));
+            }
+            if (valueView) {
+                const String = API.JString;
+                valueView.setText.overload('java.lang.CharSequence').call(valueView, String.$new(this.value.toString()));
+            }
+        });
+    }
+    setLabel(label) {
+        this.label = label;
+        if (!this.view) {
+            Logger.instance.warn(`[Slider:${this.id}] Cannot set label - view not initialized`);
+            return;
+        }
+        Java.scheduleOnMainThread(() => {
+            const labelView = this.view.labelView;
+            if (labelView) {
+                const String = API.JString;
+                labelView.setText.overload('java.lang.CharSequence').call(labelView, String.$new(label));
+            }
+        });
+    }
+    setRange(min, max, step = 1) {
+        this.min = min;
+        this.max = max;
+        this.step = step;
+        this.value = this.clampToStep(this.value);
+        if (!this.view) {
+            Logger.instance.warn(`[Slider:${this.id}] Cannot set range - view not initialized`);
+            return;
+        }
+        Java.scheduleOnMainThread(() => {
+            const seekBar = this.view.seekBar;
+            if (seekBar) {
+                seekBar.setMax(this.calculateSeekBarMax());
+                seekBar.setProgress(this.valueToProgress(this.value));
+            }
+        });
+        this.updateView();
+    }
+    calculateSeekBarMax() {
+        return Math.round((this.max - this.min) / this.step);
+    }
+    valueToProgress(value) {
+        return Math.round((value - this.min) / this.step);
+    }
+    progressToValue(progress) {
+        const value = this.min + progress * this.step;
+        return this.clampToStep(value);
+    }
+    clampToStep(value) {
+        let clamped = Math.max(this.min, Math.min(this.max, value));
+        if (this.step > 0) {
+            const steps = Math.round((clamped - this.min) / this.step);
+            clamped = this.min + steps * this.step;
+        }
+        return clamped;
+    }
+}

package/lib/component/style/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from "./theme.js";
+export type StyleRole = "overlay" | "card" | "category" | "row" | "fieldLabel" | "selectValue" | "text" | "caption" | "noteText" | "infoCard" | "noteCard" | "inputButton" | "inputTrigger" | "primaryButton" | "dangerButton" | "headerBar" | "iconButton" | "textButton" | "dangerTextButton" | "divider" | "chip" | "dialog" | "inputField";
+export declare function dp(ctx: any, v: number): number;
+export declare function applyStyle(view: any, role: StyleRole, theme: Theme): void;

package/lib/component/style/style.js

@@ -0,0 +1,325 @@
+import Java from "../../java-runtime.js";
+import { API } from "../../api.js";
+import { readDisplayDensity } from "../../android-runtime.js";
+export function dp(ctx, v) {
+    return Math.floor(v * readDisplayDensity(ctx) + 0.5);
+}
+export function applyStyle(view, role, theme) {
+    const ctx = view.getContext();
+    const dpx = (v) => dp(ctx, v);
+    const withAlpha = (color, alpha) => {
+        const a = Math.max(0, Math.min(255, alpha)) & 0xff;
+        return (a << 24) | (color & 0x00ffffff) | 0;
+    };
+    const GradientDrawable = Java.use("android.graphics.drawable.GradientDrawable");
+    const TextView = Java.use("android.widget.TextView");
+    const rounded = (bg, rDp, stroke) => {
+        const d = GradientDrawable.$new();
+        d.setColor(bg | 0);
+        d.setCornerRadius(dp(ctx, rDp));
+        if (stroke)
+            d.setStroke(dp(ctx, stroke.wDp), stroke.c);
+        view.setBackground(d);
+    };
+    const asTextView = () => {
+        try {
+            return Java.cast(view, TextView);
+        }
+        catch (_e) {
+            return null;
+        }
+    };
+    switch (role) {
+        case "overlay": {
+            const bg = GradientDrawable.$new();
+            bg.setShape(GradientDrawable.RECTANGLE.value);
+            bg.setCornerRadius(dpx(theme.radiusDp.overlay));
+            bg.setColor(theme.colors.overlayBg | 0);
+            bg.setStroke(dpx(1), (theme.colors.accentStroke ?? theme.colors.controlStroke) | 0);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(12), dpx(12), dpx(12), dpx(12));
+            try {
+                view.setElevation(dpx(12));
+            }
+            catch (_e) { }
+            break;
+        }
+        case "card":
+            rounded(theme.colors.cardBg, theme.radiusDp.card, {
+                c: theme.colors.divider,
+                wDp: 1,
+            });
+            view.setPadding(dpx(12), dpx(12), dpx(12), dpx(12));
+            view.setElevation(dpx(6));
+            break;
+        case "infoCard":
+            rounded(theme.colors.infoCardBg ?? withAlpha(theme.colors.cardBg, 0xdd), 12, {
+                c: withAlpha(theme.colors.accentStroke ?? theme.colors.controlStroke, 0x55),
+                wDp: 1,
+            });
+            view.setPadding(dpx(14), dpx(12), dpx(14), dpx(12));
+            break;
+        case "inputButton": {
+            const bg = theme.colors.rowBg ?? withAlpha(theme.colors.controlBg, 0x26);
+            const stroke = theme.colors.accentStroke ?? theme.colors.controlStroke;
+            rounded(bg, 14, { c: withAlpha(stroke, 0xaa), wDp: 1 });
+            view.setPadding(dpx(14), dpx(12), dpx(14), dpx(12));
+            view.setMinimumHeight(dp(ctx, 48));
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.text);
+                tv.setTextSize(2, 14);
+                tv.setAllCaps(false);
+                tv.setGravity(API.Gravity.LEFT.value | API.Gravity.CENTER_VERTICAL.value);
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+            }
+            break;
+        }
+        case "noteCard":
+            rounded(theme.colors.noteCardBg ?? withAlpha(theme.colors.accent, 0x18), 12, {
+                c: theme.colors.accentStroke ?? theme.colors.controlStroke,
+                wDp: 1,
+            });
+            view.setPadding(dpx(14), dpx(12), dpx(14), dpx(12));
+            break;
+        case "fieldLabel": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.subText);
+                tv.setTextSize(2, 11);
+                tv.setAllCaps(true);
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+                try {
+                    tv.setLetterSpacing(0.04);
+                }
+                catch (_e) { }
+            }
+            break;
+        }
+        case "selectValue": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.text);
+                tv.setTextSize(2, 14);
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+                tv.setSingleLine(true);
+                tv.setGravity(API.Gravity.LEFT.value | API.Gravity.CENTER_VERTICAL.value);
+            }
+            break;
+        }
+        case "category": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.sectionText ?? theme.colors.subText);
+                tv.setTextSize(2, 14);
+                tv.setAllCaps(true);
+                try {
+                    tv.setLetterSpacing(0.06);
+                }
+                catch (_e) { }
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+                tv.setGravity(API.Gravity.LEFT.value | API.Gravity.CENTER_VERTICAL.value);
+            }
+            break;
+        }
+        case "row": {
+            const rowBg = theme.colors.rowBg ?? withAlpha(theme.colors.controlBg, 0x22);
+            const stroke = withAlpha(theme.colors.controlStroke, 0x33);
+            rounded(rowBg, theme.radiusDp.control, { c: stroke, wDp: 1 });
+            view.setPadding(dpx(12), dpx(10), dpx(12), dpx(10));
+            break;
+        }
+        case "text": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(0xffd8e1f0 | 0);
+                tv.setTextSize(2, 13);
+                tv.setGravity(API.Gravity.LEFT.value);
+                try {
+                    tv.setLineSpacing(dpx(4), 1.0);
+                }
+                catch (_e) { }
+            }
+            break;
+        }
+        case "noteText": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(0xffc9d4e8 | 0);
+                tv.setTextSize(2, 13);
+                tv.setGravity(API.Gravity.LEFT.value);
+                try {
+                    tv.setLineSpacing(dpx(4), 1.0);
+                }
+                catch (_e) { }
+            }
+            break;
+        }
+        case "caption": {
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.subText);
+                tv.setTextSize(2, theme.textSp.caption);
+            }
+            break;
+        }
+        case "inputTrigger": {
+            const bg = theme.colors.accentSoft ?? theme.colors.controlBg;
+            const stroke = theme.colors.accentStroke ?? theme.colors.controlStroke;
+            rounded(bg, theme.radiusDp.control, { c: stroke, wDp: 2 });
+            view.setPadding(dpx(12), dpx(10), dpx(12), dpx(10));
+            view.setMinimumHeight(dpx(42));
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.text);
+                tv.setTextSize(2, theme.textSp.body);
+                tv.setAllCaps(false);
+            }
+            break;
+        }
+        case "primaryButton": {
+            rounded(theme.colors.accent, 14);
+            view.setPadding(dpx(16), dpx(12), dpx(16), dpx(12));
+            view.setMinimumHeight(dpx(48));
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.buttonText ?? 0xffffffff | 0);
+                tv.setTextSize(2, 14);
+                tv.setAllCaps(true);
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+                tv.setGravity(API.Gravity.CENTER.value);
+            }
+            break;
+        }
+        case "dangerButton": {
+            rounded(theme.colors.danger, 14);
+            view.setPadding(dpx(16), dpx(12), dpx(16), dpx(12));
+            view.setMinimumHeight(dpx(48));
+            const tv = asTextView();
+            if (tv) {
+                tv.setTextColor(theme.colors.buttonText ?? 0xffffffff | 0);
+                tv.setTextSize(2, 14);
+                tv.setAllCaps(true);
+                try {
+                    tv.setTypeface(null, 1);
+                }
+                catch (_e) { }
+                tv.setGravity(API.Gravity.CENTER.value);
+            }
+            break;
+        }
+        case "headerBar": {
+            const bg = GradientDrawable.$new();
+            bg.setCornerRadius(dpx(14));
+            bg.setColor(theme.colors.cardBg);
+            bg.setStroke(dpx(1), theme.colors.accentStroke ?? theme.colors.controlStroke);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(10), dpx(8), dpx(10), dpx(8));
+            break;
+        }
+        case "iconButton": {
+            const bg = GradientDrawable.$new();
+            bg.setCornerRadius(dpx(10));
+            bg.setColor(0x00000000);
+            bg.setStroke(dpx(1), theme.colors.accentStroke ?? theme.colors.controlStroke);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(6), dpx(6), dpx(6), dpx(6));
+            if (view.setAllCaps)
+                view.setAllCaps(false);
+            if (view.setTextColor)
+                view.setTextColor(theme.colors.text);
+            if (view.setTextSize)
+                view.setTextSize(2, theme.textSp.body);
+            break;
+        }
+        case "textButton": {
+            try {
+                view.setBackground(null);
+            }
+            catch (_e) { }
+            if (view.setAllCaps)
+                view.setAllCaps(false);
+            if (view.setTextColor)
+                view.setTextColor(theme.colors.accent);
+            if (view.setTextSize)
+                view.setTextSize(2, theme.textSp.body);
+            view.setPadding(dpx(8), dpx(6), dpx(8), dpx(6));
+            break;
+        }
+        case "dangerTextButton": {
+            try {
+                view.setBackground(null);
+            }
+            catch (_e) { }
+            if (view.setAllCaps)
+                view.setAllCaps(false);
+            if (view.setTextColor)
+                view.setTextColor(theme.colors.danger ?? theme.colors.accent);
+            if (view.setTextSize)
+                view.setTextSize(2, theme.textSp.body);
+            view.setPadding(dpx(8), dpx(6), dpx(8), dpx(6));
+            break;
+        }
+        case "divider": {
+            view.setBackgroundColor(theme.colors.divider);
+            const lp = view.getLayoutParams?.();
+            if (lp) {
+                lp.height = dpx(1);
+                view.setLayoutParams(lp);
+            }
+            break;
+        }
+        case "chip": {
+            const bg = GradientDrawable.$new();
+            bg.setCornerRadius(dpx(999));
+            bg.setColor(theme.colors.chipBg ?? theme.colors.rowBg);
+            bg.setStroke(dpx(1), theme.colors.accentStroke ?? theme.colors.controlStroke);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(10), dpx(4), dpx(10), dpx(4));
+            if (view.setTextColor)
+                view.setTextColor(theme.colors.subText);
+            if (view.setTextSize)
+                view.setTextSize(2, theme.textSp.caption ?? theme.textSp.body);
+            break;
+        }
+        case "dialog": {
+            const bg = GradientDrawable.$new();
+            bg.setCornerRadius(dpx(14));
+            bg.setColor(theme.colors.cardBg);
+            bg.setStroke(dpx(1), theme.colors.accentStroke ?? theme.colors.controlStroke);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(12), dpx(12), dpx(12), dpx(12));
+            break;
+        }
+        case "inputField": {
+            const bg = GradientDrawable.$new();
+            bg.setCornerRadius(dpx(theme.radiusDp.control));
+            bg.setColor(theme.colors.inputBg ?? theme.colors.controlBg);
+            bg.setStroke(dpx(1), theme.colors.accentStroke ?? theme.colors.controlStroke);
+            view.setBackgroundDrawable(bg);
+            view.setPadding(dpx(12), dpx(10), dpx(12), dpx(10));
+            if (view.setTextColor)
+                view.setTextColor(theme.colors.text);
+            if (view.setHintTextColor)
+                view.setHintTextColor(theme.colors.subText ?? 0xff888888);
+            if (view.setTextSize)
+                view.setTextSize(2, theme.textSp.body);
+            break;
+        }
+    }
+}

package/lib/component/style/theme.d.ts

@@ -0,0 +1,33 @@
+export type Theme = {
+    colors: {
+        overlayBg: number;
+        cardBg: number;
+        text: number;
+        subText: number;
+        accent: number;
+        danger: number;
+        divider: number;
+        controlBg: number;
+        controlStroke: number;
+        accentSoft?: number;
+        accentStroke?: number;
+        rowBg?: number;
+        inputBg?: number;
+        chipBg?: number;
+        infoCardBg?: number;
+        noteCardBg?: number;
+        sectionText?: number;
+        buttonText?: number;
+    };
+    radiusDp: {
+        overlay: number;
+        card: number;
+        control: number;
+    };
+    textSp: {
+        title: number;
+        body: number;
+        caption: number;
+    };
+};
+export declare const DarkNeonTheme: Theme;

package/lib/component/style/theme.js

@@ -0,0 +1,24 @@
+export const DarkNeonTheme = {
+    colors: {
+        overlayBg: 0xE60a1426 | 0,
+        cardBg: 0xee101b31 | 0,
+        text: 0xfff3f6ff | 0,
+        subText: 0xff8fa5c7 | 0,
+        accent: 0xff0f6cff | 0,
+        danger: 0xffef4444 | 0,
+        divider: 0x263b5f93 | 0,
+        controlBg: 0x44111d33 | 0,
+        controlStroke: 0x2e4d79b8 | 0,
+        accentSoft: 0x1a0f6cff | 0,
+        accentStroke: 0xaa1f63ff | 0,
+        rowBg: 0x70111a2d | 0,
+        inputBg: 0x66101a2d | 0,
+        chipBg: 0x40111827 | 0,
+        infoCardBg: 0xcc102347 | 0,
+        noteCardBg: 0xd0122344 | 0,
+        sectionText: 0xffb4c3dc | 0,
+        buttonText: 0xffffffff | 0,
+    },
+    radiusDp: { overlay: 18, card: 14, control: 12 },
+    textSp: { title: 15, body: 13, caption: 12 },
+};

package/lib/component/switch.d.ts

@@ -0,0 +1,12 @@
+import { UIComponent } from "./ui-components.js";
+export declare class Switch extends UIComponent {
+    private label;
+    private handler?;
+    private labelView;
+    private switchView;
+    onValueChange(handler: (value: boolean) => void): void;
+    constructor(id: string, label: string, initialValue?: boolean, handler?: (value: boolean) => void);
+    protected createView(context: any): void;
+    protected updateView(): void;
+    setLabel(label: string): void;
+}

package/lib/component/switch.js

@@ -0,0 +1,117 @@
+import Java from "../java-runtime.js";
+import { API } from "../api.js";
+import { applyStyle, dp } from "./style/style.js";
+import { UIComponent } from "./ui-components.js";
+import { deferSafe } from "../runtime/safe-runtime.js";
+import { createJavaListener } from "../android-listener.js";
+export class Switch extends UIComponent {
+    onValueChange(handler) {
+        this.handler = handler;
+    }
+    constructor(id, label, initialValue = false, handler) {
+        super(id);
+        this.label = label;
+        this.value = initialValue;
+        this.handler = handler;
+    }
+    createView(context) {
+        const LinearLayout = API.LinearLayout;
+        const LinearLayoutParams = API.LinearLayoutParams;
+        const ViewGroupLayoutParams = API.ViewGroupLayoutParams;
+        const Gravity = API.Gravity;
+        const TextView = API.TextView;
+        const Switch = API.Switch;
+        const String = API.JString;
+        const OnClickListener = API.OnClickListener;
+        const OnCheckedChangeListener = API.OnCheckedChangeListener;
+        const theme = this.menu.options.theme;
+        const row = LinearLayout.$new(context);
+        row.setOrientation(LinearLayout.HORIZONTAL.value);
+        row.setGravity(Gravity.CENTER_VERTICAL.value);
+        applyStyle(row, "row", theme);
+        row.setPadding(dp(context, 14), dp(context, 12), dp(context, 14), dp(context, 12));
+        const label = TextView.$new(context);
+        label.setText.overload('java.lang.CharSequence').call(label, this.label);
+        applyStyle(label, "text", theme);
+        label.setTextSize(2, 14);
+        try {
+            label.setTypeface(null, 1);
+        }
+        catch (_e) { }
+        label.setSingleLine(true);
+        label.setGravity(Gravity.LEFT.value | Gravity.CENTER_VERTICAL.value);
+        label.setLayoutParams(LinearLayoutParams.$new(0, ViewGroupLayoutParams.WRAP_CONTENT.value, 1.0));
+        const sw = Switch.$new(context);
+        sw.setText.overload('java.lang.CharSequence').call(sw, "");
+        sw.setChecked(!!this.value);
+        sw.setShowText(false);
+        try {
+            sw.setMinWidth(dp(context, 50));
+            sw.setMinimumWidth(dp(context, 50));
+        }
+        catch (_e) { }
+        try {
+            sw.setSwitchMinWidth(dp(context, 50));
+        }
+        catch (_e) { }
+        try {
+            sw.setScaleX(1.05);
+            sw.setScaleY(1.05);
+        }
+        catch (_e) { }
+        const switchLp = LinearLayoutParams.$new(ViewGroupLayoutParams.WRAP_CONTENT.value, ViewGroupLayoutParams.WRAP_CONTENT.value);
+        switchLp.leftMargin = dp(context, 12);
+        sw.setLayoutParams(switchLp);
+        const self = this;
+        const checkedListener = createJavaListener({
+            key: "compound-button-checked-change",
+            interfaceClass: OnCheckedChangeListener,
+            callbacks: {
+                onCheckedChanged: (_buttonView, isChecked) => {
+                    self.value = !!isChecked;
+                    self.emit("valueChanged", self.value);
+                    if (self.handler) {
+                        deferSafe(`Switch:${self.id}:valueChanged`, () => self.handler(self.value));
+                    }
+                },
+            },
+        });
+        this.own(() => checkedListener.dispose());
+        sw.setOnCheckedChangeListener(checkedListener.instance);
+        const clickListener = createJavaListener({
+            key: "view-click",
+            interfaceClass: OnClickListener,
+            callbacks: {
+                onClick: (_v) => {
+                    if (!self.switchView)
+                        return;
+                    self.switchView.setChecked(!self.switchView.isChecked());
+                },
+            },
+        });
+        this.own(() => clickListener.dispose());
+        row.setClickable(true);
+        row.setOnClickListener(clickListener.instance);
+        row.addView(label);
+        row.addView(sw);
+        this.labelView = label;
+        this.switchView = sw;
+        this.view = row;
+    }
+    updateView() {
+        if (!this.switchView)
+            return;
+        Java.scheduleOnMainThread(() => {
+            this.switchView.setChecked(!!this.value);
+        });
+    }
+    setLabel(label) {
+        this.label = label;
+        if (!this.labelView)
+            return;
+        Java.scheduleOnMainThread(() => {
+            const String = API.JString;
+            this.labelView.setText.overload('java.lang.CharSequence').call(this.labelView, String.$new(label));
+        });
+    }
+}

package/lib/component/text.d.ts

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