npm - @nstudio/nativescript-loading-indicator - Versions diffs - 3.0.4 → 4.1.2 - Mend

@nstudio/nativescript-loading-indicator 3.0.4 → 4.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/LICENSE +0 -0
package/README.md +18 -34
package/common.d.ts +83 -0
package/{loading-indicator.common.js → common.js} +3 -5
package/common.js.map +1 -0
package/{loading-indicator.android.d.ts → index.android.d.ts} +5 -2
package/index.android.js +547 -0
package/index.android.js.map +1 -0
package/index.d.ts +103 -102
package/{loading-indicator.ios.d.ts → index.ios.d.ts} +2 -2
package/{loading-indicator.ios.js → index.ios.js} +32 -33
package/index.ios.js.map +1 -0
package/package.json +16 -62
package/platforms/android/AndroidManifest.xml +2 -0
package/platforms/android/nativescript_loading_indicator.aar +0 -0
package/platforms/android/res/drawable/circle_shape.xml +6 -0
package/platforms/android/res/drawable/circular_progress_bar.xml +18 -0
package/platforms/android/res/drawable/circular_progress_bar_thick.xml +18 -0
package/loading-indicator.android.js +0 -531
package/loading-indicator.common.d.ts +0 -38
package/references.d.ts +0 -3
package/typings/objc!MBProgressHUD.d.ts +0 -240

package/index.d.ts CHANGED Viewed

@@ -1,103 +1,104 @@
 export class LoadingIndicator {
-  show(options?: OptionsCommon): any;
-  hide(targetView?: any, attemptTimeout?: number): void;
-}
-export interface OptionsCommon {
-  /**
-   * Message in the loading indicator.
-   */
-  message?: string;
-  /**
-   * Details message in the loading indicator.
-   */
-  details?: string;
-  /**
-   * Color of the message text.
-   */
-  color?: string;
-  /**
-   * Background color of the loading indicator.
-   */
-  backgroundColor?: string;
-  /**
-   * Progress of the indicator when not using CustomView or Text Mode.
-   */
-  progress?: number;
-  /**
-   * Margin for the message/indicator to the edge of the bezel.
-   */
-  margin?: number;
-  /**
-   * Set true to allow user interaction.
-   */
-  userInteractionEnabled?: boolean;
-  /**
-   * Dim the background behind the indicator.
-   */
-  dimBackground?: boolean;
-  /**
-   * Hide bezel around indicator
-   */
-  hideBezel?: boolean;
-  /**
-   * The mode of the loading indicator.
-   */
-  mode?: Mode;
-  /**
-   * If `mode` is set to CustomView, then you can pass an image or view to show in the loading indicator.
-   */
-  customView?: any;
-  /**
-   * iOS specific configuration options.
-   */
-  ios?: OptionsIOS;
-  /**
-   * Android specific configuration options.
-   */
-  android?: OptionsAndroid;
-}
-export interface OptionsIOS {
-  /**
-   * Native View instance to anchor the loading indicator to.
-   */
-  view?: UIView;
-  square?: boolean;
-}
-export interface OptionsAndroid {
-  /**
-   * Native View instance to anchor the loading indicator to.
-   */
-  view?: android.view.View;
-  max?: number;
-  progressNumberFormat?: string;
-  progressPercentFormat?: number;
-  progressStyle?: number;
-  secondaryProgress?: number;
-  cancelable?: boolean;
-  cancelListener?: (dialog: any) => void;
-  elevation?: number;
-}
-export enum Mode {
-  Indeterminate = 0,
-  Determinate = 1,
-  DeterminateHorizontalBar = 2,
-  AnnularDeterminate = 3,
-  CustomView = 4,
-  Text = 5
-}
+    show(options?: OptionsCommon): any;
+    hide(targetView?: any, attemptTimeout?: number): void;
+  }
+  export interface OptionsCommon {
+    /**
+     * Message in the loading indicator.
+     */
+    message?: string;
+    /**
+     * Details message in the loading indicator.
+     */
+    details?: string;
+    /**
+     * Color of the message text.
+     */
+    color?: string;
+    /**
+     * Background color of the loading indicator.
+     */
+    backgroundColor?: string;
+    /**
+     * Progress of the indicator when not using CustomView or Text Mode.
+     */
+    progress?: number;
+    /**
+     * Margin for the message/indicator to the edge of the bezel.
+     */
+    margin?: number;
+    /**
+     * Set true to allow user interaction.
+     */
+    userInteractionEnabled?: boolean;
+    /**
+     * Dim the background behind the indicator.
+     */
+    dimBackground?: boolean;
+    /**
+     * Hide bezel around indicator
+     */
+    hideBezel?: boolean;
+    /**
+     * The mode of the loading indicator.
+     */
+    mode?: Mode;
+    /**
+     * If `mode` is set to CustomView, then you can pass an image or view to show in the loading indicator.
+     */
+    customView?: any;
+    /**
+     * iOS specific configuration options.
+     */
+    ios?: OptionsIOS;
+    /**
+     * Android specific configuration options.
+     */
+    android?: OptionsAndroid;
+  }
+  export interface OptionsIOS {
+    /**
+     * Native View instance to anchor the loading indicator to.
+     */
+    view?: UIView;
+    square?: boolean;
+  }
+  export interface OptionsAndroid {
+    /**
+     * Native View instance to anchor the loading indicator to.
+     */
+    view?: android.view.View;
+    max?: number;
+    progressNumberFormat?: string;
+    progressPercentFormat?: number;
+    progressStyle?: number;
+    secondaryProgress?: number;
+    cancelable?: boolean;
+    cancelListener?: (dialog: any) => void;
+    elevation?: number;
+  }
+  export enum Mode {
+    Indeterminate = 0,
+    Determinate = 1,
+    DeterminateHorizontalBar = 2,
+    AnnularDeterminate = 3,
+    CustomView = 4,
+    Text = 5,
+  }

