@nativescript/template-master-detail-vue 7.0.5 → 8.1.1

package/.editorconfig

@@ -12,4 +12,8 @@ indent_size = 2
 
 [*.js]
 indent_style = space
-indent_size = 4
+indent_size = 2
+
+[*.ts]
+indent_style = space
+indent_size = 2

package/App_Resources/Android/src/main/AndroidManifest.xml

@@ -13,19 +13,24 @@
 	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
 	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
 	<uses-permission android:name="android.permission.INTERNET"/>
+	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
 
 	<application
 		android:name="com.tns.NativeScriptApplication"
 		android:allowBackup="true"
-		android:icon="@drawable/icon"
+		android:icon="@mipmap/ic_launcher"
 		android:label="@string/app_name"
-		android:theme="@style/AppTheme">
+		android:theme="@style/AppTheme"
+		android:hardwareAccelerated="true">
 
 		<activity
 			android:name="com.tns.NativeScriptActivity"
 			android:label="@string/title_activity_kimera"
 			android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode"
-			android:theme="@style/LaunchScreenTheme">
+			android:theme="@style/LaunchScreenTheme"
+			android:hardwareAccelerated="true"
+      		android:launchMode="singleTask"
+			android:exported="true">
 
 			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
 

package/App_Resources/Android/src/main/res/drawable/ic_launcher_foreground.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+  <group android:scaleX="0.07382812"
+      android:scaleY="0.07382812"
+      android:translateX="16.2"
+      android:translateY="16.2">
+    <path
+        android:pathData="M843,511.86L843,512.96C843,513.22 842.8,513.43 842.55,513.46C809.18,516.58 783.07,543.69 783.07,577.86L783.07,714.8C783.07,724.37 781.06,733.6 777.43,742.03C767.08,766.1 743.59,783.6 716.27,783.6L647.07,783.6L646.59,783L377.41,445.68L377.41,783.6L307.73,783.6C270.84,783.6 240.93,753.7 240.93,716.8L240.93,577.86C240.93,543.69 214.82,516.58 181.45,513.46C181.2,513.43 181,513.22 181,512.96L181,511.86C181,511.61 181.19,511.4 181.45,511.37C214.69,508.14 240.67,480.35 240.67,446.26L240.67,307.2C240.67,297.91 242.57,289.05 246,281.01C256.18,257.14 279.87,240.39 307.47,240.39L377.13,240.39L377.41,240.74L646.59,578.07L646.59,240.39L716.53,240.39C753.42,240.39 783.33,270.3 783.33,307.2L783.33,446.26C783.33,480.35 809.31,508.14 842.55,511.37C842.81,511.4 843,511.61 843,511.86"
+        android:fillColor="#65ADF1"
+        android:fillType="nonZero"/>
+  </group>
+</vector>

package/App_Resources/Android/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+</adaptive-icon>

package/App_Resources/Android/src/main/res/values/colors.xml

@@ -2,6 +2,6 @@
 <resources>
     <color name="ns_primary">#F5F5F5</color>
 	<color name="ns_primaryDark">#757575</color>
-	<color name="ns_accent">#33B5E5</color>
+	<color name="ns_accent">#65ADF1</color>
     <color name="ns_blue">#272734</color>
 </resources>

package/App_Resources/Android/src/main/res/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#FFFFFF</color>
+</resources>

package/App_Resources/Android/src/main/res/values-v21/colors.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-	<color name="ns_accent">#3d5afe</color>
+	<color name="ns_accent">#65ADF1</color>
 </resources>

package/App_Resources/iOS/Info.plist

@@ -43,9 +43,5 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>UIStatusBarStyle</key>
-	<string>UIStatusBarStyleLightContent</string>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false/>
 </dict>
 </plist>

package/App_Resources/iOS/build.xcconfig

@@ -1,6 +1,6 @@
 // You can add custom settings here
 // for example you can uncomment the following line to force distribution code signing
 // CODE_SIGN_IDENTITY = iPhone Distribution 
-// To build for device with Xcode 8 you need to specify your development team. More info: https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html
+// To build for device with XCode you need to specify your development team.
 // DEVELOPMENT_TEAM = YOUR_TEAM_ID;
 ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;

package/README.md

