feat: bundle workflow support (#7337)

apps/app/ui-tests-app/action-bar/action-item-position-page.xml

@@ -1,4 +1,4 @@
-<Page 
+<Page
   xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
   <Page.actionBar>
     <ActionBar>
@@ -12,4 +12,4 @@
     <Button text="Tap" tap="{{ onTap }}" />
     <Label text="{{ text }}"/>
   </StackLayout>
-</Page>
+</Page>

apps/app/ui-tests-app/action-bar/action-view-page.ts

@@ -1,5 +1,5 @@
 import * as frame from "tns-core-modules/ui/frame";
 
 export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
 }

apps/app/ui-tests-app/action-bar/all-page.ts

@@ -0,0 +1,5 @@
+import * as frame from "tns-core-modules/ui/frame";
+
+export function navigate() {
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
+}

apps/app/ui-tests-app/action-bar/all-page.xml

@@ -10,4 +10,4 @@
   <StackLayout>
     <Button text="go to cleared page" tap="navigate"/>
   </StackLayout>
-</Page>
+</Page>

apps/app/ui-tests-app/action-bar/background-css-page.css

@@ -0,0 +1,3 @@
+.action {
+    background-color: red;
+}

apps/app/ui-tests-app/action-bar/background-css-page.ts

@@ -1,5 +1,5 @@
 import * as frame from "tns-core-modules/ui/frame";
 
 export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
 }

apps/app/ui-tests-app/action-bar/background-css.css

@@ -1,3 +0,0 @@
-.action {
-  background-color: red;
-}

apps/app/ui-tests-app/action-bar/background-page.ts

@@ -0,0 +1,5 @@
+import * as frame from "tns-core-modules/ui/frame";
+
+export function navigate() {
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
+}

apps/app/ui-tests-app/action-bar/background.ts

@@ -1,5 +0,0 @@
-import * as frame from "tns-core-modules/ui/frame";
-
-export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
-}

apps/app/ui-tests-app/action-bar/color-page.ts

@@ -0,0 +1,5 @@
+import * as frame from "tns-core-modules/ui/frame";
+
+export function navigate() {
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
+}

apps/app/ui-tests-app/action-bar/color.ts

@@ -1,5 +0,0 @@
-import * as frame from "tns-core-modules/ui/frame";
-
-export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
-}

apps/app/ui-tests-app/action-bar/local-icons-page.ts

@@ -5,8 +5,8 @@ import { ActionBar } from "tns-core-modules/ui/action-bar";
 
 const iconModes = ["automatic", "alwaysOriginal", "alwaysTemplate", undefined];
 