package/{loading-indicator.ios.d.ts → index.ios.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { OptionsCommon } from './loading-indicator.common';
-export * from './loading-indicator.common';
+import { OptionsCommon } from './common';
+export * from './common';
 export declare class LoadingIndicator {
     private _hud;
     private _targetView;

package/{loading-indicator.ios.js → index.ios.js} RENAMED Viewed

@@ -1,42 +1,39 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-var color_1 = require("@nativescript/core/color");
-var loading_indicator_common_1 = require("./loading-indicator.common");
-__export(require("./loading-indicator.common"));
-var LoadingIndicator = (function () {
-    function LoadingIndicator() {
-    }
-    LoadingIndicator.prototype.show = function (options) {
+import { Color } from '@nativescript/core';
+import { Mode } from './common';
+export * from './common';
+export class LoadingIndicator {
+    show(options) {
         if (typeof options === 'undefined')
             options = {};
         if (typeof this._hud === 'undefined') {
+            // use specific target, fallback to entire window
             this._targetView =
                 options.ios && options.ios.view
                     ? options.ios.view
                     : this._getRootWindow();
             this._hud = MBProgressHUD.showHUDAddedToAnimated(this._targetView, true);
         }
+        // ios specific
         if (options.ios && options.ios.square)
             this._hud.square = true;
+        // options
         if (options.message) {
             this._hud.label.text = options.message;
+            // allow line breaking
             this._hud.label.numberOfLines = 0;
         }
         if (options.progress) {
             this._hud.progress = options.progress;
         }
         if (options.mode) {
-            this._hud.mode = options.mode;
+            this._hud.mode = options.mode; // casting bc we use a custom enum and not MBProgessHUD enum for mode
         }
         else {
-            this._hud.mode = loading_indicator_common_1.Mode.Indeterminate;
+            this._hud.mode = Mode.Indeterminate;
         }
         if (options.dimBackground) {
-            this._hud.backgroundView.style = 0;
-            this._hud.backgroundView.color = new color_1.Color('#000').ios;
+            this._hud.backgroundView.style = 0 /* SolidColor */;
+            this._hud.backgroundView.color = new Color('#000').ios;
             this._hud.backgroundView.alpha = 0.3;
         }
         if (options.margin)
@@ -44,28 +41,32 @@ var LoadingIndicator = (function () {
         if (options.userInteractionEnabled)
             this._hud.userInteractionEnabled = options.userInteractionEnabled;
         if (options.backgroundColor) {
-            this._hud.bezelView.blurEffectStyle = 4;
-            this._hud.bezelView.backgroundColor = new color_1.Color(options.backgroundColor).ios;
+            this._hud.bezelView.blurEffectStyle = 4 /* Regular */;
+            this._hud.bezelView.backgroundColor = new Color(options.backgroundColor).ios;
         }
         if (options.color) {
-            this._hud.contentColor = new color_1.Color(options.color).ios;
-            this._hud.label.textColor = new color_1.Color(options.color).ios;
+            // make activity and main label same color
+            this._hud.contentColor = new Color(options.color).ios; // setting this seems to enforce coloring the activity indicator correctly
+            this._hud.label.textColor = new Color(options.color).ios;
         }
         if (options.details) {
             this._hud.detailsLabel.text = options.details;
+            // detail label same color with 80% opacity of that color
+            // TODO: allow specific control
             this._hud.detailsLabel.textColor =
                 options && options.color
-                    ? new color_1.Color(options.color).ios
-                    : new color_1.Color('#333').ios;
+                    ? new Color(options.color).ios
+                    : new Color('#333').ios;
             this._hud.detailsLabel.alpha = 0.8;
         }
         if (options.hideBezel) {
             this._hud.backgroundColor = UIColor.clearColor;
-            this._hud.bezelView.style = 0;
+            this._hud.bezelView.style = 0 /* SolidColor */;
             this._hud.bezelView.backgroundColor = UIColor.clearColor;
         }
+        // handle mode setting for custom view Mode
         if (this._hud.mode &&
-            this._hud.mode === loading_indicator_common_1.Mode.CustomView &&
+            this._hud.mode === Mode.CustomView && // casting to any for custom enum we map to
             options.customView) {
             if (options.customView instanceof UIImage) {
                 this._hud.customView = UIImageView.alloc().initWithImage(options.customView);
@@ -78,16 +79,14 @@ var LoadingIndicator = (function () {
             }
         }
         return this._hud;
-    };
-    LoadingIndicator.prototype.hide = function (targetView) {
+    }
+    hide(targetView) {
         targetView = targetView || this._targetView || this._getRootWindow();
         MBProgressHUD.hideHUDForViewAnimated(targetView, true);
         this._hud = undefined;
-    };
-    LoadingIndicator.prototype._getRootWindow = function () {
+    }
+    _getRootWindow() {
         return UIApplication.sharedApplication.windows[0];
-    };
-    return LoadingIndicator;
-}());
-exports.LoadingIndicator = LoadingIndicator;
-//# sourceMappingURL=loading-indicator.ios.js.map
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/index.ios.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../../packages/nativescript-loading-indicator/index.ios.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,69 +1,35 @@
 {
   "name": "@nstudio/nativescript-loading-indicator",
-  "version": "3.0.4",
+  "version": "4.1.2",
   "description": "A NativeScript plugin for showing an overlayed loading indicator.",
-  "main": "loading-indicator",
+  "main": "index",
   "typings": "index.d.ts",
   "nativescript": {
     "platforms": {
-      "android": "2.5.0",
-      "ios": "2.5.0"
+      "ios": "6.0.0",
+      "android": "6.0.0"
     }
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/nstudio/nativescript-loading-indicator.git"
-  },
-  "scripts": {
-    "tsc": "tsc -skipLibCheck",
-    "build": "npm run tsc && npm run build.native",
-    "build.native": "node scripts/build-native.js",
-    "postclone": "npm i && node scripts/postclone.js && cd ../demo && npm i && npx rimraf -- package-lock.json && cd ../src",
-    "test.android": "npm run tsc && npm run tslint && cd ../demo && tns build android && tns test android --justlaunch",
-    "test.ios": "npm run tsc && npm run tslint && cd ../demo && tns build ios && tns test ios --justlaunch",
-    "tslint": "cd .. && tslint \"**/*.ts\" --config tslint.json --exclude \"**/node_modules/**\" --exclude '**/platforms/**' --exclude \"**/typings/**\"",
-    "plugin.tscwatch": "npm run tsc -- -w",
-    "demo.ios": "npm run tsc && cd ../demo && tns run ios",
-    "demo.android": "npm run tsc && cd ../demo && tns run android",
-    "demo.reset": "cd ../demo && npx rimraf -- hooks node_modules platforms package-lock.json",
-    "demo-angular.ios": "npm i && cd ../demo-angular && tns run ios",
-    "demo-angular.android": "npm i && cd ../demo-angular && tns run android",
-    "demo-angular.reset": "cd ../demo-angular && npx rimraf -- hooks node_modules platforms package-lock.json",
-    "plugin.prepare": "npm run build && cd ../demo && tns plugin remove nativescript-loading-indicator && tns plugin add ../src",
-    "clean": "npm run demo.reset && npx rimraf -- node_modules package-lock.json && npm i",
-    "ci.tslint": "npm i && tslint '**/*.ts' --config '../tslint.json' --exclude '**/node_modules/**' --exclude '**/platforms/**' --exclude '**/typings/**'",
-    "prepack": "npm run build.native",
-    "generate.typings.ios": "cd ../demo && TNS_DEBUG_METADATA_PATH=\"$(pwd)/metadata\" tns build ios && TNS_TYPESCRIPT_DECLARATIONS_PATH=\"$(pwd)/typings\" tns build ios && echo 'Now look for your library typings in demo/typings!'"
-  },
-  "lint-staged": {
-    "**/*.{js, css, ts, json, scss, html, xml, md}": [
-      "prettier --write",
-      "git add"
-    ]
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "pre-push": "npm run tslint"
-    }
+    "url": "https://github.com/nstudio/nativescript-plugins.git"
   },
   "keywords": [
     "NativeScript",
     "JavaScript",
-    "Android",
+    "TypeScript",
     "iOS",
-    "loading-indicator",
-    "Loading",
-    "Progress",
-    "MBProgressHUD",
-    "nStudio",
-    "ProgressDialog"
+    "Android"
   ],
   "author": {
-    "name": "Nathan Walker",
-    "email": "walkerrunpdx@gmail.com"
+    "name": "nstudio",
+    "email": "oss@nstudio.io"
   },
   "contributors": [
+    {
+      "name": "Nathan Walker",
+      "email": "walkerrunpdx@gmail.com"
+    },
     {
       "name": "Osei Fortune",
       "email": "fortune.osei@yahoo.com"
@@ -74,22 +40,10 @@
     }
   ],
   "bugs": {
-    "url": "https://github.com/nstudio/nativescript-loading-indicator/issues"
+    "url": "https://github.com/nstudio/nativescript-plugins/issues"
   },
   "license": "Apache-2.0",
-  "homepage": "https://github.com/nstudio/nativescript-loading-indicator",
+  "homepage": "https://github.com/nstudio/nativescript-plugins",
   "readmeFilename": "README.md",
-  "devDependencies": {
-    "husky": "^4.2.0",
-    "lint-staged": "^10.0.2",
-    "prettier": "^1.19.1",
-    "@nativescript/core": "^6.3.2",
-    "tns-platform-declarations": "^6.3.2",
-    "typescript": "~3.7.4",
-    "prompt": "^1.0.0",
-    "rimraf": "^2.6.3",
-    "tslint": "^5.20.1",
-    "semver": "^5.6.0"
-  },
-  "dependencies": {}
+  "bootstrapper": "@nativescript/plugin-seed"
 }

package/platforms/android/AndroidManifest.xml ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <manifest xmlns:android="http://schemas.android.com/apk/res/android"
2	+ package="com.github.triniwiz.ns.loading.indicator"/>

package/platforms/android/nativescript_loading_indicator.aar CHANGED Viewed

Binary file

package/platforms/android/res/drawable/circle_shape.xml ADDED Viewed

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring" android:innerRadiusRatio="2.5" android:thickness="1dp" android:useLevel="false">
+  <solid android:color="#CCC" />
+</shape>

package/platforms/android/res/drawable/circular_progress_bar.xml ADDED Viewed

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<rotate xmlns:android="http://schemas.android.com/apk/res/android"
+        android:fromDegrees="270"
+        android:toDegrees="270">
+  <shape
+    android:innerRadiusRatio="2.5"
+    android:shape="ring"
+    android:thickness="1dp"
+    android:useLevel="true">
+    <gradient
+      android:angle="0"
+      android:endColor="#007DD6"
+      android:startColor="#007DD6"
+      android:type="sweep"
+      android:useLevel="false" />
+  </shape>
+</rotate>

package/platforms/android/res/drawable/circular_progress_bar_thick.xml ADDED Viewed

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<rotate xmlns:android="http://schemas.android.com/apk/res/android"
+        android:fromDegrees="270"
+        android:toDegrees="270">
+  <shape
+    android:innerRadiusRatio="2.5"
+    android:shape="ring"
+    android:thickness="3dp"
+    android:useLevel="true">
+    <gradient
+      android:angle="0"
+      android:endColor="#007DD6"
+      android:startColor="#007DD6"
+      android:type="sweep"
+      android:useLevel="false" />
+  </shape>
+</rotate>