#746

packages/project-editor/lvgl/to-lvgl-code.ts

@@ -155,7 +155,10 @@ export interface LVGLCode {
     lvglAddObjectFlowCallback(propertyName: string, filter: number): void;
 
     //
-    postExecute(callback: () => void): void;
+    postWidgetExecute(callback: () => void): void;
+
+    //
+    postPageExecute(callback: () => void): void;
 }
 
 ////////////////////////////////////////////////////////////////////////////////
@@ -180,6 +183,8 @@ export class SimulatorLVGLCode implements LVGLCode {
 
     allocated: number[] = [];
 
+    postWidgetExecuteCallbacks: (() => void)[] = [];
+
     startWidget(
         widget: LVGLWidget,
         parentObj: number,
@@ -191,6 +196,11 @@ export class SimulatorLVGLCode implements LVGLCode {
     }
 
     endWidget() {
+        for (const callback of this.postWidgetExecuteCallbacks) {
+            callback();
+        }
+        this.postWidgetExecuteCallbacks = [];
+
         this.callObjectFunction("lv_obj_update_layout");
 
         for (const tempStr of this.allocated) {
@@ -683,7 +693,7 @@ export class SimulatorLVGLCode implements LVGLCode {
         }
     }
 
-    postExecute(callback: () => void) {
+    postPageExecute(callback: () => void) {
         const widget = this.widget;
         const obj = this.obj;
         this.pageRuntime.addPostCreateCallback(() => {
@@ -692,6 +702,10 @@ export class SimulatorLVGLCode implements LVGLCode {
             callback();
         });
     }
+
+    postWidgetExecute(callback: () => void) {
+        this.postWidgetExecuteCallbacks.push(callback);
+    }
 }
 
 export class BuildLVGLCode implements LVGLCode {
@@ -703,10 +717,19 @@ export class BuildLVGLCode implements LVGLCode {
     componentIndex: number;
     propertyIndex: number;
 
+    noGoodNameCallbacks: (() => void)[] = [];
+
     startWidget(widget: LVGLWidget) {
         this.widget = widget;
     }
 
+    endWidget() {
+        for (const callback of this.noGoodNameCallbacks) {
+            callback();
+        }
+        this.noGoodNameCallbacks = [];
+    }
+
     get project() {
         return this.build.project;
     }
@@ -1211,7 +1234,11 @@ export class BuildLVGLCode implements LVGLCode {
         // this function is only used for the simulator
     }
 
-    postExecute(callback: () => void) {
+    postPageExecute(callback: () => void) {
         this.build.postBuildAdd(callback);
     }
+
+    postWidgetExecute(callback: () => void) {
+        this.noGoodNameCallbacks.push(callback);
+    }
 }

packages/project-editor/lvgl/widgets/Base.tsx

@@ -1852,6 +1852,8 @@ export class LVGLWidget extends Widget {
             this._yScroll2 = runtime.wasm._lvglGetScrollY(obj);
         }
 
+        runtime.toLVGLCode.endWidget();
+
         return obj;
     }
 
@@ -1867,7 +1869,6 @@ export class LVGLWidget extends Widget {
         const code = runtime.toLVGLCode;
         code.startWidget(this, parentObj, customWidget);
         this.toLVGLCode(code);
-        code.endWidget();
         return code.obj;
     }
 
@@ -2211,6 +2212,8 @@ export class LVGLWidget extends Widget {
         }
         this.localStyles.lvglBuild(build);
 
+        build.toLVGLCode.endWidget();
+
         // children
         if (this.children.length > 0) {
             build.blockStart("{");

packages/project-editor/lvgl/widgets/Keyboard.tsx

@@ -235,7 +235,7 @@ export class LVGLKeyboardWidget extends LVGLWidget {
                         return;
                     }
 
-                    code.postExecute(() => {
+                    code.postPageExecute(() => {
                         let keyboardAccessor;
                         let textareaAccessor;
 

packages/project-editor/lvgl/widgets/Label.tsx

@@ -168,10 +168,12 @@ export class LVGLLabelWidget extends LVGLWidget {
         }
 
         // text
-        code.callObjectFunction(
-            "lv_label_set_text",
-            code.stringProperty(this.textType, this.text, this.previewValue)
-        );
+        code.postWidgetExecute(() => {
+            code.callObjectFunction(
+                "lv_label_set_text",
+                code.stringProperty(this.textType, this.text, this.previewValue)
+            );
+        });
         if (this.textType == "expression") {
             code.addToTick("text", () => {
                 const new_val = code.evalTextProperty(

packages/project-editor/store/index.ts

@@ -1512,6 +1512,10 @@ export class ProjectStore {
     };
 
     async findProjectComponent() {
+        if (this.runtime && !this.runtime.isDebuggerActive) {
+            return;
+        }
+
         const result = await showGenericDialog({
             dialogDefinition: {
                 title: "Find Project Component",

packages/project-editor/ui-components/PropertyGrid/Property.tsx

@@ -130,21 +130,38 @@ export const Property = observer(
             }
         }
 
+        _lastValue: any;
+
         updateChangeDocumentObserver() {
             if (this.changeDocumentDisposer) {
                 this.changeDocumentDisposer();
             }
 
             this.changeDocumentDisposer = autorun(() => {
+                const lastValue = this._lastValue;
+                this._lastValue = this._value;
+                if (this._value != lastValue) {
+                    return;
+                }
+
                 if (this.context.project) {
                     const getPropertyValueResult = getPropertyValue(
                         this.props.objects,
                         this.props.propertyInfo
                     );
+
+                    const value = getPropertyValueResult
+                        ? getPropertyValueResult.value
+                        : undefined;
+
+                    if (typeof value == "number") {
+                        if (value == filterNumber(this._value)) {
+                            return;
+                        }
+                    }
+
                     runInAction(() => {
-                        this._value = getPropertyValueResult
-                            ? getPropertyValueResult.value
-                            : undefined;
+                        this._value = value;
                     });
                 }
             });