Merge branch 'main' into dev

Author: rigor789

.vitepress/theme/style.css

@@ -6,6 +6,41 @@ contributors:
 
 This page serves as a reference for the available markdown options in the docs.
 
+## Diagrams
+
+### Android Runtime Overview
+
+<img class="w-full" src="./assets/diagrams/Android_Runtime_Overview.drawio.svg"/>
+
+### iOS Runtime Overview
+
+<img class="w-full" src="./assets/diagrams/iOS_Runtime_Overview.drawio.svg"/>
+
+### Frame and Page Lifecycle
+
+<img class="w-full" src="./assets/diagrams/Frame_Page_Lifecycle.drawio.svg"/>
+
+### View Origin
+
+<img src="./assets/diagrams/View_Origin.drawio.svg"/>
+
+### StackLayout (exploration)
+
+<DeviceFrame type="ios">
+<img src="./assets/diagrams/StackLayout.drawio.svg"/>
+</DeviceFrame>
+
+## Videos
+
+### View Origin Demo
+
+<DeviceFrame type="ios">
+<video style="max-width: 400px;" muted="true" disablepictureinpicture="true" autoplay="true" loop="true" src="./assets/videos/animation_origin_ios.mp4"/>
+</DeviceFrame>
+<DeviceFrame type="android">
+<video style="max-width: 400px;" muted="true" disablepictureinpicture="true" autoplay="true" loop="true" src="./assets/videos/animation_origin_android.mp4"/>
+</DeviceFrame>
+
 ## Frontmatter
 
 The top of the markdown file contains a section surrounded by `---` this part is called the frontmatter, and it is used to set a few things on a page. For example:

content/assets/diagrams/Android_Runtime_Overview.drawio.svg

@@ -0,0 +1,44 @@
+---
+title: Publishing with Fastlane
+contributors:
+  - rigor789
+---
+
+::: info Work in progress
+
+This page is a draft, and doesn't contain all the necessary info to get up and running. Until this page is complete, please see [Automatic NativeScript App Deployments with fastlane](https://blog.nativescript.org/automatic-nativescript-app-deployments-with-fastlane/).
+
+:::
+
+Automating uploads to Apple AppStore and Android Play Store is a great way to save time on this otherwise manual, lengthy and error-prone process.
+
+NativeScript apps are built like any other native app, so publishing with Fastlane is generally a straight-forward process, allowing for customizations along the way to suit the project needs.
+
+## What we're setting up
+
+In this guide we'll set up the following:
+
+- automatic certificate handling via Fastlane-match
+- automatic ios builds that bump the build number, and upload to TestFlight
+- automatic android builds that bump the buiod number, and upload to a Play Store Internal Test Track
+- ...
+
+## General Fastlane setup
+
+Add a `Gemfile` to the root of the project:
+
+```ruby
+source "https://rubygems.org"
+
+gem "cocoapods"
+gem "dotenv"
+gem "fastlane"
+
+# Optional: if using Fastlane plugins in a Pluginfile
+# plugins_path = File.join(File.dirname(__FILE__), 'fastlane', 'Pluginfile')
+# eval_gemfile(plugins_path) if File.exist?(plugins_path)
+```
+
+## iOS specific Fastlane setup
+
+## Android specific Fastlane setup

content/assets/diagrams/iOS_Runtime_Overview.drawio.svg

@@ -7,4 +7,4 @@ contributors:
 
 - [Publishing to Google Play](/guide/publishing/android-google-play)
 - Publishing to AppStore
-- Publishing with Fastlane
+- [Publishing with Fastlane](/guide/publishing/fastlane)

content/assets/videos/animation_origin_android.mp4

@@ -0,0 +1,16 @@
+// Input file used by Maestro screenshots.yaml
+// to generate screenshots for the examples
+
+output.origins = [
+  '0 / 0',
+  '0.5 / 0',
+  '1 / 0',
+
+  '0 / 0.5',
+  '0.5 / 0.5',
+  '1 / 0.5',
+  
+  '0 / 1',
+  '0.5 / 1',
+  '1 / 1',
+]

content/assets/videos/animation_origin_ios.mp4

@@ -0,0 +1,36 @@
+appId: org.nativescript.examplesApp
+---
+- launchApp:
+    permissions:
+      android.permission.DUMP: allow
+- waitForAnimationToEnd
+- openLink: ns-examples://enableDemoMode
+- runScript: animation_origin.js
+- runFlow:
+    when:
+      platform: android
+    commands:
+      - evalScript: ${output.platform = 'android'}
+- runFlow:
+    when:
+      platform: ios
+    commands:
+      - evalScript: ${output.platform = 'ios'}
+
+- openLink: ns-examples://navigate/ViewOrigin
+- startRecording: ../content/assets/videos/animation_origin_${output.platform}
+- repeat:
+    while:
+      true: ${(output.current = output.origins.shift()) !== undefined}
+    commands:
+      - tapOn: 
+          text: ${output.current}
+          retryTapIfNoChange: false
+      - tapOn:
+          text: 'Play'
+          retryTapIfNoChange: false
+      - waitForAnimationToEnd:
+          timeout: 5000
+- tapOn: '1 / 1' # just to delay the recording stop
+- stopRecording
+- openLink: ns-examples://disableDemoMode