@developer_tribe/react-builder 1.1.0 → 1.2.1

package/src/assets/samples/simple-1.json

@@ -1,43 +1,56 @@
 {
   "name": "hello-world",
-  "version": "1.0.0",
+  "version": "1.1.0",
+  "type": "other",
   "appConfig": {
     "theme": "light",
     "isRtl": false,
     "screenStyle": {
-      "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
-      "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
+      "light": {
+        "backgroundColor": "#FDFDFD",
+        "color": "#161827"
+      },
+      "dark": {
+        "backgroundColor": "#12131A",
+        "color": "#E9EBF9"
+      }
     },
     "defaultLanguage": "en"
   },
   "data": {
     "type": "view",
     "attributes": {
-      "scrollable": true,
-      "flexDirection": "column",
-      "alignItems": "center",
-      "justifyContent": "center",
-      "gap": 12,
-      "padding": 16,
-      "backgroundColor": "#F5F7FA"
+      "style": {
+        "scrollable": true,
+        "flexDirection": "column",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "gap": 12,
+        "padding": 16,
+        "backgroundColor": "#F5F7FA"
+      }
     },
     "children": [
       {
         "type": "text",
         "children": "Hello, world!",
         "attributes": {
-          "color": "#111827",
-          "fontSize": 24,
-          "fontWeight": "600"
+          "style": {
+            "color": "#111827",
+            "fontSize": 24,
+            "fontWeight": "600"
+          }
         }
       },
       {
         "type": "text",
         "children": "Welcome to react-native-builder",
         "attributes": {
-          "color": "#6B7280",
-          "fontSize": 14,
-          "fontWeight": "400"
+          "style": {
+            "color": "#6B7280",
+            "fontSize": 14,
+            "fontWeight": "400"
+          }
         }
       }
     ]

package/src/assets/samples/simple-2.json

@@ -1,60 +1,88 @@
 {
   "name": "hello-world-2-advanced",
-  "version": "1.0.0",
+  "version": "1.1.0",
+  "type": "other",
   "appConfig": {
     "theme": "light",
     "isRtl": false,
     "screenStyle": {
-      "light": { "backgroundColor": "#FDFDFD", "color": "#161827" },
-      "dark": { "backgroundColor": "#12131A", "color": "#E9EBF9" }
+      "light": {
+        "backgroundColor": "#FDFDFD",
+        "color": "#161827"
+      },
+      "dark": {
+        "backgroundColor": "#12131A",
+        "color": "#E9EBF9"
+      }
     },
     "defaultLanguage": "en"
   },
   "data": {
     "type": "view",
     "attributes": {
-      "scrollable": true,
-      "flexDirection": "column",
-      "alignItems": "stretch",
-      "justifyContent": "flex-start",
-      "gap": 16,
-      "padding": 16,
-      "backgroundColor": "#F3F4F6"
+      "style": {
+        "scrollable": true,
+        "flexDirection": "column",
+        "alignItems": "stretch",
+        "justifyContent": "flex-start",
+        "gap": 16,
+        "padding": 16,
+        "backgroundColor": "#F3F4F6"
+      }
     },
     "children": [
       {
         "type": "view",
         "attributes": {
-          "flexDirection": "row",
-          "alignItems": "center",
-          "justifyContent": "space-between",
-          "padding": 12,
-          "backgroundColor": "#111827",
-          "borderRadius": 12
+          "style": {
+            "flexDirection": "row",
+            "alignItems": "center",
+            "justifyContent": "space-between",
+            "padding": 12,
+            "backgroundColor": "#111827",
+            "borderRadius": 12
+          }
         },
         "children": [
           {
             "type": "text",
             "children": "Dashboard",
             "attributes": {
-              "color": "#FFFFFF",
-              "fontSize": 20,
-              "fontWeight": "600"
+              "style": {
+                "color": "#FFFFFF",
+                "fontSize": 20,
+                "fontWeight": "600"
+              }
             }
           },
           {
             "type": "view",
-            "attributes": { "flexDirection": "row", "gap": 8 },
+            "attributes": {
+              "style": {
+                "flexDirection": "row",
+                "gap": 8
+              }
+            },
             "children": [
               {
                 "type": "text",
                 "children": "Help",
-                "attributes": { "color": "#D1D5DB", "fontSize": 14 }
+                "attributes": {
+                  "style": {
+                    "color": "#D1D5DB",
+                    "fontSize": 14
+                  }
+                }
               },
               {
                 "type": "text",
                 "children": "Profile",
-                "attributes": { "color": "#D1D5DB", "fontSize": 14 }
+                "attributes": {
+                  "style": {
+                    "color": "#D1D5DB",
+                    "fontSize": 14
+                  }
+                }
               }
             ]
           }
@@ -64,73 +92,92 @@
         "type": "image",
         "attributes": {
           "src": "https://picsum.photos/720/320",
-          "width": 358,
-          "height": 160,
-          "borderRadius": 12,
-          "resizeMode": "cover"
+          "resizeMode": "cover",
+          "style": {
+            "width": 358,
+            "height": 160,
+            "borderRadius": 12
+          }
         },
         "children": null
       },
       {
         "type": "view",
         "attributes": {
-          "flexDirection": "column",
-          "gap": 8,
-          "padding": 12,
-          "backgroundColor": "#FFFFFF",
-          "borderRadius": 12
+          "style": {
+            "flexDirection": "column",
+            "gap": 8,
+            "padding": 12,
+            "backgroundColor": "#FFFFFF",
+            "borderRadius": 12
+          }
         },
         "children": [
           {
             "type": "text",
             "children": "Welcome back!",
             "attributes": {
-              "color": "#111827",
-              "fontSize": 18,
-              "fontWeight": "600"
+              "style": {
+                "color": "#111827",
+                "fontSize": 18,
+                "fontWeight": "600"
+              }
             }
           },
           {
             "type": "text",
             "children": "Here's what's new today.",
-            "attributes": { "color": "#6B7280", "fontSize": 14 }
+            "attributes": {
+              "style": {
+                "color": "#6B7280",
+                "fontSize": 14
+              }
+            }
           }
         ]
       },
       {
         "type": "view",
         "attributes": {
-          "flexDirection": "column",
-          "gap": 12
+          "style": {
+            "flexDirection": "column",
+            "gap": 12
+          }
         },
         "children": [
           {
             "type": "view",
             "attributes": {
-              "flexDirection": "row",
-              "alignItems": "center",
-              "justifyContent": "space-between",
-              "padding": 12,
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 8
+              "style": {
+                "flexDirection": "row",
+                "alignItems": "center",
+                "justifyContent": "space-between",
+                "padding": 12,
+                "backgroundColor": "#FFFFFF",
+                "borderRadius": 8
+              }
             },
             "children": [
               {
                 "type": "text",
                 "children": "Task 1",
                 "attributes": {
-                  "color": "#111827",
-                  "fontSize": 16,
-                  "fontWeight": "500"
+                  "style": {
+                    "color": "#111827",
+                    "fontSize": 16,
+                    "fontWeight": "500"
+                  }
                 }
               },
               {
                 "type": "text",
                 "children": "Due today",
                 "attributes": {
-                  "color": "#059669",
-                  "fontSize": 12,
-                  "fontWeight": "600"
+                  "style": {
+                    "color": "#059669",
+                    "fontSize": 12,
+                    "fontWeight": "600"
+                  }
                 }
               }
             ]
@@ -138,30 +185,36 @@
           {
             "type": "view",
             "attributes": {
-              "flexDirection": "row",
-              "alignItems": "center",
-              "justifyContent": "space-between",
-              "padding": 12,
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 8
+              "style": {
+                "flexDirection": "row",
+                "alignItems": "center",
+                "justifyContent": "space-between",
+                "padding": 12,
+                "backgroundColor": "#FFFFFF",
+                "borderRadius": 8
+              }
             },
             "children": [
               {
                 "type": "text",
                 "children": "Task 2",
                 "attributes": {
-                  "color": "#111827",
-                  "fontSize": 16,
-                  "fontWeight": "500"
+                  "style": {
+                    "color": "#111827",
+                    "fontSize": 16,
+                    "fontWeight": "500"
+                  }
                 }
               },
               {
                 "type": "text",
                 "children": "2 days left",
                 "attributes": {
-                  "color": "#D97706",
-                  "fontSize": 12,
-                  "fontWeight": "600"
+                  "style": {
+                    "color": "#D97706",
+                    "fontSize": 12,
+                    "fontWeight": "600"
+                  }
                 }
               }
             ]
@@ -169,30 +222,36 @@
           {
             "type": "view",
             "attributes": {
-              "flexDirection": "row",
-              "alignItems": "center",
-              "justifyContent": "space-between",
-              "padding": 12,
-              "backgroundColor": "#FFFFFF",
-              "borderRadius": 8
+              "style": {
+                "flexDirection": "row",
+                "alignItems": "center",
+                "justifyContent": "space-between",
+                "padding": 12,
+                "backgroundColor": "#FFFFFF",
+                "borderRadius": 8
+              }
             },
             "children": [
               {
                 "type": "text",
                 "children": "Task 3",
                 "attributes": {
-                  "color": "#111827",
-                  "fontSize": 16,
-                  "fontWeight": "500"
+                  "style": {
+                    "color": "#111827",
+                    "fontSize": 16,
+                    "fontWeight": "500"
+                  }
                 }
               },
               {
                 "type": "text",
                 "children": "Completed",
                 "attributes": {
-                  "color": "#6B7280",
-                  "fontSize": 12,
-                  "fontWeight": "600"
+                  "style": {
+                    "color": "#6B7280",
+                    "fontSize": 12,
+                    "fontWeight": "600"
+                  }
                 }
               }
             ]
@@ -202,28 +261,45 @@
       {
         "type": "view",
         "attributes": {
-          "flexDirection": "row",
-          "alignItems": "center",
-          "justifyContent": "space-around",
-          "padding": 12,
-          "backgroundColor": "#111827",
-          "borderRadius": 12
+          "style": {
+            "flexDirection": "row",
+            "alignItems": "center",
+            "justifyContent": "space-around",
+            "padding": 12,
+            "backgroundColor": "#111827",
+            "borderRadius": 12
+          }
         },
         "children": [
           {
             "type": "text",
             "children": "Home",
-            "attributes": { "color": "#FFFFFF", "fontSize": 14 }
+            "attributes": {
+              "style": {
+                "color": "#FFFFFF",
+                "fontSize": 14
+              }
+            }
           },
           {
             "type": "text",
             "children": "Search",
-            "attributes": { "color": "#9CA3AF", "fontSize": 14 }
+            "attributes": {
+              "style": {
+                "color": "#9CA3AF",
+                "fontSize": 14
+              }
+            }
           },
           {
             "type": "text",
             "children": "Settings",
-            "attributes": { "color": "#9CA3AF", "fontSize": 14 }
+            "attributes": {
+              "style": {
+                "color": "#9CA3AF",
+                "fontSize": 14
+              }
+            }
           }
         ]
       }

package/src/assets/samples/unmigrated-builder1.json

@@ -0,0 +1,42 @@
+{
+  "name": "unmigrated-builder1",
+  "version": "1.0.0",
+  "type": "other",
+  "appConfig": {
+    "theme": "light"
+  },
+  "data": {
+    "type": "view",
+    "attributes": {
+      "scrollable": true,
+      "flexDirection": "column",
+      "alignItems": "center",
+      "justifyContent": "center",
+      "gap": 12,
+      "padding": 24,
+      "backgroundColor": "#F5F7FA"
+    },
+    "children": [
+      {
+        "type": "text",
+        "attributes": {
+          "fontSize": 22,
+          "fontWeight": "700",
+          "color": "#111827",
+          "textAlign": "center"
+        },
+        "children": "Intentionally unmigrated sample"
+      },
+      {
+        "type": "text",
+        "attributes": {
+          "fontSize": 14,
+          "color": "#6B7280",
+          "textAlign": "center",
+          "paddingHorizontal": 8
+        },
+        "children": "This project has version 1.0.0 so the Migration page should appear. Click “Migrate now” to normalize legacy flat style keys into attributes.style (1.1.0)."
+      }
+    ]
+  }
+}

package/src/assets/samples/unvalidated-builder1.json

@@ -0,0 +1,49 @@
+{
+  "name": "unvalidated-builder1",
+  "version": "1.1.0",
+  "type": "other",
+  "appConfig": {
+    "theme": "light"
+  },
+  "data": {
+    "type": "view",
+    "attributes": {
+      "style": {
+        "scrollable": true,
+        "flexDirection": "column",
+        "alignItems": "center",
+        "justifyContent": "center",
+        "gap": 12,
+        "padding": 24,
+        "backgroundColor": "#F5F7FA"
+      },
+      "foo": 1
+    },
+    "children": [
+      {
+        "type": "text",
+        "attributes": {
+          "style": {
+            "fontSize": 22,
+            "fontWeight": "700",
+            "color": "#111827",
+            "textAlign": "center"
+          }
+        },
+        "children": "Intentionally unvalidated sample"
+      },
+      {
+        "type": "text",
+        "attributes": {
+          "style": {
+            "fontSize": 14,
+            "color": "#6B7280",
+            "textAlign": "center",
+            "paddingHorizontal": 8
+          }
+        },
+        "children": "This project should fail validation (unknown attribute: foo). In the UI, choose “Continue without validation” to load it anyway."
+      }
+    ]
+  }
+}

package/src/assets/samples/unvalidated-crash1.json

@@ -0,0 +1,19 @@
+{
+  "name": "unvalidated-crash1",
+  "version": "1.1.0",
+  "type": "other",
+  "appConfig": {
+    "theme": "light"
+  },
+  "data": {
+    "type": "OnboardFooter",
+    "attributes": {
+      "textLocalizationKey": 123,
+      "style": {
+        "paddingHorizontal": 24,
+        "paddingVertical": 16
+      }
+    },
+    "children": null
+  }
+}

package/src/assets/samples/unvalidated-crashcomponent1.json

@@ -0,0 +1,16 @@
+{
+  "name": "unvalidated-crashcomponent1",
+  "version": "1.1.0",
+  "type": "other",
+  "appConfig": {
+    "theme": "light"
+  },
+  "data": {
+    "type": "CrashComponent",
+    "attributes": {
+      "reason": "Intentional crash for GUI testing",
+      "note": "This component is not in the Add Component modal; it only exists via JSON."
+    },
+    "children": null
+  }
+}