feat: Scoped Packages (#7911)

* chore: move tns-core-modules to nativescript-core

* chore: preparing compat generate script

* chore: add missing definitions

* chore: no need for http-request to be private

* chore: packages chore

* test: generate tests for tns-core-modules

* chore: add anroid module for consistency

* chore: add .npmignore

* chore: added privateModulesWhitelist

* chore(webpack): added bundle-entry-points

* chore: scripts

* chore: tests changed to use @ns/core

* test: add scoped-packages test project

* test: fix types

* test: update test project

* chore: build scripts

* chore: update build script

* chore: npm scripts cleanup

* chore: make the compat pgk work with old wp config

* test: generate diff friendly tests

* chore: create barrel exports

* chore: move files after rebase

* chore: typedoc config

* chore: compat mode

* chore: review of barrels

* chore: remove tns-core-modules import after rebase

* chore: dev workflow setup

* chore: update developer-workflow

* docs: experiment with API extractor

* chore: api-extractor and barrel exports

* chore: api-extractor configs

* chore: generate d.ts rollup with api-extractor

* refactor: move methods inside Frame

* chore: fic tests to use Frame static methods

* refactor: create Builder class

* refactor: use Builder class in tests

* refactor: include Style in ui barrel

* chore: separate compat build script

* chore: fix tslint errors

* chore: update NATIVESCRIPT_CORE_ARGS

* chore: fix compat pack

* chore: fix ui-test-app build with linked modules

* chore: Application, ApplicationSettings, Connectivity and Http

* chore: export Trace, Profiling and Utils

* refactor: Static create methods for ImageSource

* chore: fix deprecated usages of ImageSource

* chore: move Span and FormattedString to ui

* chore: add events-args and ImageSource to index files

* chore: check for CLI >= 6.2 when building for IOS

* chore: update travis build

* chore: copy Pod file to compat package

* chore: update error msg ui-tests-app

* refactor: Apply suggestions from code review

Co-Authored-By: Martin Yankov <m.i.yankov@gmail.com>

* chore: typings and refs

* chore: add missing d.ts files for public API

* chore: adress code review FB

* chore: update api-report

* chore: dev-workflow for other apps

* chore: api update

* chore: update api-report

nativescript-core/ui/switch/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "switch",
+  "main": "switch",
+  "types": "switch.d.ts"
+}

nativescript-core/ui/switch/switch-common.ts

