@wix/himalaya-cli 0.1025.0 → 0.1026.0

package/templates/restaurant/dev/index.ts

@@ -14,7 +14,7 @@ const SCREENS = runtimeSetting({
   "himi_branded_home": {
     "screenId": "himi_branded_home",
     "renderer": "sdui_intent",
-    "title": "",
+    "title": "__HIMI_APP_NAME__",
     "schemaVersion": 1,
     "cacheControl": {
       "maxAge": 0,
@@ -4064,74 +4064,196 @@ const SCREENS = runtimeSetting({
           "alignment": "center",
           "children": [
             {
-              "id": "himi_view_profile.avatar",
+              "id": "himi_view_profile.loading",
+              "body": {
+                "package": "himalaya",
+                "type": "Text",
+                "props": {
+                  "text": "Loading…",
+                  "style": "body",
+                  "color": "textSecondary"
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesViewProfile.hideLoading"
+              }
+            },
+            {
+              "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "ZStack",
+                "type": "VStack",
                 "props": {
+                  "spacing": 8,
                   "alignment": "center",
                   "children": [
                     {
-                      "id": "",
+                      "id": "himi_view_profile.avatar",
                       "body": {
                         "package": "himalaya",
-                        "type": "Icon",
+                        "type": "ZStack",
                         "props": {
-                          "name": "photo",
-                          "size": 28,
-                          "tint": "accentPrimary"
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "photo",
+                                  "size": 28,
+                                  "tint": "accentPrimary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "accessibilityRole": "decorative"
+                        "width": 96,
+                        "height": 96,
+                        "background": {
+                          "token": "accentSurface"
+                        },
+                        "cornerRadius": 16
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.name",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.name",
+                          "style": "title1"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.handle",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesViewProfile.about",
+                          "style": "body",
+                          "collapseWhenEmpty": true
+                        }
                       }
                     }
                   ]
                 }
               },
               "modifiers": {
-                "width": 96,
-                "height": 96,
-                "background": {
-                  "token": "accentSurface"
-                },
-                "cornerRadius": 16
-              }
-            },
-            {
-              "id": "himi_view_profile.name",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesViewProfile.name",
-                  "style": "title1"
-                }
-              }
-            },
-            {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesViewProfile.handle",
-                  "style": "footnote",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
-                }
+                "hiddenPath": "$service:spacesViewProfile.profileHidden"
               }
             },
             {
-              "id": "",
+              "id": "himi_view_profile.member_gate",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesViewProfile.about",
-                  "style": "body",
-                  "collapseWhenEmpty": true
+                  "spacing": 10,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "person",
+                          "size": 28,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to view your profile",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Your public profile appears here after you sign in.",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_view_profile.member_gate_signin",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_account",
+                              "intent": "profile",
+                              "returnScreenId": "himi_view_profile"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
+                  }
+                },
+                "cornerRadius": 16,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 20,
+                  "bottom": 20
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:spacesViewProfile.noSignIn"
               }
             }
           ]