-export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+export function navigate() {
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
 }
 
 export function onChangeRenderingMode(args: EventData) {

apps/app/ui-tests-app/action-bar/main-page.ts

@@ -11,23 +11,23 @@ export function pageLoaded(args: EventData) {
 
 export function loadExamples() {
     const examples = new Map<string, string>();
-    examples.set("actColor", "action-bar/color");
-    examples.set("actBG", "action-bar/background");
-    examples.set("actStyle", "action-bar/all");
-    examples.set("actIcons", "action-bar/system-icons");
-    examples.set("actLocalIcons", "action-bar/local-icons");
-    examples.set("actResIcons", "action-bar/icons");
-    examples.set("actView", "action-bar/action-view");
-    examples.set("actionItemPosition", "action-bar/action-item-position");
-    examples.set("actBGCss", "action-bar/background-css");
-    examples.set("actTransparentBgCss", "action-bar/transparent-bg-css");
-    examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar");
-    examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar");
-    examples.set("flat", "action-bar/flat");
-    examples.set("flat-tab", "action-bar/flat-tab");
-    examples.set("flat-tab-opaque-bar", "action-bar/flat-tab-opaque-bar");
-    examples.set("flat-layout", "action-bar/flat-layout");
-    examples.set("flat-scrollview", "action-bar/flat-scrollview");
+    examples.set("actColor", "action-bar/color-page");
+    examples.set("actBG", "action-bar/background-page");
+    examples.set("actStyle", "action-bar/all-page");
+    examples.set("actIcons", "action-bar/system-icons-page");
+    examples.set("actLocalIcons", "action-bar/local-icons-page");
+    examples.set("actResIcons", "action-bar/icons-page");
+    examples.set("actView", "action-bar/action-view-page");
+    examples.set("actionItemPosition", "action-bar/action-item-position-page");
+    examples.set("actBGCss", "action-bar/background-css-page");
+    examples.set("actTransparentBgCss", "action-bar/transparent-bg-css-page");
+    examples.set("modalHiddenActBar", "action-bar/modal-test-hidden-action-bar-page");
+    examples.set("modalShownActBar", "action-bar/modal-test-with-action-bar-page");
+    examples.set("flat", "action-bar/flat-page");
+    examples.set("flat-tab", "action-bar/flat-tab-page");
+    examples.set("flat-tab-opaque-bar", "action-bar/flat-tab-opaque-bar-page");
+    examples.set("flat-layout", "action-bar/flat-layout-page");
+    examples.set("flat-scrollview", "action-bar/flat-scrollview-page");
 
     return examples;
-}
+}

apps/app/ui-tests-app/action-bar/modal-test-with-action-bar-page.ts

@@ -3,7 +3,7 @@ import { Page } from "tns-core-modules/ui/page";
 import { topmost } from "tns-core-modules/ui/frame";
 
 export function btnClick(args: EventData) {
-    (<Page>args.object).page.showModal("ui-tests-app/action-bar/modal-page-hidden-action-bar", "", function (arg: string) {
+    (<Page>args.object).page.showModal("ui-tests-app/action-bar/modal-page-hidden-action-bar-page", "", function (arg: string) {
         // ...
         console.log("Callback args: " + arg);
     }, true);
@@ -11,4 +11,4 @@ export function btnClick(args: EventData) {
 
 export function btnBack(args: EventData) {
     topmost().goBack();
-}
+}

apps/app/ui-tests-app/action-bar/system-icons-page.ts

@@ -1,5 +1,5 @@
 import * as frame from "tns-core-modules/ui/frame";
 
 export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+    frame.topmost().navigate("ui-tests-app/action-bar/clean/page");
 }

apps/app/ui-tests-app/action-bar/system-icons.ts

@@ -1,5 +0,0 @@
-import * as frame from "tns-core-modules/ui/frame";
-
-export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
-}

apps/app/ui-tests-app/action-bar/transparent-bg-css-page.ts

@@ -1,5 +1,5 @@
 import frame = require("tns-core-modules/ui/frame");
 
 export function navigate(args) {
-    frame.topmost().navigate("ui-tests-app/action-bar/clean");
+    frame.topmost().navigate("ui-tests-app/action-bar/clean-page");
 }

apps/app/ui-tests-app/action-bar/transparent-bg-css-page.xml

@@ -3,4 +3,4 @@
   <StackLayout>
     <Button text="go to cleared page" tap="navigate"/>
   </StackLayout>
-</Page>
+</Page>

apps/app/ui-tests-app/animation/effect-summary-details-page.ts

@@ -4,6 +4,7 @@ import * as platform from "tns-core-modules/platform";
 import { Animation } from "tns-core-modules/ui/animation";
 import { TextView } from "tns-core-modules/ui/text-view";
 import { isIOS } from "tns-core-modules/platform";
+import * as uiUtils from "tns-core-modules/ui/utils";
 
 let toggle = false;
 
@@ -49,8 +50,7 @@ export function theFinalFrontier(args) {
 
     let statusBar = 0;
     if (isIOS) {
-        const {ios} = require("tns-core-modules/ui/utils");
-        statusBar = ios.getStatusBarHeight();
+        statusBar = uiUtils.ios.getStatusBarHeight();
     }
 
     const textViewHeight: number = ctx.screenHeight - statusBar - detailHeaderHeight;

apps/app/ui-tests-app/animation/main-page.ts

@@ -11,10 +11,10 @@ export function pageLoaded(args: EventData) {
 
 export function loadExamples() {
     const examples = new Map<string, string>();
-    examples.set("animation-curves", "animation/animation-curves");
-    examples.set("animation-army-100", "animation/animation-army-100");
-    examples.set("height-basic", "animation/height-basic");
-    examples.set("layout-stack-height", "animation/layout-stack-height");
-    examples.set("effect-summary-details", "animation/effect-summary-details");
+    examples.set("animation-curves", "animation/animation-curves-page");
+    examples.set("animation-army-100", "animation/animation-army-100-page");
+    examples.set("height-basic", "animation/height-basic-page");
+    examples.set("layout-stack-height", "animation/layout-stack-height-page");
+    examples.set("effect-summary-details", "animation/effect-summary-details-page");
     return examples;
 }

apps/app/ui-tests-app/app.ts

@@ -24,7 +24,7 @@ application.on("uncaughtError", args => {
     }
 });
 
-application.on(application.launchEvent, function(args: application.LaunchEventData) {
+application.on(application.launchEvent, function (args: application.LaunchEventData) {
     if (args.android) {
         // For Android applications, args.android is an android.content.Intent class.
         console.log("### Launched application with: " + args.android + ".");
@@ -34,7 +34,7 @@ application.on(application.launchEvent, function(args: application.LaunchEventDa
     }
 });
 
-application.on(application.suspendEvent, function(args: application.ApplicationEventData) {
+application.on(application.suspendEvent, function (args: application.ApplicationEventData) {
     if (args.android) {
         // For Android applications, args.android is an android activity class.
         console.log("#" + ++countSuspend + "# SuspendEvent Activity: " + args.android);
@@ -44,7 +44,7 @@ application.on(application.suspendEvent, function(args: application.ApplicationE
     }
 });
 
-application.on(application.resumeEvent, function(args: application.ApplicationEventData) {
+application.on(application.resumeEvent, function (args: application.ApplicationEventData) {
     if (args.android) {
         // For Android applications, args.android is an android activity class.
         console.log("#" + ++countResume + "# ResumeEvent Activity: " + args.android);
@@ -54,7 +54,7 @@ application.on(application.resumeEvent, function(args: application.ApplicationEv
     }
 });
 
-application.on(application.exitEvent, function(args: application.ApplicationEventData) {
+application.on(application.exitEvent, function (args: application.ApplicationEventData) {
     if (args.android) {
         // For Android applications, args.android is an android activity class.
         console.log("### ExitEvent Activity: " + args.android);
@@ -64,7 +64,7 @@ application.on(application.exitEvent, function(args: application.ApplicationEven
     }
 });
 
-application.on(application.lowMemoryEvent, function(args: application.ApplicationEventData) {
+application.on(application.lowMemoryEvent, function (args: application.ApplicationEventData) {
     if (args.android) {
         // For Android applications, args.android is an android activity class.
         console.log("### LowMemoryEvent Activity: " + args.android);
@@ -74,22 +74,20 @@ application.on(application.lowMemoryEvent, function(args: application.Applicatio
     }
 });
 
-application.on(application.uncaughtErrorEvent, function(args: application.UnhandledErrorEventData) {
+application.on(application.uncaughtErrorEvent, function (args: application.UnhandledErrorEventData) {
     console.log("### NativeScriptError: " + args.error);
     console.log("### nativeException: " + (<any>args.error).nativeException);
     console.log("### stackTrace: " + (<any>args.error).stackTrace);
     console.log("### stack: " + args.error.stack);
 });
 
-application.on(application.discardedErrorEvent, function(args: application.DiscardedErrorEventData) {
+application.on(application.discardedErrorEvent, function (args: application.DiscardedErrorEventData) {
     console.log("### [Discarded] NativeScriptError: " + args.error);
     console.log("### [Discarded] nativeException: " + (<any>args.error).nativeException);
     console.log("### [Discarded] stackTrace: " + (<any>args.error).stackTrace);
     console.log("### [Discarded] stack: " + args.error.stack);
 });
 
+global.registerModule("ui-tests-app/app.css", () => require("~/ui-tests-app/app.css"));
 application.setCssFileName("ui-tests-app/app.css");
-
-application.start({ moduleName: "ui-tests-app/main-page" });
-// application.run({ moduleName: "ui-tests-app/app-root" });
-// application.run();
+application.run({ moduleName: "ui-tests-app/app-root" });

apps/app/ui-tests-app/bindings/main-page.ts

@@ -11,8 +11,8 @@ export function pageLoaded(args: EventData) {
 
 export function loadExamples() {
     const examples = new Map<string, string>();
-    examples.set("basics", "bindings/basics");
-    examples.set("xmlbasics", "bindings/xmlbasics");
+    examples.set("basics", "bindings/basics-page");
+    examples.set("xmlbasics", "bindings/xmlbasics-page");
 
     return examples;
-}
+}

apps/app/ui-tests-app/button/main-page.ts

@@ -11,13 +11,13 @@ export function pageLoaded(args: EventData) {
 
 export function loadExamples() {
     const examples = new Map<string, string>();
-    examples.set("btn-wrap-text-alignment-4266", "button/btn-wrap-text-alignment-4266");
-    examples.set("button-border", "button/button-border");
-    examples.set("styles", "button/styles");
-    examples.set("background", "button/background");
-    examples.set("border-playground", "button/border-playground");
-    examples.set("issue-4287", "button/issue-4287");
-    examples.set("issue-4385", "button/issue-4385");
-    examples.set("highlight-4740", "button/highlight-4740/highlight-4740");
+    examples.set("btn-wrap-text-alignment-4266", "button/btn-wrap-text-alignment-4266-page");
+    examples.set("button-border", "button/button-border-page");
+    examples.set("styles", "button/styles-page");
+    examples.set("background", "button/background-page");
+    examples.set("border-playground", "button/border-playground-page");
+    examples.set("issue-4287", "button/issue-4287-page");
+    examples.set("issue-4385", "button/issue-4385-page");
+    examples.set("highlight-4740", "button/highlight-4740/highlight-4740-page");
     return examples;
-}
+}

apps/app/ui-tests-app/button/styles-page.css

@@ -0,0 +1,5 @@
+#page {
+    background-color: lightcoral;
+}
+
+/* @import url('~/ui-tests-app/css/import.css'); */

apps/app/ui-tests-app/button/styles.css

@@ -1,5 +0,0 @@
-#page {
-    background-color: lightcoral;
-}
-
-@import url('~/ui-tests-app/css/import.css');

apps/app/ui-tests-app/css/import.css

@@ -1,3 +1,3 @@
 #import {
     background-color: lightpink;
-}
+}