diff --git a/.vscode/settings.json b/.vscode/settings.json index 5acd7ae98..3a51bc298 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -6,5 +6,6 @@ "**/platforms": true, "**/*.js": true, "**/*.js.map": true - } + }, + "tslint.configFile": "./build/tslint.json" } \ No newline at end of file diff --git a/apps/app/css-perf-test/main-page.ts b/apps/app/css-perf-test/main-page.ts index 3b9710649..c22a93868 100644 --- a/apps/app/css-perf-test/main-page.ts +++ b/apps/app/css-perf-test/main-page.ts @@ -1,4 +1,4 @@ -import {EventData as ObservableEventData} from "tns-core-modules/data/observable"; +import {EventData as ObservableEventData } from "tns-core-modules/data/observable"; export function navigatedTo(args: ObservableEventData) { setTimeout(() => { diff --git a/apps/app/css-perf-test/root.ts b/apps/app/css-perf-test/root.ts index 31b91d23a..62f3976c0 100644 --- a/apps/app/css-perf-test/root.ts +++ b/apps/app/css-perf-test/root.ts @@ -1,4 +1,4 @@ -import {Page} from "tns-core-modules/ui/page"; +import { Page } from "tns-core-modules/ui/page"; export function onTap(args: any) { (global).startTime = (global).time(); diff --git a/apps/app/cuteness.io/main-page.ts b/apps/app/cuteness.io/main-page.ts index 770a4c960..6fc3b9429 100644 --- a/apps/app/cuteness.io/main-page.ts +++ b/apps/app/cuteness.io/main-page.ts @@ -1,8 +1,8 @@ -import {EventData as ObservableEventData} from "tns-core-modules/data/observable"; -import {Page} from "tns-core-modules/ui/page"; -import {ItemEventData as ListViewItemEventData} from "tns-core-modules/ui/list-view"; -import {topmost as topmostFrame} from "tns-core-modules/ui/frame"; -import {AppViewModel} from "./reddit-app-view-model"; +import {EventData as ObservableEventData } from "tns-core-modules/data/observable"; +import { Page } from "tns-core-modules/ui/page"; +import {ItemEventData as ListViewItemEventData } from "tns-core-modules/ui/list-view"; +import {topmost as topmostFrame } from "tns-core-modules/ui/frame"; +import { AppViewModel } from "./reddit-app-view-model"; var appViewModel = new AppViewModel(); diff --git a/apps/app/devtools-app/main-page.ts b/apps/app/devtools-app/main-page.ts index 451163c42..2a600ea21 100644 --- a/apps/app/devtools-app/main-page.ts +++ b/apps/app/devtools-app/main-page.ts @@ -30,7 +30,7 @@ export function navigate() { frame.topmost().navigate("gallery-app/main-page"); } -export function change(args){ +export function change(args) { args.object.text = "hi " + Math.random(); } \ No newline at end of file diff --git a/apps/app/modaltest/main-page.ts b/apps/app/modaltest/main-page.ts index 3a153f016..1ed90cb7f 100644 --- a/apps/app/modaltest/main-page.ts +++ b/apps/app/modaltest/main-page.ts @@ -26,7 +26,7 @@ export function onTap3(args: EventData) { } function closeModal() { - console.log('closeModal Called'); + console.log("closeModal Called"); } export function sync(args: EventData) { diff --git a/apps/app/modaltest/modal-tab.ts b/apps/app/modaltest/modal-tab.ts index 1ebac4ff3..224dcf81b 100644 --- a/apps/app/modaltest/modal-tab.ts +++ b/apps/app/modaltest/modal-tab.ts @@ -1,6 +1,6 @@ import { View, EventData } from "tns-core-modules/ui/core/view"; -const colors = ['red', 'orange', 'magenta']; +const colors = ["red", "orange", "magenta"]; let x = 0; export function onLoaded(args) { diff --git a/apps/app/navigation-app/main-page.ts b/apps/app/navigation-app/main-page.ts index 5b1af32d1..32a4a7246 100644 --- a/apps/app/navigation-app/main-page.ts +++ b/apps/app/navigation-app/main-page.ts @@ -1,6 +1,6 @@ -import { EventData } from 'tns-core-modules/data/observable'; -import { Page, NavigatedData } from 'tns-core-modules/ui/page'; -import { topmost, NavigationEntry } from 'tns-core-modules/ui/frame'; +import { EventData } from "tns-core-modules/data/observable"; +import { Page, NavigatedData } from "tns-core-modules/ui/page"; +import { topmost, NavigationEntry } from "tns-core-modules/ui/frame"; export function nav() { const e: NavigationEntry = { diff --git a/apps/app/perf-app/flexbox/main-page.ts b/apps/app/perf-app/flexbox/main-page.ts index f8cdddd16..dfca62340 100644 --- a/apps/app/perf-app/flexbox/main-page.ts +++ b/apps/app/perf-app/flexbox/main-page.ts @@ -1,4 +1,4 @@ -import {TabView} from "tns-core-modules/ui/tab-view"; +import { TabView } from "tns-core-modules/ui/tab-view"; import * as utils from "tns-core-modules/utils/utils"; const titles = ["Etiam lacinia", "Imperdiet ante", "A interdum", "Quisque tempus", "Sodales viverra"]; diff --git a/apps/app/perf-app/properties/tests.ts b/apps/app/perf-app/properties/tests.ts index 2e8599423..260fd7b3d 100644 --- a/apps/app/perf-app/properties/tests.ts +++ b/apps/app/perf-app/properties/tests.ts @@ -4,7 +4,7 @@ import { Label } from "tns-core-modules/ui/label"; const average = 3; const noValue = "noValue"; -const colors = ['red', 'green']; +const colors = ["red", "green"]; export function addRemove(counts: Array, parent: LayoutBase): string { let result = `addRemove`; @@ -29,7 +29,7 @@ export function addRemove(counts: Array, parent: LayoutBase): string { } export function setText(counts: Array, parent?: LayoutBase): string { - let result = `setText ${parent ? 'with nativeView' : ''}`; + let result = `setText ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { const lbl = setup(parent); const time = executeTest(() => { @@ -44,7 +44,7 @@ export function setText(counts: Array, parent?: LayoutBase): string { } export function setBackgroundColor(counts: Array, parent?: LayoutBase): string { - let result = `setBackgroundColor ${parent ? 'with nativeView' : ''}`; + let result = `setBackgroundColor ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { if (parent && count > 10000) { result += setResultTime(noValue); @@ -66,7 +66,7 @@ export function setBackgroundColor(counts: Array, parent?: LayoutBase): const borders = [1, 2, 3]; export function setBorderWidths(counts: Array, parent?: LayoutBase): string { - let result = `setBorderWidths ${parent ? 'with nativeView' : ''}`; + let result = `setBorderWidths ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { if (count > 10000 && parent) { result += setResultTime(noValue); @@ -90,7 +90,7 @@ export function setBorderWidths(counts: Array, parent?: LayoutBase): str } export function setColor(counts: Array, parent?: LayoutBase): string { - let result = `setColor ${parent ? 'with nativeView' : ''}`; + let result = `setColor ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { const lbl = setup(parent); const style = lbl.style; @@ -128,7 +128,7 @@ export function setColorWithParents(counts: Array, parent: LayoutBase): const fontSizes = [10, 20]; export function setFontSize(counts: Array, parent?: LayoutBase): string { - let result = `setFontSize ${parent ? 'with nativeView' : ''}`; + let result = `setFontSize ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { const lbl = setup(parent); const style = lbl.style; @@ -165,13 +165,13 @@ export function setFontSizeWithParents(counts: Array, parent: LayoutBase } export function setFontWeight(counts: Array, parent?: LayoutBase): string { - let result = `setFontWeight ${parent ? 'with nativeView' : ''}`; + let result = `setFontWeight ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { const lbl = setup(parent); const style = lbl.style; const time = executeTest(() => { for (let i = 0; i < count; i++) { - style.fontWeight = i % 2 === 0 ? 'bold' : 'normal'; + style.fontWeight = i % 2 === 0 ? "bold" : "normal"; } }); result += setResultTime(time); @@ -192,7 +192,7 @@ export function setFontWeightWithParents(counts: Array, parent: LayoutBa setupParents(parent); const time = executeTest(() => { for (let i = 0; i < count; i++) { - style.fontWeight = i % 2 === 0 ? 'bold' : 'normal' + style.fontWeight = i % 2 === 0 ? "bold" : "normal" } }); result += setResultTime(time); @@ -202,7 +202,7 @@ export function setFontWeightWithParents(counts: Array, parent: LayoutBa } export function setBindingContext(counts: Array, parent?: LayoutBase): string { - let result = `setBindingContext ${parent ? 'with nativeView' : ''}`; + let result = `setBindingContext ${parent ? "with nativeView" : ""}`; counts.forEach((count) => { const lbl = setup(parent); const time = executeTest(() => { diff --git a/apps/app/perf-app/recycling/main-page.ts b/apps/app/perf-app/recycling/main-page.ts index da0e75ffd..3c715eede 100644 --- a/apps/app/perf-app/recycling/main-page.ts +++ b/apps/app/perf-app/recycling/main-page.ts @@ -56,7 +56,7 @@ export function onTap(args) { result.text += line + "\n"; } - let text = '';//"Count"; + let text = ""; //"Count"; // c.forEach(e => { // text += `\t${e}`; // }); diff --git a/apps/app/perf-app/recycling/tests.ts b/apps/app/perf-app/recycling/tests.ts index 9b2cb697c..178859f66 100644 --- a/apps/app/perf-app/recycling/tests.ts +++ b/apps/app/perf-app/recycling/tests.ts @@ -1,40 +1,40 @@ -import { time } from 'tns-core-modules/profiling'; -import { ActionBar } from 'tns-core-modules/ui/action-bar'; -import { ActivityIndicator } from 'tns-core-modules/ui/activity-indicator'; -import { Border } from 'tns-core-modules/ui/border'; -import { Button } from 'tns-core-modules/ui/button'; -import { ContentView } from 'tns-core-modules/ui/content-view'; -import { DatePicker } from 'tns-core-modules/ui/date-picker'; -import { HtmlView } from 'tns-core-modules/ui/html-view'; -import { Image } from 'tns-core-modules/ui/image'; -import { Label } from 'tns-core-modules/ui/label'; -import { AbsoluteLayout } from 'tns-core-modules/ui/layouts/absolute-layout'; -import { DockLayout } from 'tns-core-modules/ui/layouts/dock-layout'; -import { FlexboxLayout } from 'tns-core-modules/ui/layouts/flexbox-layout'; -import { GridLayout } from 'tns-core-modules/ui/layouts/grid-layout'; -import { StackLayout } from 'tns-core-modules/ui/layouts/stack-layout'; -import { WrapLayout } from 'tns-core-modules/ui/layouts/wrap-layout'; -import { ListPicker } from 'tns-core-modules/ui/list-picker'; -import { ListView } from 'tns-core-modules/ui/list-view'; -import { Page } from 'tns-core-modules/ui/page'; -import { Progress } from 'tns-core-modules/ui/progress'; -import { Repeater } from 'tns-core-modules/ui/repeater'; -import { SegmentedBar } from 'tns-core-modules/ui/segmented-bar'; -import { Switch } from 'tns-core-modules/ui/switch'; -import { TabView } from 'tns-core-modules/ui/tab-view'; -import { TextField } from 'tns-core-modules/ui/text-field'; -import { TextView } from 'tns-core-modules/ui/text-view'; -import { TimePicker } from 'tns-core-modules/ui/time-picker'; -import { View } from 'tns-core-modules/ui/core/view'; -import { FormattedString, Span } from 'tns-core-modules/text/formatted-string'; -import { _getProperties, _getStyleProperties } from 'tns-core-modules/ui/core/properties'; +import { time } from "tns-core-modules/profiling"; +import { ActionBar } from "tns-core-modules/ui/action-bar"; +import { ActivityIndicator } from "tns-core-modules/ui/activity-indicator"; +import { Border } from "tns-core-modules/ui/border"; +import { Button } from "tns-core-modules/ui/button"; +import { ContentView } from "tns-core-modules/ui/content-view"; +import { DatePicker } from "tns-core-modules/ui/date-picker"; +import { HtmlView } from "tns-core-modules/ui/html-view"; +import { Image } from "tns-core-modules/ui/image"; +import { Label } from "tns-core-modules/ui/label"; +import { AbsoluteLayout } from "tns-core-modules/ui/layouts/absolute-layout"; +import { DockLayout } from "tns-core-modules/ui/layouts/dock-layout"; +import { FlexboxLayout } from "tns-core-modules/ui/layouts/flexbox-layout"; +import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout"; +import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout"; +import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout"; +import { ListPicker } from "tns-core-modules/ui/list-picker"; +import { ListView } from "tns-core-modules/ui/list-view"; +import { Page } from "tns-core-modules/ui/page"; +import { Progress } from "tns-core-modules/ui/progress"; +import { Repeater } from "tns-core-modules/ui/repeater"; +import { SegmentedBar } from "tns-core-modules/ui/segmented-bar"; +import { Switch } from "tns-core-modules/ui/switch"; +import { TabView } from "tns-core-modules/ui/tab-view"; +import { TextField } from "tns-core-modules/ui/text-field"; +import { TextView } from "tns-core-modules/ui/text-view"; +import { TimePicker } from "tns-core-modules/ui/time-picker"; +import { View } from "tns-core-modules/ui/core/view"; +import { FormattedString, Span } from "tns-core-modules/text/formatted-string"; +import { _getProperties, _getStyleProperties } from "tns-core-modules/ui/core/properties"; declare var __startCPUProfiler; declare var __stopCPUProfiler; const count = 200; export function testSetup(layout: StackLayout): string { setupSetters(); - return ''; + return ""; } export function testFlexboxLayout(layout: StackLayout): string { @@ -133,47 +133,47 @@ function test(layout: StackLayout, createView: () => View, count: number): strin const viewMap1 = new Map(); const cssMap1 = new Map(); - viewMap1.set('isEnabled', false); + viewMap1.set("isEnabled", false); let result = execute(layout, createView, count, viewMap1, cssMap1) - viewMap1.set('text', 'text'); - viewMap1.set('automationText', "automationText"); - cssMap1.set('width', 100); - cssMap1.set('height', 100); - cssMap1.set('rotate', '90'); + viewMap1.set("text", "text"); + viewMap1.set("automationText", "automationText"); + cssMap1.set("width", 100); + cssMap1.set("height", 100); + cssMap1.set("rotate", "90"); result += execute(layout, createView, count, viewMap1, cssMap1) - viewMap1.set('clipToBounds', false); - viewMap1.set('left', '20'); - viewMap1.set('top', '20'); - viewMap1.set('dock', 'top'); - viewMap1.set('stretchLastChild', false); + viewMap1.set("clipToBounds", false); + viewMap1.set("left", "20"); + viewMap1.set("top", "20"); + viewMap1.set("dock", "top"); + viewMap1.set("stretchLastChild", false); - cssMap1.set('paddingLeft', '30px'); - cssMap1.set('paddingTop', '30px'); - cssMap1.set('paddingRight', '30px'); - cssMap1.set('paddingBottom', '30px'); - cssMap1.set('horizontalAlignment', 'center'); - cssMap1.set('verticalAlignment', 'center'); + cssMap1.set("paddingLeft", "30px"); + cssMap1.set("paddingTop", "30px"); + cssMap1.set("paddingRight", "30px"); + cssMap1.set("paddingBottom", "30px"); + cssMap1.set("horizontalAlignment", "center"); + cssMap1.set("verticalAlignment", "center"); result += execute(layout, createView, count, viewMap1, cssMap1) - viewMap1.set('row', '1'); - viewMap1.set('rowSpan', '2'); - viewMap1.set('col', '1'); - viewMap1.set('colSpan', '2'); + viewMap1.set("row", "1"); + viewMap1.set("rowSpan", "2"); + viewMap1.set("col", "1"); + viewMap1.set("colSpan", "2"); - cssMap1.set('rotate', '90'); - cssMap1.set('scaleX', 2); - cssMap1.set('scaleY', 2); - cssMap1.set('translateX', 20); - cssMap1.set('translateY', 20); - cssMap1.set('clipPath', 'inset(100px 50px)'); - cssMap1.set('color', 'red'); - cssMap1.set('tintColor', 'green'); - cssMap1.set('placeholderColor', 'green'); - cssMap1.set('backgroundColor', 'red'); - cssMap1.set('backgroundImage', '~/logo.png'); + cssMap1.set("rotate", "90"); + cssMap1.set("scaleX", 2); + cssMap1.set("scaleY", 2); + cssMap1.set("translateX", 20); + cssMap1.set("translateY", 20); + cssMap1.set("clipPath", "inset(100px 50px)"); + cssMap1.set("color", "red"); + cssMap1.set("tintColor", "green"); + cssMap1.set("placeholderColor", "green"); + cssMap1.set("backgroundColor", "red"); + cssMap1.set("backgroundImage", "~/logo.png"); result += execute(layout, createView, count, viewMap1, cssMap1) result += execute(layout, createView, count, setters, cssSetters); @@ -214,10 +214,10 @@ function profile(layout: StackLayout, createView: () => View, count: number, rec viewProps: Map, cssProps: Map): { time: number, count: number } { const view = createView(); - view.recycleNativeView = recycle ? 'always' : 'never'; + view.recycleNativeView = recycle ? "always" : "never"; const style = view.style; // DatePicker throws OOM - const c = view.typeName === 'DatePicker' ? 1 : 5; + const c = view.typeName === "DatePicker" ? 1 : 5; let total = 0; let x = 0; for (let i = 0; i < c; i++) { @@ -260,125 +260,125 @@ function setupSetters(): void { setters = new Map(); // view-base - setters.set('id', "someId"); - setters.set('className', "someClassName"); - setters.set('bindingContext', "someBindingContext"); + setters.set("id", "someId"); + setters.set("className", "someClassName"); + setters.set("bindingContext", "someBindingContext"); // view - setters.set('automationText', "automationText"); - setters.set('originX', 0.2); - setters.set('originY', 0.2); - setters.set('isEnabled', false); - setters.set('isUserInteractionEnabled', false); + setters.set("automationText", "automationText"); + setters.set("originX", 0.2); + setters.set("originY", 0.2); + setters.set("isEnabled", false); + setters.set("isUserInteractionEnabled", false); // action-bar - setters.set('title', 'title'); - setters.set('text', 'text'); - setters.set('icon', '~/logo.png'); - setters.set('visibility', 'collapse'); + setters.set("title", "title"); + setters.set("text", "text"); + setters.set("icon", "~/logo.png"); + setters.set("visibility", "collapse"); // activity-indicator - setters.set('busy', true); + setters.set("busy", true); // date-picker - setters.set('year', '2010'); - setters.set('month', '2'); - setters.set('day', '2'); - setters.set('maxDate', '2100'); - setters.set('minDate', '2000'); - setters.set('date', new Date(2011, 3, 3)); + setters.set("year", "2010"); + setters.set("month", "2"); + setters.set("day", "2"); + setters.set("maxDate", "2100"); + setters.set("minDate", "2000"); + setters.set("date", new Date(2011, 3, 3)); // editable-text - setters.set('keyboardType', 'datetime'); - setters.set('returnKeyType', 'done'); - setters.set('editable', false); - setters.set('updateTextTrigger', 'focusLost'); - setters.set('autocapitalizationType', 'words'); - setters.set('autocorrect', true); - setters.set('hint', 'hint'); - setters.set('maxLength', '10'); + setters.set("keyboardType", "datetime"); + setters.set("returnKeyType", "done"); + setters.set("editable", false); + setters.set("updateTextTrigger", "focusLost"); + setters.set("autocapitalizationType", "words"); + setters.set("autocorrect", true); + setters.set("hint", "hint"); + setters.set("maxLength", "10"); // html-view - setters.set('html', ''); + setters.set("html", ""); // image-view - setters.set('imageSource', ''); - setters.set('src', ''); - setters.set('loadMode', 'async'); - setters.set('isLoading', true); - setters.set('stretch', 'none'); + setters.set("imageSource", ""); + setters.set("src", ""); + setters.set("loadMode", "async"); + setters.set("isLoading", true); + setters.set("stretch", "none"); // layout-base - setters.set('clipToBounds', false); + setters.set("clipToBounds", false); // absolute-layout - setters.set('left', '20'); - setters.set('top', '20'); + setters.set("left", "20"); + setters.set("top", "20"); // dock-layout - setters.set('dock', 'top'); - setters.set('stretchLastChild', false); + setters.set("dock", "top"); + setters.set("stretchLastChild", false); // grid-layout props - setters.set('row', '1'); - setters.set('rowSpan', '2'); - setters.set('col', '1'); - setters.set('colSpan', '2'); + setters.set("row", "1"); + setters.set("rowSpan", "2"); + setters.set("col", "1"); + setters.set("colSpan", "2"); // stack-layout - setters.set('orientation', 'horizontal'); + setters.set("orientation", "horizontal"); // wrap-layout // custom orientation value // setters.set('orientation', 'vertical'); - setters.set('itemWidth', '50'); - setters.set('itemHeight', '50'); + setters.set("itemWidth", "50"); + setters.set("itemHeight", "50"); // list-picker - setters.set('items', ['1', '2', '3']); - setters.set('selectedIndex', '1'); + setters.set("items", ["1", "2", "3"]); + setters.set("selectedIndex", "1"); // list-view - setters.set('items', ['1', '2', '3']); - setters.set('itemTemplate', '