AndroidX compatibility for NativeScript 6 #55

Author: EddyVerbruggen

demo/app/app.ts

@@ -1,3 +1,3 @@
 import "./bundle-config";
 import * as application from 'tns-core-modules/application';
-application.start({ moduleName: "main-page" });
+application.run({ moduleName: "main-page" });

demo/app/main-page.xml

@@ -5,7 +5,6 @@
         <TabViewItem.view>
           <ScrollView>
             <StackLayout class="tab-content">
-              <Image margin="10" src="~/res/telerik-logo.png" />
               <Label text="Calendar plugin demo" class="title"/>
               <Label text="The Calendar plugin allows you to manipulate events in the user's calendar. You can find, create and delete events in either the default or a custom calendar." textWrap="true"/>
             </StackLayout>

demo/app/main-view-model.ts

@@ -1,6 +1,16 @@
 import { Observable } from "tns-core-modules/data/observable";
 import { alert } from "tns-core-modules/ui/dialogs/dialogs";
 
+// import the plugin like this:
+import {
+  createEvent,
+  requestPermission,
+  findEvents,
+  deleteCalendar,
+  listCalendars, deleteEvents
+} from "nativescript-calendar";
+
+// .. or alternatively like this:
 import * as Calendar from "nativescript-calendar";
 
 export class DemoAppModel extends Observable {
@@ -20,11 +30,11 @@ export class DemoAppModel extends Observable {
   }
 
   doRequestPermission(): void {
-    Calendar.requestPermission().then(() => console.log("Permission requested"));
+    requestPermission().then(() => console.log("Permission requested"));
   }
 
   private createEvent(options): void {
-    Calendar.createEvent(options).then(
+    createEvent(options).then(
         createdId => {
           alert({
             title: "Event created with ID",
@@ -103,7 +113,7 @@ export class DemoAppModel extends Observable {
   }
 
   doFindEventByTitle(): void {
-    Calendar.findEvents({
+    findEvents({
       // any event containing this string will be returned
       title: 'groceries',
       // dates are mandatory, the event must be within this interval
@@ -122,7 +132,7 @@ export class DemoAppModel extends Observable {
   }
 
   doFindAllEvents(): void {
-    Calendar.findEvents({
+    findEvents({
       // dates are mandatory, the event must be within this interval
       startDate: new Date(new Date().getTime() - (50 * 24 * 60 * 60 * 1000)),
       endDate: new Date(new Date().getTime() + (50 * 24 * 60 * 60 * 1000))
@@ -146,7 +156,7 @@ export class DemoAppModel extends Observable {
   }
 
   doListCalendars(): void {
-    Calendar.listCalendars().then(
+    listCalendars().then(
         calendars => {
           alert({
             title: "Found " + calendars.length + " calendars",
@@ -159,7 +169,7 @@ export class DemoAppModel extends Observable {
   }
 
   doDeleteCalendar(): void {
-    Calendar.deleteCalendar({
+    deleteCalendar({
       name: DemoAppModel.CUSTOM_CALENDAR_NAME
     }).then(
         deletedCalendarId => {
@@ -174,7 +184,7 @@ export class DemoAppModel extends Observable {
   }
 
   doDeleteEvents(): void {
-    Calendar.deleteEvents({
+    deleteEvents({
       // id: 'EF33E6DE-D36E-473B-A50B-FEFAEF700031',
       title: 'groceries', // only when the title contains this
       startDate: new Date(new Date().getTime() - (24 * 60 * 60 * 1000)), // 1 day ago

demo/app/vendor-platform.android.ts

@@ -1,5 +1,5 @@
-module.exports = function(config) {
-  config.set({
+module.exports = function (config) {
+  const options = {
 
     // base path that will be used to resolve all patterns (eg. files, exclude)
     basePath: '',
@@ -11,9 +11,7 @@ module.exports = function(config) {
 
 
     // list of files / patterns to load in the browser
-    files: [
-      'app/**/*.js'
-    ],
+    files: ['app/tests/**/*.*'],
 
 
     // list of files to exclude
@@ -72,6 +70,39 @@ module.exports = function(config) {
 
     // Continuous Integration mode
     // if true, Karma captures browsers, runs the tests and exits
-    singleRun: true
-  });
-};
+    singleRun: false
+  };
+
+  setWebpackPreprocessor(config, options);
+  setWebpack(config, options);
+
+  config.set(options);
+}
+
+function setWebpackPreprocessor(config, options) {
+  if (config && config.bundle) {
+    if (!options.preprocessors) {
+      options.preprocessors = {};
+    }
+
+    options.files.forEach(file => {
+      if (!options.preprocessors[file]) {
+        options.preprocessors[file] = [];
+      }
+      options.preprocessors[file].push('webpack');
+    });
+  }
+}
+
+function setWebpack(config, options) {
+  if (config && config.bundle) {
+    const env = {};
+    env[config.platform] = true;
+    env.sourceMap = config.debugBrk;
+    options.webpack = require('./webpack.config')(env);
+    delete options.webpack.entry;
+    delete options.webpack.output.libraryTarget;
+    const invalidPluginsForUnitTesting = ["GenerateBundleStarterPlugin", "GenerateNativeScriptEntryPointsPlugin"];
+    options.webpack.plugins = options.webpack.plugins.filter(p => !invalidPluginsForUnitTesting.includes(p.constructor.name));
+  }
+}