@@ -0,0 +1,29 @@
+import { Switch as SwitchDefinition } from ".";
+import { View, Property, booleanConverter, CSSType } from "../core/view";
+import { Color } from "../../color";
+
+export * from "../core/view";
+
+@CSSType("Switch")
+export class SwitchBase extends View implements SwitchDefinition {
+    public static checkedChangeEvent = "checkedChange";
+
+    public checked: boolean;
+    public offBackgroundColor: Color;
+
+    _onCheckedPropertyChanged(newValue: boolean) {
+        //
+    }
+}
+
+SwitchBase.prototype.recycleNativeView = "auto";
+
+function onCheckedPropertyChanged(switchBase: SwitchBase, oldValue: boolean, newValue: boolean) {
+    switchBase._onCheckedPropertyChanged(newValue);
+}
+
+export const checkedProperty = new Property<SwitchBase, boolean>({ name: "checked", defaultValue: false, valueConverter: booleanConverter, valueChanged: onCheckedPropertyChanged });
+checkedProperty.register(SwitchBase);
+
+export const offBackgroundColorProperty = new Property<SwitchBase, Color>({ name: "offBackgroundColor", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
+offBackgroundColorProperty.register(SwitchBase);

nativescript-core/ui/switch/switch.android.ts

@@ -0,0 +1,118 @@
+import {
+    SwitchBase, Color, colorProperty, backgroundColorProperty, backgroundInternalProperty, checkedProperty, offBackgroundColorProperty
+} from "./switch-common";
+
+export * from "./switch-common";
+
+interface CheckedChangeListener {
+    new(owner: Switch): android.widget.CompoundButton.OnCheckedChangeListener;
+}
+
+let CheckedChangeListener: CheckedChangeListener;
+
+function initializeCheckedChangeListener(): void {
+    if (CheckedChangeListener) {
+        return;
+    }
+
+    @Interfaces([android.widget.CompoundButton.OnCheckedChangeListener])
+    class CheckedChangeListenerImpl extends java.lang.Object implements android.widget.CompoundButton.OnCheckedChangeListener {
+        constructor(private owner: Switch) {
+            super();
+
+            return global.__native(this);
+        }
+
+        onCheckedChanged(buttonView: android.widget.CompoundButton, isChecked: boolean): void {
+            const owner = this.owner;
+            checkedProperty.nativeValueChange(owner, isChecked);
+        }
+    }
+
+    CheckedChangeListener = CheckedChangeListenerImpl;
+}
+
+export class Switch extends SwitchBase {
+    nativeViewProtected: android.widget.Switch;
+    public checked: boolean;
+
+    public createNativeView() {
+        return new android.widget.Switch(this._context);
+    }
+
+    public initNativeView(): void {
+        super.initNativeView();
+        const nativeView = this.nativeViewProtected;
+        initializeCheckedChangeListener();
+        const listener = new CheckedChangeListener(this);
+        nativeView.setOnCheckedChangeListener(listener);
+        (<any>nativeView).listener = listener;
+    }
+
+    public disposeNativeView() {
+        const nativeView: any = this.nativeViewProtected;
+        nativeView.listener.owner = null;
+        super.disposeNativeView();
+    }
+
+    private setNativeBackgroundColor(value: string | number | Color) {
+        if (value instanceof Color) {
+            this.nativeViewProtected.getTrackDrawable().setColorFilter(value.android, android.graphics.PorterDuff.Mode.SRC_IN);
+        } else {
+            this.nativeViewProtected.getTrackDrawable().clearColorFilter();
+        }
+    }
+
+    _onCheckedPropertyChanged(newValue: boolean) {
+        if (this.offBackgroundColor) {
+            if (!newValue) {
+                this.setNativeBackgroundColor(this.offBackgroundColor);
+            } else {
+                this.setNativeBackgroundColor(this.backgroundColor);
+            }
+        }
+    }
+
+    [checkedProperty.getDefault](): boolean {
+        return false;
+    }
+    [checkedProperty.setNative](value: boolean) {
+        this.nativeViewProtected.setChecked(value);
+    }
+
+    [colorProperty.getDefault](): number {
+        return -1;
+    }
+    [colorProperty.setNative](value: number | Color) {
+        if (value instanceof Color) {
+            this.nativeViewProtected.getThumbDrawable().setColorFilter(value.android, android.graphics.PorterDuff.Mode.SRC_IN);
+        } else {
+            this.nativeViewProtected.getThumbDrawable().clearColorFilter();
+        }
+    }
+
+    [backgroundColorProperty.getDefault](): number {
+        return -1;
+    }
+    [backgroundColorProperty.setNative](value: number | Color) {
+        if (!this.offBackgroundColor || this.checked) {
+            this.setNativeBackgroundColor(value);
+        }
+    }
+
+    [backgroundInternalProperty.getDefault](): any {
+        return null;
+    }
+    [backgroundInternalProperty.setNative](value: any) {
+        //
+    }
+
+    [offBackgroundColorProperty.getDefault](): number {
+        return -1;
+    }
+    [offBackgroundColorProperty.setNative](value: number | Color) {
+        if (!this.checked) {
+            this.setNativeBackgroundColor(value);
+        }
+    }
+}

nativescript-core/ui/switch/switch.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Contains the Switch class, which represents a standard switch component.
+ * @module "ui/switch"
+ */ /** */
+
+import { View, Property } from "../core/view";
+import { Color } from "../../color";
+
+/**
+ * Represents a switch component.
+ */
+export class Switch extends View {
+
+    public static checkedChangeEvent: string;
+
+    /**
+     * Gets the native [android widget](http://developer.android.com/reference/android/widget/Switch.html) that represents the user interface for this component. Valid only when running on Android OS.
+     */
+    android: any /* android.widget.Switch */;
+
+    /**
+     * Gets the native iOS [UISwitch](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISwitch_Class/) that represents the user interface for this component. Valid only when running on iOS.
+     */
+    ios: any /* UISwitch */;
+
+    /**
+     * Gets or sets if a switch is checked or not.
+     */
+    checked: boolean;
+
+    /**
+     * Gets or sets the background color of the Switch when it is turned off.
+     */
+    offBackgroundColor: Color;
+}
+
+/**
+ * Represents the observable property backing the checked property of each Switch instance.
+ */
+export const checkedProperty: Property<Switch, boolean>;

nativescript-core/ui/switch/switch.ios.ts

@@ -0,0 +1,110 @@
+import {
+    SwitchBase, layout, Color, colorProperty, backgroundColorProperty, backgroundInternalProperty, checkedProperty, offBackgroundColorProperty
+} from "./switch-common";
+
+export * from "./switch-common";
+
+class SwitchChangeHandlerImpl extends NSObject {
+
+    private _owner: WeakRef<Switch>;
+
+    public static initWithOwner(owner: WeakRef<Switch>): SwitchChangeHandlerImpl {
+        let handler = <SwitchChangeHandlerImpl>SwitchChangeHandlerImpl.new();
+        handler._owner = owner;
+
+        return handler;
+    }
+
+    public valueChanged(sender: UISwitch) {
+        let owner = this._owner.get();
+        if (owner) {
+            checkedProperty.nativeValueChange(owner, sender.on);
+        }
+    }
+
+    public static ObjCExposedMethods = {
+        "valueChanged": { returns: interop.types.void, params: [UISwitch] }
+    };
+}
+
+const zeroSize = { width: 0, height: 0 };
+export class Switch extends SwitchBase {
+    nativeViewProtected: UISwitch;
+    private _handler: NSObject;
+
+    constructor() {
+        super();
+        this.width = 51;
+        this.height = 31;
+    }
+
+    public createNativeView() {
+        return UISwitch.new();
+    }
+
+    public initNativeView(): void {
+        super.initNativeView();
+        const nativeView = this.nativeViewProtected;
+        this._handler = SwitchChangeHandlerImpl.initWithOwner(new WeakRef(this));
+        nativeView.addTargetActionForControlEvents(this._handler, "valueChanged", UIControlEvents.ValueChanged);
+    }
+
+    public disposeNativeView() {
+        this._handler = null;
+        super.disposeNativeView();
+    }
+
+    get ios(): UISwitch {
+        return this.nativeViewProtected;
+    }
+
+    public onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void {
+        // It can't be anything different from 51x31
+        let nativeSize = this.nativeViewProtected.sizeThatFits(zeroSize);
+        this.width = nativeSize.width;
+        this.height = nativeSize.height;
+
+        const widthAndState = Switch.resolveSizeAndState(layout.toDevicePixels(nativeSize.width), layout.toDevicePixels(51), layout.EXACTLY, 0);
+        const heightAndState = Switch.resolveSizeAndState(layout.toDevicePixels(nativeSize.height), layout.toDevicePixels(31), layout.EXACTLY, 0);
+        this.setMeasuredDimension(widthAndState, heightAndState);
+    }
+
+    [checkedProperty.getDefault](): boolean {
+        return false;
+    }
+    [checkedProperty.setNative](value: boolean) {
+        this.nativeViewProtected.on = value;
+    }
+
+    [colorProperty.getDefault](): UIColor {
+        return this.nativeViewProtected.thumbTintColor;
+    }
+    [colorProperty.setNative](value: UIColor | Color) {
+        this.nativeViewProtected.thumbTintColor = value instanceof Color ? value.ios : value;
+    }
+
+    [backgroundColorProperty.getDefault](): UIColor {
+        return this.nativeViewProtected.onTintColor;
+    }
+    [backgroundColorProperty.setNative](value: UIColor | Color) {
+        this.nativeViewProtected.onTintColor = value instanceof Color ? value.ios : value;
+    }
+
+    [backgroundInternalProperty.getDefault](): any {
+        return null;
+    }
+    [backgroundInternalProperty.setNative](value: any) {
+        //
+    }
+
+    [offBackgroundColorProperty.getDefault](): UIColor {
+        return this.nativeViewProtected.backgroundColor;
+    }
+    [offBackgroundColorProperty.setNative](value: Color | UIColor) {
+        const nativeValue = value instanceof Color ? value.ios : value;
+
+        this.nativeViewProtected.tintColor = nativeValue;
+        this.nativeViewProtected.backgroundColor = nativeValue;
+        this.nativeViewProtected.layer.cornerRadius = this.nativeViewProtected.frame.size.height / 2;
+    }
+}