@@ -67,7 +67,7 @@ It has 3 global style files that are located at the root of the app folder:
 ## Get Help
 The NativeScript framework has a vibrant community that can help when you run into problems.
 
-Try [joining the NativeScript community Slack](https://www.nativescript.org/slack-invitation-form). The Slack channel is a great place to get help troubleshooting problems, as well as connect with other NativeScript developers.
+Try [joining the NativeScript community Discord](https://nativescript.org/discord). The Discord channel is a great place to get help troubleshooting problems, as well as connect with other NativeScript developers.
 
 If you have found an issue with this template, please report the problem in the [NativeScript repository](https://github.com/NativeScript/NativeScript/issues).
 

package/app/_app-common.scss

@@ -1,21 +1,21 @@
-@import "~@nativescript/theme/core";
-@import "~@nativescript/theme/blue";
+@import '@nativescript/theme/core';
+@import '@nativescript/theme/default';
 
 // Place any CSS rules you want to apply on both iOS and Android here.
 // This is where the vast majority of your CSS code goes.
 
 // Font icon class
 .fab {
-    font-family: "Font Awesome 5 Brands", "fa-brands-400";
-    font-weight: 400;
+  font-family: 'Font Awesome 5 Brands', 'fa-brands-400';
+  font-weight: 400;
 }
 
 .fas {
-    font-family: "Font Awesome 5 Free", "fa-solid-900";
-    font-weight: 900;
+  font-family: 'Font Awesome 5 Free', 'fa-solid-900';
+  font-weight: 900;
 }
 
 .far {
-    font-family: "Font Awesome 5 Free", "fa-regular-400";
-    font-weight: 400;
-}
+  font-family: 'Font Awesome 5 Free', 'fa-regular-400';
+  font-weight: 400;
+}

package/app/app.android.scss

@@ -1,4 +1,4 @@
 // Import common styles
-@import "app-common";
+@import 'app-common';
 
 // Place any CSS rules you want to apply only on Android here

package/app/app.ios.scss

@@ -1,4 +1,4 @@
 // Import common styles
-@import "app-common";
+@import 'app-common';
 
 // Place any CSS rules you want to apply only on iOS here

package/app/app.js

@@ -1,48 +1,12 @@
-import { firebase } from "@nativescript/firebase";
-import config from "./shared/firebase-config";
+import Vue from 'nativescript-vue'
+import RadListView from 'nativescript-ui-listview/vue'
 
-import Vue from "nativescript-vue";
+Vue.use(RadListView)
 
-import RadListView from "nativescript-ui-listview/vue";
-import cars from "./shared/cars/car-service";
+import App from './components/App'
 
-import CarList from "./components/CarList";
-import CarDetails from "./components/CarDetails";
-import CarDetailsEdit from "./components/CarDetailsEdit";
-
-Vue.use(RadListView);
-
-Vue.config.silent = (TNS_ENV === 'production');
+Vue.config.silent = !__DEV__
 
 new Vue({
-
-    template: `
-        <Frame>
-            <CarList :cars="cars" />
-        </Frame>`,
-
-    components: {
-        CarList,
-        CarDetails,
-        CarDetailsEdit
-    },
-
-    data: {
-        cars: []
-    },
-
-    created() {
-        firebase.init(config).then(
-            instance => {
-                console.log("firebase.init done");
-
-                cars.load().then((data) => {
-                    this.cars = Object.values(data);
-                })
-            },
-            error => {
-                console.log(`firebase.init error: ${error}`);
-            }
-        );
-    }
-}).$start();
+  render: h => h(App)
+}).$start()

package/app/car-rental-export-public.json