@@ -7476,65 +7598,172 @@ const SCREENS = runtimeSetting({
               }
             },
             {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesCreatePost.hint",
-                  "style": "footnote",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
-            {
-              "id": "himi_create_post.title_field",
+              "id": "himi_create_post.member_gate",
               "body": {
                 "package": "himalaya",
-                "type": "TextField",
+                "type": "VStack",
                 "props": {
-                  "placeholder": "Title",
-                  "value": "",
-                  "submitLabel": "next",
-                  "onSubmit": {
-                    "actionId": "tier5.spacesCreatePost.focusBody"
-                  },
-                  "onChange": {
-                    "actionId": "tier5.spacesCreatePost.setTitle"
-                  }
+                  "spacing": 10,
+                  "alignment": "center",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "person",
+                          "size": 28,
+                          "tint": "accentPrimary"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.member_gate_title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to post",
+                          "style": "bodyEmphasis"
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Sign in to share something with the community.",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.member_gate_signin",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Sign in",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_account",
+                              "intent": "post",
+                              "returnScreenId": "himi_create_post"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
-              }
-            },
-            {
-              "id": "himi_create_post.body_field",
-              "body": {
-                "package": "himalaya",
-                "type": "TextField",
-                "props": {
-                  "placeholder": "Write something…",
-                  "value": "",
-                  "multilineMaxLines": 6,
-                  "focusPath": "$service:spacesCreatePost.bodyFocus",
-                  "onChange": {
-                    "actionId": "tier5.spacesCreatePost.setBody"
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceElevated"
+                },
+                "border": {
+                  "width": 1,
+                  "color": {
+                    "token": "border"
                   }
-                }
+                },
+                "cornerRadius": 16,
+                "padding": {
+                  "leading": 16,
+                  "trailing": 16,
+                  "top": 20,
+                  "bottom": 20
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:spacesCreatePost.noSignIn"
               }
             },
             {
-              "id": "himi_create_post.submit",
+              "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Button",
+                "type": "VStack",
                 "props": {
-                  "title": "Post",
-                  "style": "primary",
-                  "fullWidth": true,
-                  "action": {
-                    "actionId": "tier5.spacesCreatePost.submit"
-                  }
+                  "spacing": 16,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesCreatePost.hint",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.title_field",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "TextField",
+                        "props": {
+                          "placeholder": "Title",
+                          "value": "",
+                          "submitLabel": "next",
+                          "onSubmit": {
+                            "actionId": "tier5.spacesCreatePost.focusBody"
+                          },
+                          "onChange": {
+                            "actionId": "tier5.spacesCreatePost.setTitle"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.body_field",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "TextField",
+                        "props": {
+                          "placeholder": "Write something…",
+                          "value": "",
+                          "multilineMaxLines": 6,
+                          "focusPath": "$service:spacesCreatePost.bodyFocus",
+                          "onChange": {
+                            "actionId": "tier5.spacesCreatePost.setBody"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_create_post.submit",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "Post",
+                          "style": "primary",
+                          "fullWidth": true,
+                          "action": {
+                            "actionId": "tier5.spacesCreatePost.submit"
+                          }
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesCreatePost.hideForm"
               }
             }
           ]
@@ -7549,6 +7778,9 @@ const SCREENS = runtimeSetting({
           "trailing": 16,
           "top": 18,
           "bottom": 28
+        },
+        "onAppear": {
+          "actionId": "tier5.spacesCreatePost.load"
         }
       }
     },
@@ -14434,77 +14666,225 @@ const SCREENS = runtimeSetting({
           "spacing": 8,
           "alignment": "leading",
           "children": [
-            {
-              "id": "himi_food_order.chrome",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "Order details",
-                  "style": "title1"
-                }
-              }
-            },
-            {
-              "id": "himi_food_order.title",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesFoodOrderDetail.name",
-                  "style": "title1",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
             {
               "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesFoodOrderDetail.status_",
-                  "style": "footnote",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
-            {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
-                "props": {
-                  "text": "$service:spacesFoodOrderDetail.total",
-                  "style": "title3",
-                  "color": "accentPrimary",
-                  "collapseWhenEmpty": true
-                }
-              }
-            },
-            {
-              "id": "",
-              "body": {
-                "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesFoodOrderDetail.items",
-                  "style": "body",
-                  "collapseWhenEmpty": true
+                  "spacing": 8,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_food_order.chrome",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Order details",
+                          "style": "title1"
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_food_order.title",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesFoodOrderDetail.name",
+                          "style": "title1",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesFoodOrderDetail.status_",
+                          "style": "footnote",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesFoodOrderDetail.total",
+                          "style": "title3",
+                          "color": "accentPrimary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesFoodOrderDetail.items",
+                          "style": "body",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:spacesFoodOrderDetail.message",
+                          "style": "body",
+                          "color": "textSecondary",
+                          "collapseWhenEmpty": true
+                        }
+                      }
+                    }
+                  ]
                 }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:spacesFoodOrderDetail.noEntity"
               }
             },
             {
               "id": "",
               "body": {
                 "package": "himalaya",
-                "type": "Text",
+                "type": "VStack",
                 "props": {
-                  "text": "$service:spacesFoodOrderDetail.message",
-                  "style": "body",
-                  "color": "textSecondary",
-                  "collapseWhenEmpty": true
+                  "spacing": 12,
+                  "alignment": "leading",
+                  "children": [
+                    {
+                      "id": "himi_food_order.loading",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Loading…",
+                          "style": "body",
+                          "color": "textSecondary"
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:spacesFoodOrderDetail.hideLoading"
+                      }
+                    },
+                    {
+                      "id": "himi_food_order.load_error",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "This couldn't be loaded. Check your connection and try again.",
+                          "style": "body",
+                          "color": "textSecondary"
+                        }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:spacesFoodOrderDetail.hideLoadError"
+                      }
+                    },
+                    {
+                      "id": "himi_food_order.not_found",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 10,
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Icon",
+                                "props": {
+                                  "name": "bag",
+                                  "size": 32,
+                                  "tint": "textTertiary"
+                                }
+                              },
+                              "modifiers": {
+                                "accessibilityRole": "decorative"
+                              }
+                            },
+                            {
+                              "id": "himi_food_order.not_found_title",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "Order not found",
+                                  "style": "title3"
+                                }
+                              }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Text",
+                                "props": {
+                                  "text": "This order is no longer available.",
+                                  "style": "body",
+                                  "color": "textSecondary"
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_food_order.not_found_back",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "Button",
+                                "props": {
+                                  "title": "Back to orders",
+                                  "style": "primary",
+                                  "fullWidth": true,
+                                  "action": {
+                                    "actionId": "himi.open",
+                                    "params": {
+                                      "screenId": "himi_food_orders"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "background": {
+                          "token": "surfaceElevated"
+                        },
+                        "border": {
+                          "width": 1,
+                          "color": {
+                            "token": "border"
+                          }
+                        },
+                        "cornerRadius": 16,
+                        "padding": {
+                          "leading": 16,
+                          "trailing": 16,
+                          "top": 20,
+                          "bottom": 20
+                        },
+                        "fillMaxWidth": true,
+                        "hiddenPath": "$service:spacesFoodOrderDetail.hideNotFound"
+                      }
+                    }
+                  ]
                 }
               }
             }