Skip to content

Commit 1e4fc6c

Browse files
NathanWalkerNathanWalker
authored
feat: update other deps and remove comments (#215)
1 parent f2a7ad2 commit 1e4fc6c

File tree

26 files changed

+15
-259
lines changed

26 files changed

+15
-259
lines changed

‎packages/template-blank-svelte/app/app.css

+1-14
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,6 @@
1-
/*
2-
In NativeScript, the app.css file is where you place CSS rules that
3-
you would like to apply to your entire application. Check out
4-
http://docs.nativescript.org/ui/styling for a full list of the CSS
5-
selectors and properties you can use to style UI components.
6-
7-
/*
8-
In many cases you may want to use the NativeScript core theme instead
9-
of writing your own CSS rules. For a full list of class names in the theme
10-
refer to http://docs.nativescript.org/ui/theme.
11-
The imported CSS rules must precede all other types of rules.
12-
*/
13-
@import '@nativescript/theme/css/core.css';
1+
@import '@nativescript/theme/css/core.css';
142
@import '@nativescript/theme/css/default.css';
153

16-
/* Font icon class */
174
.fab {
185
font-family: 'Font Awesome 5 Brands', 'fa-brands-400';
196
font-weight: 400;

‎packages/template-blank-svelte/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"main": "app/app.ts",
44
"displayName": "Blank Svelte",
55
"templateType": "App template",
6-
"version": "8.2.1",
6+
"version": "8.2.2",
77
"description": "Blank template for NativeScript apps using Svelte",
88
"author": "NativeScript Team <[email protected]>",
99
"license": "Apache-2.0",

‎packages/template-drawer-navigation-ng/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"main": "src/main.ts",
44
"displayName": "Navigation Drawer",
55
"templateType": "App template",
6-
"version": "8.2.3",
6+
"version": "8.2.4",
77
"description": "Side navigation template",
88
"author": "NativeScript Team <[email protected]>",
99
"license": "Apache-2.0",

‎packages/template-drawer-navigation-ng/src/app/app.component.html

-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
<!--
2-
RadSideDrawer is a UI component part of the Progress NativeScript UI set of components.
3-
Learn more about the RadSideDrawer UI component and how it can be customized in this documentation article:
4-
https://docs.nativescript.org/angular/ui/professional-ui-components/ng-SideDrawer/getting-started
5-
-->
61
<RadSideDrawer [drawerTransition]="sideDrawerTransition">
72
<GridLayout tkDrawerContent rows="auto, *" class="nt-drawer__content">
83
<StackLayout row="0" class="nt-drawer__header">

‎packages/template-drawer-navigation-ts/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"main": "src/main.ts",
44
"displayName": "Navigation Drawer",
55
"templateType": "App template",
6-
"version": "8.2.1",
6+
"version": "8.2.2",
77
"description": "Side navigation template",
88
"author": "NativeScript Team <[email protected]>",
99
"license": "Apache-2.0",

‎packages/template-drawer-navigation-ts/src/app-root/app-root.xml

-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
<!--
2-
RadSideDrawer is a UI component part of the Progress NativeScript UI set of components.
3-
Learn more about the RadSideDrawer UI component and how it can be customized in this documentation article:
4-
https://docs.nativescript.org/ui/professional-ui-components/SideDrawer/getting-started
5-
-->
61
<nsDrawer:RadSideDrawer
72
id="sideDrawer"
83
xmlns:nsDrawer="nativescript-ui-sidedrawer"

‎packages/template-drawer-navigation/app/app-root/app-root.xml

-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
<!--
2-
RadSideDrawer is a UI component part of the Progress NativeScript UI set of components.
3-
Learn more about the RadSideDrawer UI component and how it can be customized in this documentation article:
4-
https://docs.nativescript.org/ui/professional-ui-components/SideDrawer/getting-started
5-
-->
61
<nsDrawer:RadSideDrawer
72
id="sideDrawer"
83
xmlns:nsDrawer="nativescript-ui-sidedrawer"

‎packages/template-drawer-navigation/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"main": "app/app.js",
44
"displayName": "Navigation Drawer",
55
"templateType": "App template",
6-
"version": "8.2.1",
6+
"version": "8.2.2",
77
"description": "Side navigation template",
88
"author": "NativeScript Team <[email protected]>",
99
"license": "Apache-2.0",

‎packages/template-hello-world-ng/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@nativescript/template-hello-world-ng",
33
"main": "./src/main.ts",
4-
"version": "8.2.3",
4+
"version": "8.2.4",
55
"author": "NativeScript Team <[email protected]>",
66
"description": "NativeScript Angular Hello World template",
77
"license": "Apache-2.0",

‎packages/template-hello-world-ng/src/app.css

-19
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,6 @@
1-
/*
2-
In NativeScript, the app.css file is where you place CSS rules that
3-
you would like to apply to your entire application. Check out
4-
http://docs.nativescript.org/ui/styling for a full list of the CSS
5-
selectors and properties you can use to style UI components.
6-
7-
/*
8-
In many cases you may want to use the NativeScript core theme instead
9-
of writing your own CSS rules. You can learn more about the
10-
NativeScript core theme at https://github.com/nativescript/theme
11-
The imported CSS rules must precede all other types of rules.
12-
*/
131
@import '@nativescript/theme/css/core.css';
142
@import '@nativescript/theme/css/default.css';
153

16-
/* Place any CSS rules you want to apply on both iOS and Android here.
17-
This is where the vast majority of your CSS code goes. */
18-
19-
/*
20-
The following CSS rule changes the font size of all Buttons that have the
21-
"-primary" class modifier.
22-
*/
234
Button.-primary {
245
font-size: 18;
256
}

‎packages/template-hello-world-ng/src/app/item/items.component.html

-22
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,5 @@
1-
<!--
2-
The template defines the view of the component - what is actually rendered.
3-
In NativeScript applications the template is defined with XML using NativeScript UI elements.
4-
It is different from HTML. So instead of <input>, <span>, <div> etc. - we have <TextField>, <Label> and layouts.
5-
The important thing is that although the elements are different - all of the Angular’s template syntax works exactly the same.
6-
So you can still use template expressions, bindings, templates as well as all the built-in directives.
7-
-->
8-
9-
<!--
10-
The ActionBar is the NativeScript common abstraction over the Android ActionBar and iOS NavigationBar.
11-
http://docs.nativescript.org/ui/action-bar
12-
-->
131
<ActionBar title="My App"> </ActionBar>
142

15-
<!--
16-
The GridLayout arranges its child elements in a table structure of rows and columns.
17-
A cell can contain multiple child elements, they can span over multiple rows and columns,
18-
and even overlap each other. The GridLayout has one column and one row by default.
19-
You can learn more about NativeScript layouts at https://docs.nativescript.org/ui/layout-containers.
20-
21-
These components make use of the NativeScript core theme, which styles them with element selectors.
22-
The theme also provides a set of helper class names such as p-20, h1, h2, and text-center to enhance styling.
23-
You can learn more about the NativeScript core theme at https://github.com/nativescript/theme
24-
-->
253
<GridLayout>
264
<ListView [items]="items">
275
<ng-template let-item="item">

‎packages/template-hello-world-ts/app/app.css

+1-20
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,6 @@
1-
/*
2-
In NativeScript, the app.css file is where you place CSS rules that
3-
you would like to apply to your entire application. Check out
4-
http://docs.nativescript.org/ui/styling for a full list of the CSS
5-
selectors and properties you can use to style UI components.
6-
7-
/*
8-
In many cases you may want to use the NativeScript core theme instead
9-
of writing your own CSS rules. You can learn more about the
10-
NativeScript core theme at https://github.com/nativescript/theme
11-
The imported CSS rules must precede all other types of rules.
12-
*/
13-
@import '@nativescript/theme/css/core.css';
1+
@import '@nativescript/theme/css/core.css';
142
@import '@nativescript/theme/css/default.css';
153

16-
/* Place any CSS rules you want to apply on both iOS and Android here.
17-
This is where the vast majority of your CSS code goes. */
18-
19-
/*
20-
The following CSS rule changes the font size of all Buttons that have the
21-
'-primary' class modifier.
22-
*/
234
Button.-primary {
245
font-size: 18;
256
}

‎packages/template-hello-world-ts/app/main-page.ts

-23
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,7 @@
1-
/*
2-
In NativeScript, a file with the same name as an XML file is known as
3-
a code-behind file. The code-behind is a great place to place your view
4-
logic, and to set up your page’s data binding.
5-
*/
6-
71
import { EventData, Page } from '@nativescript/core'
82
import { HelloWorldModel } from './main-view-model'
93

10-
// Event handler for Page 'navigatingTo' event attached in main-page.xml
114
export function navigatingTo(args: EventData) {
12-
/*
13-
This gets a reference this page’s <Page> UI component. You can
14-
view the API reference of the Page to see what’s available at
15-
https://docs.nativescript.org/api-reference/classes/_ui_page_.page.html
16-
*/
175
const page = <Page>args.object
18-
19-
/*
20-
A page’s bindingContext is an object that should be used to perform
21-
data binding between XML markup and TypeScript code. Properties
22-
on the bindingContext can be accessed using the {{ }} syntax in XML.
23-
In this example, the {{ message }} and {{ onTap }} bindings are resolved
24-
against the object returned by createViewModel().
25-
26-
You can learn more about data binding in NativeScript at
27-
https://docs.nativescript.org/core-concepts/data-binding.
28-
*/
296
page.bindingContext = new HelloWorldModel()
307
}

‎packages/template-hello-world-ts/app/main-page.xml

-21
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,6 @@
1-
<!--
2-
The markup in NativeScript apps contains a series of user interface components, each
3-
of which NativeScript renders with a platform-specific iOS or Android native control.
4-
You can find a full list of user interface components you can use in your app at
5-
https://docs.nativescript.org/ui/components.
6-
-->
71
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
8-
<!--
9-
The ActionBar is the NativeScript common abstraction over the Android ActionBar and iOS NavigationBar.
10-
http://docs.nativescript.org/ui/action-bar
11-
-->
122
<ActionBar title="My App" icon="" />
133

14-
<!--
15-
The StackLayout stacks UI components on the screen—either vertically or horizontally.
16-
In this case, the StackLayout does vertical stacking; you can change the stacking to
17-
horizontal by applying a orientation="horizontal" attribute to the <StackLayout> element.
18-
You can learn more about NativeScript layouts at
19-
https://docs.nativescript.org/ui/layout-containers.
20-
21-
These components make use of the NativeScript core theme, which styles them with element selectors.
22-
The theme also provides a set of helper class names such as p-20, h1, h2, and text-center to enhance styling.
23-
You can learn more about the NativeScript core theme at https://github.com/nativescript/theme
24-
-->
254
<StackLayout class="p-20">
265
<Label text="Tap the button" class="h1 text-center" />
276
<Button text="TAP" tap="{{ onTap }}" class="-primary" />

‎packages/template-hello-world-ts/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@nativescript/template-hello-world-ts",
33
"main": "app/app.ts",
4-
"version": "8.2.1",
4+
"version": "8.2.2",
55
"author": "NativeScript Team <[email protected]>",
66
"description": "Nativescript hello-world-ts project template",
77
"license": "Apache-2.0",

‎packages/template-hello-world/app/app.css

+1-20
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,6 @@
1-
/*
2-
In NativeScript, the app.css file is where you place CSS rules that
3-
you would like to apply to your entire application. Check out
4-
http://docs.nativescript.org/ui/styling for a full list of the CSS
5-
selectors and properties you can use to style UI components.
6-
7-
/*
8-
In many cases you may want to use the NativeScript core theme instead
9-
of writing your own CSS rules. You can learn more about the
10-
NativeScript core theme at https://github.com/nativescript/theme
11-
The imported CSS rules must precede all other types of rules.
12-
*/
13-
@import '@nativescript/theme/css/core.css';
1+
@import '@nativescript/theme/css/core.css';
142
@import '@nativescript/theme/css/default.css';
153

16-
/* Place any CSS rules you want to apply on both iOS and Android here.
17-
This is where the vast majority of your CSS code goes. */
18-
19-
/*
20-
The following CSS rule changes the font size of all Buttons that have the
21-
"-primary" class modifier.
22-
*/
234
Button.-primary {
245
font-size: 18;
256
}

‎packages/template-hello-world/app/main-page.js

-34
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,6 @@
1-
/*
2-
In NativeScript, a file with the same name as an XML file is known as
3-
a code-behind file. The code-behind is a great place to place your view
4-
logic, and to set up your page’s data binding.
5-
*/
6-
7-
/*
8-
NativeScript adheres to the CommonJS specification for dealing with
9-
JavaScript modules. The CommonJS require() function is how you import
10-
JavaScript modules defined in other files.
11-
*/
121
import { createViewModel } from './main-view-model';
132

143
export function onNavigatingTo(args) {
15-
/*
16-
This gets a reference this page’s <Page> UI component. You can
17-
view the API reference of the Page to see what’s available at
18-
https://docs.nativescript.org/api-reference/classes/_ui_page_.page.html
19-
*/
204
const page = args.object
21-
22-
/*
23-
A page’s bindingContext is an object that should be used to perform
24-
data binding between XML markup and JavaScript code. Properties
25-
on the bindingContext can be accessed using the {{ }} syntax in XML.
26-
In this example, the {{ message }} and {{ onTap }} bindings are resolved
27-
against the object returned by createViewModel().
28-
29-
You can learn more about data binding in NativeScript at
30-
https://docs.nativescript.org/core-concepts/data-binding.
31-
*/
325
page.bindingContext = createViewModel()
336
}
34-
35-
/*
36-
Exporting a function in a NativeScript code-behind file makes it accessible
37-
to the file’s corresponding XML file. In this case, exporting the onNavigatingTo
38-
function here makes the navigatingTo="onNavigatingTo" binding in this page’s XML
39-
file work.
40-
*/

‎packages/template-hello-world/app/main-page.xml

-21
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,6 @@
1-
<!--
2-
The markup in NativeScript apps contains a series of user interface components, each
3-
of which NativeScript renders with a platform-specific iOS or Android native control.
4-
You can find a full list of user interface components you can use in your app at
5-
https://docs.nativescript.org/ui/components.
6-
-->
71
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
8-
<!--
9-
The ActionBar is the NativeScript common abstraction over the Android ActionBar and iOS NavigationBar.
10-
http://docs.nativescript.org/ui/action-bar
11-
-->
122
<ActionBar title="My App" icon="" />
133

14-
<!--
15-
The StackLayout stacks UI components on the screen—either vertically or horizontally.
16-
In this case, the StackLayout does vertical stacking; you can change the stacking to
17-
horizontal by applying a orientation="horizontal" attribute to the <StackLayout> element.
18-
You can learn more about NativeScript layouts at
19-
https://docs.nativescript.org/ui/layout-containers.
20-
21-
These components make use of the NativeScript core theme, which styles them with element selectors.
22-
The theme also provides a set of helper class names such as p-20, h1, h2, and text-center to enhance styling.
23-
You can learn more about the NativeScript core theme at https://github.com/nativescript/theme
24-
-->
254
<StackLayout class="p-20">
265
<Label text="Tap the button" class="h1 text-center" />
276
<Button text="TAP" tap="{{ onTap }}" class="-primary" />

‎packages/template-hello-world/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@nativescript/template-hello-world",
33
"main": "app/app.js",
4-
"version": "8.2.1",
4+
"version": "8.2.3",
55
"author": "NativeScript Team <[email protected]>",
66
"description": "Nativescript hello-world project template",
77
"license": "Apache-2.0",

‎packages/template-master-detail-ng/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"main": "src/main.ts",
44
"displayName": "Master-Detail with Firebase",
55
"templateType": "App template",
6-
"version": "8.2.3",
6+
"version": "8.2.4",
77
"description": "Master-detail interface to display collection of items from json collection and inspect and edit selected item properties. ",
88
"author": "NativeScript Team <[email protected]>",
99
"license": "Apache-2.0",
@@ -53,7 +53,7 @@
5353
"@nativescript/core": "~8.3.0",
5454
"@nativescript/imagepicker": "~1.0.6",
5555
"@nativescript/theme": "~3.0.2",
56-
"nativescript-ui-listview": "~10.1.0",
56+
"nativescript-ui-listview": "~10.2.0",
5757
"rxjs": "~7.5.0",
5858
"zone.js": "~0.11.5"
5959
},

‎packages/template-master-detail-ng/src/app/cars/car-detail-edit/my-list-selector/my-list-selector.component.ts

-7
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,6 @@ import { MyListSelectorModalViewComponent } from './my-list-selector-modal-view.
88

99
const capitalizeFirstLetter = (s) => s.charAt(0).toUpperCase() + s.slice(1)
1010

11-
/* ***********************************************************
12-
* The MyListSelector custom component uses a {N} modal page to let the user select and option
13-
* from a list. You can also check out the my-list-selector-modal-view.component.ts to see the
14-
* contents of the modal page. Learn more about modal pages in this documentation article:
15-
* https://docs.nativescript.org/angular/code-samples/modal-page
16-
*************************************************************/
1711
@Component({
1812
providers: [ModalDialogService],
1913
selector: 'MyListSelector',
@@ -37,7 +31,6 @@ export class MyListSelectorComponent implements OnInit {
3731
ngOnInit(): void {
3832
let carId = ''
3933

40-
// use switchMap to get the latest activatedRoute instance
4134
this._pageRoute.activatedRoute
4235
.pipe(switchMap((activatedRoute) => activatedRoute.params))
4336
.forEach((params) => {

0 commit comments

Comments
 (0)