@@ -0,0 +1,82 @@
+{
+  "cars": {
+    "car1": {
+      "class": "Luxury",
+      "doors": 2,
+      "hasAC": true,
+      "id": "car1",
+      "imageStoragePath": "cars/BMW 5 Series.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FBMW%205%20Series.jpg?alt=media&token=dec5a0bf-e3ca-45d2-8f2e-c7b8a25530b5",
+      "luggage": 3,
+      "name": "BMW 5 Series",
+      "price": 76,
+      "seats": "2",
+      "transmission": "Automatic"
+    },
+    "car2": {
+      "class": "Luxury",
+      "doors": 5,
+      "hasAC": false,
+      "id": "car2",
+      "imageStoragePath": "cars/Ford KA+.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FFord%20KA%2B.jpg?alt=media&token=cf090183-ef5a-4c05-9f60-b0cbdfda7188",
+      "luggage": 3,
+      "name": "Ford KA",
+      "price": 44,
+      "seats": "4 + 1",
+      "transmission": "Automatic"
+    },
+    "car3": {
+      "class": "Mini",
+      "doors": 3,
+      "hasAC": true,
+      "id": "car3",
+      "imageStoragePath": "cars/Smart.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FSmart.jpg?alt=media&token=6891aca9-4211-4545-834e-c934ed671961",
+      "luggage": 1,
+      "name": "Smart",
+      "price": 39,
+      "seats": "2",
+      "transmission": "Manual"
+    },
+    "car4": {
+      "class": "Standard",
+      "doors": 5,
+      "hasAC": true,
+      "id": "car4",
+      "imageStoragePath": "cars/Kia Sorento.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FKia%20Sorento.jpg?alt=media&token=09ba5c41-5039-420f-b4fe-073dedb2ff1c",
+      "luggage": 2,
+      "name": "Kia Sorento",
+      "price": 45,
+      "seats": "4 + 1",
+      "transmission": "Manual"
+    },
+    "car5": {
+      "class": "Luxury",
+      "doors": 3,
+      "hasAC": true,
+      "id": "car5",
+      "imageStoragePath": "cars/Mazda MX-5.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FMazda%20MX-5.jpg?alt=media&token=d27f2a97-2e09-431e-ad8c-d0e7723955ef",
+      "luggage": 2,
+      "name": "Mazda MX-5",
+      "price": 53,
+      "seats": "2",
+      "transmission": "Automatic"
+    },
+    "car6": {
+      "class": "Luxury",
+      "doors": "3",
+      "hasAC": false,
+      "id": "car6",
+      "imageStoragePath": "cars/Mercedes S-Class Cabriolet.jpg",
+      "imageUrl": "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FMercedes%20S-Class%20Cabriolet.jpg?alt=media&token=dc17f427-407c-45c5-b827-ed3e108e0034",
+      "luggage": "2",
+      "name": "Mercedes S-Class Cabriolet",
+      "price": "89",
+      "seats": "4",
+      "transmission": "Manual"
+    }
+  }
+}

package/app/components/AddRemoveImage.vue

