tns-template-tab-navigation - npm Package Compare versions

Comparing version 3.4.5 to 4.0.0

app.js

 require("./bundle-config");
 const application = require("application");
 
-application.start({ moduleName: "tabs/tabs-page" });
+application.run({ moduleName: "app-root" });
 
@@ -6,0 +6,0 @@ /*

bundle-config.js

 if (global.TNS_WEBPACK) {
-    //registers tns-core-modules UI framework modules
+    // Register tns-core-modules UI framework modules
     require("bundle-entry-points");
 
-    // register application modules
-    // This will register each `page` postfixed xml, css, js, ts, scss etc. in the app/ folder
-    const context = require.context("~/", true, /(page|fragment)\.(xml|css|js|ts|scss)$/);
+    // Register application modules
+    // This will register each `root`, `page`, `fragment` postfixed xml, css, js, ts, scss file in the app/ folder
+    const context = require.context("~/", true, /(root|page|fragment)\.(xml|css|js|ts|scss|less|sass)$/);
     global.registerWebpackModules(context);
 }

package.json

 {
-  "main": "app.js",
-  "name": "tns-template-tab-navigation",
-  "displayName": "Tabs",
-  "templateType": "App template",
-  "version": "3.4.5",
-  "description": "Tabbed interface template",
-  "author": "Telerik <[e-mail]>",
-  "license": "Apache-2.0",
-  "keywords": [
-    "telerik",
-    "mobile",
-    "nativescript",
-    "{N}",
-    "tns",
-    "appbuilder",
-    "template",
-    "tab",
-    "navigation",
-    "category-general"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/NativeScript/template-tab-navigation"
-  },
-  "homepage": "https://github.com/NativeScript/template-tab-navigation",
-  "android": {
-    "v8Flags": "--expose_gc"
-  },
-  "dependencies": {
-    "nativescript-theme-core": "~1.0.4"
-  },
-  "devDependencies": {
-    "eslint": "~4.9.0",
-    "nativescript-dev-sass": "~1.3.5",
-    "nativescript-dev-webpack": "~0.9.1"
-  },
-  "scripts": {
-    "preinstall": "node tools/preinstall.js",
-    "postinstall": "node tools/postinstall.js"
-  }
+    "main": "app.js",
+    "name": "tns-template-tab-navigation",
+    "displayName": "Tabs",
+    "templateType": "App template",
+    "version": "4.0.0",
+    "description": "Tabbed interface template",
+    "author": "Telerik <[e-mail]>",
+    "license": "Apache-2.0",
+    "keywords": [
+        "telerik",
+        "mobile",
+        "nativescript",
+        "{N}",
+        "tns",
+        "appbuilder",
+        "template",
+        "tab",
+        "navigation",
+        "category-general"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/NativeScript/template-tab-navigation"
+    },
+    "homepage": "https://github.com/NativeScript/template-tab-navigation",
+    "android": {
+        "v8Flags": "--expose_gc"
+    },
+    "dependencies": {
+        "nativescript-theme-core": "~1.0.4"
+    },
+    "devDependencies": {
+        "eslint": "~4.9.0",
+        "nativescript-dev-sass": "~1.5.0",
+        "nativescript-dev-webpack": "~0.10.0"
+    },
+    "scripts": {
+        "preinstall": "node tools/preinstall.js",
+        "postinstall": "node tools/postinstall.js"
+    }
 }

README.md

@@ -13,3 +13,3 @@ # NativeScript Core Tab Navigation Template
 - UX and development best practices
-- Easy to understand code through extensive code comments
+- Easy to understand code
 
@@ -20,3 +20,3 @@ ## Quick Start
 ```
-tns create my-app-name --template tns-template-tab-navigation
+tns create my-tab-js --template tns-template-tab-navigation
 ```
@@ -29,3 +29,3 @@
 ```
-tns create my-app-name --template https://github.com/NativeScript/template-tab-navigation
+tns create my-tab-js --template https://github.com/NativeScript/template-tab-navigation
 ```
@@ -38,9 +38,10 @@
 ### Architecture
-There is one main folder that holds the tabs page:
-- `/tabs/tabs-page.js` - sets up the tab navigation page layout and references the navigatable views contents via custom components.
+The application root component is located at:
+- `app-root.xml` - sets up the tab navigation page layout and references the navigatable pages contents.
 
-There are three blank custom components used for the tab views located in these folders:
-- `/tabs/browse`
-- `/tabs/home`
-- `/tabs/search`
+The template has the following pages used for the tab views:
+- `/home/home-items-page.js` - the master home page. Displays a list of items and navigates to the item details page on item tap.
+- `/home/home-item-detail/home-item-detail-page.js` - the item details page. Displays the details of the tapped item.
+- `/browse/browse-page.js` - blank page
+- `/search/search-page.js` - blank page
 
@@ -47,0 +48,0 @@ ### Styling

No alert changes

Improved metrics

Total package byte prevSize

2904880

increased by0.75%

Number of package files

121

increased by11.01%

Lines of code

571

increased by7.53%

Number of lines in readme file

68

increased by1.49%

No dependency changes