Update App Preview info (#3128)

* update app preview info

* merge Flutter flavors example with Flutter vanilla example

Author: helinanever

content/flutter-testing/app-preview.md

@@ -7,17 +7,19 @@ aliases:
 
 Stellar is our iOS simulator and Android emulator running in your browser. Launch and interact with your iOS or Android app right in the browser, regardless of the operating system you are using. Test your app against different device and OS configurations, emulate GPS location or demo the latest app version without needing access to a physical device. 
 
+{{< youtube vb_pSHy9PG0 >}}
+
 **Tip:** The following sections describe creating previewable artifacts using Flutter Workflow Editor. If you're using codemagic.yaml, follow the instructions [here](../yaml-testing/app-preview).
 
-## Enabling App Preview
+## Enabling App Preview and Free Trial
 
 {{<notebox>}}
 This feature is available for **teams** only. 
 {{</notebox>}}
 
-Teams on the Pay as you go plan can enable the feature via the **App Preview** page in left sidebar.
+Teams on the **Pay as you go** plan can enable the feature via the **App Preview** page on the left sidebar and will get 100 free trial minutes. Once used up, further app preview minutes will be billed at the rate of 0.095/min and included in your monthly invoice.
 
-Teams on annual plans can request access to App Preview by [contacting us](https://codemagic.io/contact/).
+Teams on annual plans can try out App Preview by [contacting us](https://codemagic.io/contact/).
 
 ## Creating iOS .app binaries for previewing on the simulator
 

content/yaml-testing/app-preview.md

@@ -7,108 +7,65 @@ aliases:
 
 Stellar is our iOS simulator and Android emulator running in your browser. Launch and interact with your iOS or Android app right in the browser, regardless of the operating system you are using. Test your app against different device and OS configurations, emulate GPS location or demo the latest app version without needing access to a physical device. 
 
+{{< youtube vb_pSHy9PG0 >}}
+
 **Tip:** The following sections describe creating previewable artifacts using codemagic.yaml. If you're using the Flutter Workflow Editor, follow the instructions [here](../flutter-testing/app-preview).
 
-## Enabling App Preview
+## Enabling App Preview and Free Trial
 
 {{<notebox>}}
 This feature is available for **teams** only. 
 {{</notebox>}}
 
-Teams on the Pay as you go plan can enable the feature via the **App Preview** page in left sidebar.
-
-Teams on annual plans can request access to App Preview by [contacting us](https://codemagic.io/contact/).
+Teams on the **Pay as you go** plan can enable the feature via the **App Preview** page on the left sidebar and will get 100 free trial minutes. Once used up, further app preview minutes will be billed at the rate of 0.095/min and included in your monthly invoice.
 
+Teams on annual plans can try out App Preview by [contacting us](https://codemagic.io/contact/).
 
 ## Creating iOS .app binaries for previewing on the simulator
 
 To create a `.app` to run on the iOS simulator, consult the **codemagic.yaml** samples below.
 
-You should make sure that the following values in the `-destination` string correspond with the macOS instance you are using:
-
-- `name` corresponds with one of the devices available on the macOS instance being used.
-- `OS` matches the iOS runtime available on the macOS instance being used.
-
-You can find the macOS specifications that list the available iOS devices and runtimes [here](../specs/versions-macos).
-
 {{< tabpane >}}
-{{< tab header="Flutter" >}}
+
+{{< tab header="iOS" >}}
 {{<markdown>}}
-Sample **codemagic.yaml** for building an iOS `.app` binary for Flutter projects.
+Sample **codemagic.yaml** for building an iOS `.app` binary using Xcode build commands.
 
 {{< highlight yaml "style=paraiso-dark">}}
 workflows:
-  flutter-ios-simulator:
-    name: Flutter iOS Simulator
+  simulator-workflow:
+    name: Build for simulator
     environment:
-      flutter: 3.27.3
-      xcode: 16.2
+      xcode: latest
     scripts:
-      - name: install dependencies
-        script: flutter pub get
-      - name: Build unsigned .app
-        script: |  
-          xcodebuild -workspace "ios/Runner.xcworkspace" \
-            -scheme "Runner" \
+      - name: Build with Generic Destination
+        script: |
+          xcodebuild build \
+            -project "yourproject.xcodeproj" \
+            -scheme "yourscheme" \
             -sdk iphonesimulator \
-            -destination 'platform=iOS Simulator,name=iPhone 16,OS=18.2' \
-            -configuration Debug \
-            CODE_SIGN_IDENTITY="" \
-            CODE_SIGNING_REQUIRED=NO \
-            CODE_SIGNING_ALLOWED=NO \
-            -derivedDataPath ios/output
-    artifacts:
-      - ios/output/Build/Products/Debug-iphonesimulator/Runner.app
-{{< /highlight >}}
-
-Alternatively, you can target any available simulator on the build machine by using the Flutter build command with the `--simulator` flag.
-
-{{< highlight yaml "style=paraiso-dark">}}
-    scripts:
-      - name: Run Flutter pub get
-        script: flutter pub get
-      - name: Build unsigned .app for simulator
-        script: flutter build ios --simulator
+            -configuration Debug
     artifacts:
-      - build/ios/iphonesimulator/Runner.app
+      - /Users/builder/Library/Developer/Xcode/DerivedData/**/*.app
 {{< /highlight >}}
-
-
 {{</markdown>}}
 {{< /tab >}}
 
-
-{{< tab header="Flutter (Flavors)" >}}
+{{< tab header="Flutter" >}}
 {{<markdown>}}
-
-If you are using Flutter flavors and want to preview a specific flavor, make sure that you set the correct value for your flavor's `-scheme` and set the entry point for your flavor using `FLUTTER_TARGET`. 
+Sample **codemagic.yaml** for building an iOS `.app` binary for Flutter projects.
 
 {{< highlight yaml "style=paraiso-dark">}}
 workflows:
-  flutter-flavor-ios-simulator:
-    name: Flutter Flavor iOS Simulator
+  flutter-ios-simulator:
+    name: Flutter iOS Simulator
     environment:
       flutter: 3.27.3
       xcode: 16.2
-      cocoapods: default
     scripts:
-      - name: install dependencies
-        script: flutter pub get
-      - name: Build unsigned .app
-        script: |  
-          xcodebuild -workspace "ios/Runner.xcworkspace" \
-            -scheme "Runner-dev" \ 
-            -sdk iphonesimulator \
-            -destination "platform=iOS Simulator,name=iPhone 16,OS=18.2" \
-            -configuration Debug \
-            CODE_SIGN_IDENTITY="" \
-            CODE_SIGNING_REQUIRED=NO \
-            CODE_SIGNING_ALLOWED=NO \
-            FLUTTER_TARGET=lib/main_dev.dart \
-            FLUTTER_BUILD_MODE=debug \
-            -derivedDataPath ios/output
+      - flutter build ios --simulator --flavor staging  # --flavor is optional
     artifacts:
-      - ios/output/Build/Products/Debug-iphonesimulator/Runner.app
+      - build/ios/iphonesimulator/Runner.app
 {{< /highlight >}}
 {{</markdown>}}
 {{< /tab >}}