@@ -90,7 +90,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '~@nativescript/theme/scss/variables/blue';
+    @import '@nativescript/theme/scss/variables/blue';
 
     // Custom styles
     .car-list {

package/app/components/App.vue

@@ -0,0 +1,22 @@
+<template>
+  <Frame>
+    <CarList :cars="cars" />
+  </Frame>
+</template>
+
+<script>
+import CarList from './CarList'
+import db from "~/car-rental-export-public.json"
+
+export default {
+  components: {
+    CarList,
+  },
+
+  data() {
+    return {
+      cars: Object.values(db.cars),
+    }
+  },
+}
+</script>

package/app/components/CarDetailsEdit.vue

@@ -69,7 +69,7 @@
 </template>
 
 <script>
-  import {alert} from "ui/dialogs";
+  import { alert } from "@nativescript/core";
   import CarList from "./CarList";
   import Selector from "./Selector";
   import AddRemoveImage from "./AddRemoveImage";
@@ -169,7 +169,7 @@
 </script>
 
 <style lang="scss">
-    @import '~@nativescript/theme/scss/variables/blue';
+    @import '@nativescript/theme/scss/variables/blue';
 
     // Custom styles
     .car-list {

package/app/components/CarList.vue

@@ -4,7 +4,7 @@
             <Label horizontalAlignment="center" text="Car List"/>
         </ActionBar>
 
-        <RadListView @itemTap="onItemTap" class="cars-list" for="item in carList" v-if="!isLoading">
+        <RadListView @itemTap="onItemTap" class="cars-list" for="item in cars" v-if="!isLoading">
             <ListViewLinearLayout scrollDirection="Vertical" v-tkListViewLayout/>
             <v-template>
                 <StackLayout class="cars-list__item">
@@ -56,13 +56,13 @@
   import CarDetails from "./CarDetails";
 
   export default {
-    computed: {
-      carList() {
-        return this.$root.cars;
-      },
+    props: {
+      cars: Array
+    },
 
+    computed: {
       isLoading() {
-        return !this.carList.length;
+        return !this.cars.length;
       }
     },
 
@@ -76,7 +76,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '~@nativescript/theme/scss/variables/blue';
+    @import '@nativescript/theme/scss/variables/blue';
 
     // Custom styles
     .cars-list {

package/app/components/SelectorModal.vue

@@ -59,7 +59,7 @@
 </script>
 
 <style lang="scss">
-    @import '~@nativescript/theme/scss/variables/blue';
+    @import '@nativescript/theme/scss/variables/blue';
 
     // Custom styles
     .modal-input {

package/app/shared/cars/car-model.js

@@ -1,20 +1,18 @@
-function Car(options) {
-    const model = {
-        id: options.id,
-        name: options.name,
-        hasAC: options.hasAC,
-        description: options.description,
-        seats: options.seats,
-        luggage: Number(options.luggage),
-        class: options.class,
-        doors: Number(options.doors),
-        price: Number(options.price),
-        transmission: options.transmission,
-        imageUrl: options.imageUrl,
-        imageStoragePath: options.imageStoragePath
-    };
+export function Car(options) {
+  const model = {
+    id: options.id,
+    name: options.name,
+    hasAC: options.hasAC,
+    description: options.description,
+    seats: options.seats,
+    luggage: Number(options.luggage),
+    class: options.class,
+    doors: Number(options.doors),
+    price: Number(options.price),
+    transmission: options.transmission,
+    imageUrl: options.imageUrl,
+    imageStoragePath: options.imageStoragePath,
+  }
 
-    return model;
+  return model
 }
-
-module.exports = Car;

package/app/shared/cars/car-service.js

@@ -1,69 +1,70 @@
-import { firebase, storage } from "@nativescript/firebase";
+import { throwError } from 'rxjs'
 
-import Car from "./car-model";
+import { Car } from './car-model'
+import ApiService  from "~/services/api.service";
 
 const editableProperties = [
-    "doors",
-    "imageUrl",
-    "luggage",
-    "name",
-    "price",
-    "seats",
-    "transmission",
-    "class"
-];
+  'doors',
+  'imageUrl',
+  'luggage',
+  'name',
+  'price',
+  'seats',
+  'transmission',
+  'class',
+]
 
 function CarService() {
-    if (CarService._instance) {
-        throw new Error("Use CarService.getInstance() instead of new.");
-    }
+  if (CarService._instance) {
+    throw new Error('Use CarService.getInstance() instead of new.')
+  }
 
-    this._cars = [];
-    CarService._instance = this;
+  this._cars = []
+  CarService._instance = this
 
-    this.load = function () {
-        return new Promise((resolve, reject) => {
-          firebase.addValueEventListener((snapshot) => {
-                const data = snapshot.value;
+  this.load = function () {
+    return new Promise((resolve, reject) => {
+      ApiService.addValueEventListener((snapshot) => {
+        const data = snapshot
 
-                this._cars = [];
+        this._cars = []
 
-                if (data) {
-                    for (const id in data) {
-                        if (data.hasOwnProperty(id)) {
-                            this._cars.push(new Car(data[id]));
-                        }
-                    }
-                }
+        if (data) {
+          for (const id in data) {
+            if (data.hasOwnProperty(id)) {
+              this._cars.push(new Car(data[id]))
+            }
+          }
+        }
 
-                resolve(data);
-            }, `/cars`);
-        });
-    };
+        resolve(data)
+      }, `/cars`)
+    })
+  }
 
-    this.update = function (carModel) {
-        const updateModel = cloneUpdateModel(carModel);
+  this.update = function (carModel) {
+    const updateModel = cloneUpdateModel(carModel)
 
-        return firebase.update(`/cars/${carModel.id}`, updateModel);
-    };
+    return ApiService.update(`/cars/${carModel.id}`, updateModel)
+  }
 
-    this.uploadImage = function (remoteFullPath, localFullPath) {
-        return storage.uploadFile({
-            localFullPath,
-            remoteFullPath,
-            onProgress: null
-        });
-    };
+  this.uploadImage = function (remoteFullPath, localFullPath) {
+    return ApiService.uploadFile({
+      localFullPath,
+      remoteFullPath,
+      onProgress: null,
+    })
+  }
 
-    this._handleErrors = function (error) {
-        return Observable.throw(error);
-    };
+  this._handleErrors = function (error) {
+    return throwError(error)
+  }
 }
 
-CarService._instance = new CarService();
+CarService._instance = new CarService()
 
 function cloneUpdateModel(car) {
-    return editableProperties.reduce((a, e) => (a[e] = car[e], a), {}); // eslint-disable-line no-return-assign, no-sequences
+  return editableProperties.reduce((a, e) => ((a[e] = car[e]), a), {}) // eslint-disable-line no-return-assign, no-sequences
 }
 
-export default CarService._instance;
+export default CarService._instance

package/app/shared/cars/constants.js

@@ -1,25 +1,7 @@
-export const classList = [
-    "Mini",
-    "Economy",
-    "Compact",
-    "Standard",
-    "Luxury"
-];
+export const classList = ['Mini', 'Economy', 'Compact', 'Standard', 'Luxury']
 
-export const doorsList = [
-    2,
-    3,
-    5
-];
+export const doorsList = [2, 3, 5]
 
-export const seatsList = [
-    "2",
-    "4",
-    "4 + 1",
-    "6 + 1"
-];
+export const seatsList = ['2', '4', '4 + 1', '6 + 1']
 
-export const transmissionList = [
-    "Manual",
-    "Automatic"
-];
+export const transmissionList = ['Manual', 'Automatic']

package/hooks/after-createProject/after-createProject.js

@@ -1,75 +1,65 @@
-const fs = require("fs");
-const path = require("path");
+const fs = require('fs')
+const path = require('path')
+const { execSync } = require('child_process')
 
 module.exports = function (hookArgs) {
-    const appRootFolder = hookArgs.projectDir;
-    const toolsDir = path.join(appRootFolder, "tools");
-    const vscodeDir = path.join(appRootFolder, ".vscode");
-    const srcGitignore = path.join(toolsDir, "dot.gitignore");
-    const destGitignore = path.join(appRootFolder, ".gitignore");
-    const srcVscodeExtensions = path.join(toolsDir, "vscode.extensions.json");
-    const destVscodeExtensions = path.join(vscodeDir, "extensions.json");
+  const appRootFolder = hookArgs.projectDir
+  const toolsDir = path.join(appRootFolder, 'tools')
+  const vscodeDir = path.join(appRootFolder, '.vscode')
+  const srcGitignore = path.join(toolsDir, 'dot.gitignore')
+  const destGitignore = path.join(appRootFolder, '.gitignore')
+  const srcVscodeExtensions = path.join(toolsDir, 'vscode.extensions.json')
+  const destVscodeExtensions = path.join(vscodeDir, 'extensions.json')
 
-    try {
-        fs.mkdirSync(vscodeDir);
-        fs.copyFileSync(srcVscodeExtensions, destVscodeExtensions);
-        fs.copyFileSync(srcGitignore, destGitignore);
-        updateFirebaseConfigAppId();
-    } catch (error) {
-        console.log(error);
-    } finally {
-        try {
-            deleteFolderSync(toolsDir);
+  try {
+    fs.mkdirSync(vscodeDir)
+    fs.copyFileSync(srcVscodeExtensions, destVscodeExtensions)
+    fs.copyFileSync(srcGitignore, destGitignore)
+    initWebpackConfig(appRootFolder)
+  } catch (error) {
+    console.log(error)
+  }
+  try {
+    deleteFolderSync(toolsDir)
 
-            const readme = path.join(appRootFolder, "README.md");
-            fs.unlinkSync(readme);
-    
-            deleteFolderSync(__dirname);
-        } catch (error) {
-            console.log(error);
-        }
-    }
-
-    function deleteFolderSync(folderPath) {
-        if (fs.statSync(folderPath).isDirectory()) {
-            fs.readdirSync(folderPath).forEach((file) => {
-                const content = path.join(folderPath, file);
-                const contentDirs = fs.statSync(content).isDirectory();
+    const readme = path.join(appRootFolder, 'README.md')
+    fs.unlinkSync(readme)
 
-                if (contentDirs) {
-                    deleteFolderSync(content);
-                }
-                else {
-                    fs.unlinkSync(content);
-                }
-            });
-
-            fs.rmdirSync(folderPath);
-        }
-    }
+    deleteFolderSync(__dirname)
+  } catch (error) {
+    console.log(error)
+  }
 
-    function updateFirebaseConfigAppId() {
-        const packageJsonPath = path.join(appRootFolder, "package.json");
-        const packageJson = require(packageJsonPath);
-        if (!packageJson) {
-            throw new Error("package.json file not found");
-        }
+  function deleteFolderSync(folderPath) {
+    if (fs.statSync(folderPath).isDirectory()) {
+      fs.readdirSync(folderPath).forEach((file) => {
+        const content = path.join(folderPath, file)
+        const contentDirs = fs.statSync(content).isDirectory()
 
-        if (!packageJson.nativescript || !packageJson.nativescript.id) {
-            throw new Error("cannot find nativescript node in package.json file");
+        if (contentDirs) {
+          deleteFolderSync(content)
+        } else {
+          fs.unlinkSync(content)
         }
+      })
 
-        const googleServicesJsonPath = path.join(appRootFolder, "app", "App_Resources", "Android", "google-services.json");
-        replaceAppId(googleServicesJsonPath, packageJson.nativescript.id);
-
-        const googleServiceInfoPlistPath = path.join(appRootFolder, "app", "App_Resources", "iOS", "GoogleService-Info.plist");
-        replaceAppId(googleServiceInfoPlistPath, packageJson.nativescript.id);
+      fs.rmdirSync(folderPath)
     }
+  }
 
-    function replaceAppId(filePath, appId) {
-        const content = fs.readFileSync(filePath, "utf8");
-        const appIdPlaceholder = "__PACKAGE__";
-        const updatedContent = content.replace(appIdPlaceholder, appId);
-        fs.writeFileSync(filePath, updatedContent);
-    }
-};
+  function initWebpackConfig(appRootFolder) {
+    const binPath = path.resolve(
+      require
+        .resolve('@nativescript/webpack/package.json', {
+          paths: [appRootFolder],
+        })
+        .replace('package.json', 'dist/bin/index.js')
+    )
+
+    // init webpack config
+    execSync(`node "${binPath}" init`, {
+      cwd: appRootFolder,
+      stdio: 'inherit',
+    })
+  }
+}

package/jsconfig.json

@@ -2,7 +2,8 @@
   "compilerOptions": {
     "baseUrl": "./",
     "paths": {
-      "~/*": ["app/*"]
+      "~/*": ["app/*"],
+      "@/*": ["app/*"]
     }
   },
   "include": ["app/**/*"]

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@nativescript/template-master-detail-vue",
-  "main": "app.js",
-  "displayName": "Master Detail with Firebase",
-  "version": "7.0.5",
-  "description": "Master-detail interface to display collection of items from Firebase and inspect and edit selected item properties.",
+  "main": "app/app.js",
+  "displayName": "Master Detail",
+  "version": "8.1.1",
+  "description": "Master-detail interface to display collection of items from json collection and inspect and edit selected item properties.",
   "author": "NativeScript Team <oss@nativescript.org>",
   "license": "Apache-2.0",
   "repository": {
@@ -17,6 +17,15 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "app",
+    "App_Resources",
+    "hooks",
+    "tools",
+    "!tools/assets",
+    ".editorconfig",
+    "jsconfig.json"
+  ],
   "keywords": [
     "nstudio",
     "nativescript",
@@ -31,20 +40,14 @@
     "category-general"
   ],
   "dependencies": {
-    "@nativescript/core": "~7.1.0",
-    "@nativescript/firebase": "~11.0.0",
-    "@nativescript/imagepicker": "~1.0.0",
-    "@nativescript/theme": "~2.3.0",
-    "nativescript-ui-listview": "~9.0.0",
-    "nativescript-vue": "~2.8.0"
+    "@nativescript/core": "~8.1.1",
+    "@nativescript/imagepicker": "~1.0.5",
+    "@nativescript/theme": "~3.0.1",
+    "nativescript-ui-listview": "~10.0.0",
+    "nativescript-vue": "~2.9.0"
   },
   "devDependencies": {
-    "@babel/core": "~7.1.0",
-    "@babel/preset-env": "~7.1.0",
-    "@nativescript/webpack": "~4.0.0",
-    "babel-loader": "~8.0.0",
-    "nativescript-vue-template-compiler": "~2.8.0",
-    "sass": "^1.32.8",
-    "vue-loader": "~15.9.3"
+    "@nativescript/webpack": "~5.0.0",
+    "nativescript-vue-template-compiler": "~2.9.0"
   }
 }

package/tools/dot.gitignore

@@ -1,14 +1,8 @@
 # NativeScript
 hooks/
-!hooks/after-createProject/*.js
 node_modules/
 platforms/
 
-# NativeScript Template
-*.js.map
-!webpack.config.js
-*.css
-
 # Logs
 logs
 *.log

package/tools/vscode.extensions.json

@@ -1,5 +1,3 @@
 {
-	"recommendations": [
-		"nativescript.nativescript"
-	]
+  "recommendations": ["nativescript.nativescript"]
 }

package/App_Resources/Android/google-services.json

@@ -1,42 +0,0 @@
-{
-  "project_info": {
-    "project_number": "33002893899",
-    "firebase_url": "https://car-rental-b26b7.firebaseio.com",
-    "project_id": "car-rental-b26b7",
-    "storage_bucket": "car-rental-b26b7.appspot.com"
-  },
-  "client": [
-    {
-      "client_info": {
-        "mobilesdk_app_id": "1:33002893899:android:1aa8448c56b58a16",
-        "android_client_info": {
-          "package_name": "__PACKAGE__"
-        }
-      },
-      "oauth_client": [
-        {
-          "client_id": "33002893899-9vqs9kk47iuj43ofml42tosba2f3rk2u.apps.googleusercontent.com",
-          "client_type": 3
-        }
-      ],
-      "api_key": [
-        {
-          "current_key": "AIzaSyCijF8lzSzSoCAAIjeiyR9IZBN6FEE8L4k"
-        }
-      ],
-      "services": {
-        "analytics_service": {
-          "status": 1
-        },
-        "appinvite_service": {
-          "status": 1,
-          "other_platform_oauth_client": []
-        },
-        "ads_service": {
-          "status": 2
-        }
-      }
-    }
-  ],
-  "configuration_version": "1"
-}

package/App_Resources/iOS/GoogleService-Info.plist

@@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>AD_UNIT_ID_FOR_BANNER_TEST</key>
-	<string>ca-app-pub-3940256099942544/2934735716</string>
-	<key>AD_UNIT_ID_FOR_INTERSTITIAL_TEST</key>
-	<string>ca-app-pub-3940256099942544/4411468910</string>
-	<key>CLIENT_ID</key>
-	<string>33002893899-tc7ct9av9cviej1onanmmq6pm5966j7u.apps.googleusercontent.com</string>
-	<key>REVERSED_CLIENT_ID</key>
-	<string>com.googleusercontent.apps.33002893899-tc7ct9av9cviej1onanmmq6pm5966j7u</string>
-	<key>API_KEY</key>
-	<string>AIzaSyCJ0KcyECoJpMIcdmJ-rMybLWcV7Ce1FNU</string>
-	<key>GCM_SENDER_ID</key>
-	<string>33002893899</string>
-	<key>PLIST_VERSION</key>
-	<string>1</string>
-	<key>BUNDLE_ID</key>
-	<string>__PACKAGE__</string>
-	<key>PROJECT_ID</key>
-	<string>car-rental-b26b7</string>
-	<key>STORAGE_BUCKET</key>
-	<string>car-rental-b26b7.appspot.com</string>
-	<key>IS_ADS_ENABLED</key>
-	<true/>
-	<key>IS_ANALYTICS_ENABLED</key>
-	<false/>
-	<key>IS_APPINVITE_ENABLED</key>
-	<false/>
-	<key>IS_GCM_ENABLED</key>
-	<true/>
-	<key>IS_SIGNIN_ENABLED</key>
-	<true/>
-	<key>GOOGLE_APP_ID</key>
-	<string>1:33002893899:ios:1aa8448c56b58a16</string>
-	<key>DATABASE_URL</key>
-	<string>https://car-rental-b26b7.firebaseio.com</string>
-</dict>
-</plist>

package/app/shared/firebase-config.js

@@ -1,4 +0,0 @@
-module.exports = {
-    persist: false,
-    firebaseBucket: "gs://car-rental-b26b7.appspot.com/"
-};

package/firebase.nativescript.json

@@ -1,12 +0,0 @@
-{
-  "using_ios": true,
-  "using_android": true,
-  "remote_config": false,
-  "messaging": false,
-  "crash_reporting": false,
-  "storage": true,
-  "facebook_auth": false,
-  "google_auth": false,
-  "admob": false,
-  "invites": false
-}

package/tools/firebase/car-rental-export-public.json

@@ -1,82 +0,0 @@
-{
-  "cars" : {
-    "car1" : {
-      "class" : "Luxury",
-      "doors" : 2,
-      "hasAC" : true,
-      "id" : "car1",
-      "imageStoragePath" : "cars/BMW 5 Series.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FBMW%205%20Series.jpg?alt=media&token=dec5a0bf-e3ca-45d2-8f2e-c7b8a25530b5",
-      "luggage" : 3,
-      "name" : "BMW 5 Series",
-      "price" : 76,
-      "seats" : "2",
-      "transmission" : "Automatic"
-    },
-    "car2" : {
-      "class" : "Luxury",
-      "doors" : 5,
-      "hasAC" : false,
-      "id" : "car2",
-      "imageStoragePath" : "cars/Ford KA+.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FFord%20KA%2B.jpg?alt=media&token=cf090183-ef5a-4c05-9f60-b0cbdfda7188",
-      "luggage" : 3,
-      "name" : "Ford KA",
-      "price" : 44,
-      "seats" : "4 + 1",
-      "transmission" : "Automatic"
-    },
-    "car3" : {
-      "class" : "Mini",
-      "doors" : 3,
-      "hasAC" : true,
-      "id" : "car3",
-      "imageStoragePath" : "cars/Smart.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FSmart.jpg?alt=media&token=6891aca9-4211-4545-834e-c934ed671961",
-      "luggage" : 1,
-      "name" : "Smart",
-      "price" : 39,
-      "seats" : "2",
-      "transmission" : "Manual"
-    },
-    "car4" : {
-      "class" : "Standard",
-      "doors" : 5,
-      "hasAC" : true,
-      "id" : "car4",
-      "imageStoragePath" : "cars/Kia Sorento.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FKia%20Sorento.jpg?alt=media&token=09ba5c41-5039-420f-b4fe-073dedb2ff1c",
-      "luggage" : 2,
-      "name" : "Kia Sorento",
-      "price" : 45,
-      "seats" : "4 + 1",
-      "transmission" : "Manual"
-    },
-    "car5" : {
-      "class" : "Luxury",
-      "doors" : 3,
-      "hasAC" : true,
-      "id" : "car5",
-      "imageStoragePath" : "cars/Mazda MX-5.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FMazda%20MX-5.jpg?alt=media&token=d27f2a97-2e09-431e-ad8c-d0e7723955ef",
-      "luggage" : 2,
-      "name" : "Mazda MX-5",
-      "price" : 53,
-      "seats" : "2",
-      "transmission" : "Automatic"
-    },
-    "car6" : {
-      "class" : "Luxury",
-      "doors" : "3",
-      "hasAC" : false,
-      "id" : "car6",
-      "imageStoragePath" : "cars/Mercedes S-Class Cabriolet.jpg",
-      "imageUrl" : "https://firebasestorage.googleapis.com/v0/b/car-rental-b26b7.appspot.com/o/cars_public%2FMercedes%20S-Class%20Cabriolet.jpg?alt=media&token=dc17f427-407c-45c5-b827-ed3e108e0034",
-      "luggage" : "2",
-      "name" : "Mercedes S-Class Cabriolet",
-      "price" : "89",
-      "seats" : "4",
-      "transmission" : "Manual"
-    }
-  }
-}