Template Repost Story Instagram

@@ -20,7 +20,7 @@ module.exports = function (config) {
  // test results reporter to use
  // possible values: 'dots', 'progress'
  // available reporters: https://npmjs.org/browse/keyword/karma-reporter
- reporters: ['mocha'],
+ reporters: ['progress'],
 
  // configure optional coverage, enable via --env.codeCoverage
  coverageReporter: {

Silver Business Cards

@@ -70,11 +70,14 @@
  }
  },
  "test": {
- "executor": "@nrwl/workspace:run-commands",
+ "executor": "@nativescript/nx:test",
+ "outputs": ["coverage/apps/nativescript-demo-ng"],
  "options": {
- "commands": ["ns test {args.platform}"],
- "cwd": "apps/nativescript-demo-ng",
- "parallel": false
+ "coverage": false
+ },
+ "configurations": {
+ "android": {},
+ "ios": {}
  }
  }
  },

How To Use Instagram

@@ -4,7 +4,4 @@ import { TestBed } from '@angular/core/testing';
 import { platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
 import { NativeScriptTestingModule } from '@nativescript/angular/testing';
 
-TestBed.initTestEnvironment(
- NativeScriptTestingModule,
- platformBrowserDynamicTesting() // NS_COMPILER_PROVIDERS)
-);
+TestBed.initTestEnvironment(NativeScriptTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: true } });

New Product Launch Photo Gallery

@@ -10,8 +10,8 @@
  "nx": "nx",
  "start": "nx serve",
  "build": "nx run zone-js:build && nx run angular:build",
- "test.android": "nx run nativescript-demo-ng:test --args='--platform=android'",
- "test.ios": "nx run nativescript-demo-ng:test --args='--platform=ios'",
+ "test.android": "nx run nativescript-demo-ng:test:android",
+ "test.ios": "nx run nativescript-demo-ng:test:ios",
  "lint": "nx workspace-lint && nx lint",
  "e2e": "nx e2e",
  "affected:apps": "nx affected:apps",
@@ -35,42 +35,43 @@
  "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
  },
  "dependencies": {
- "@angular/animations": "13.1.1",
- "@angular/common": "13.1.1",
- "@angular/compiler": "13.1.1",
- "@angular/core": "13.1.1",
- "@angular/forms": "13.1.1",
- "@angular/platform-browser": "13.1.1",
- "@angular/platform-browser-dynamic": "13.1.1",
- "@angular/router": "13.1.1",
+ "@angular/animations": "13.2.1",
+ "@angular/common": "13.2.1",
+ "@angular/compiler": "13.2.1",
+ "@angular/core": "13.2.1",
+ "@angular/forms": "13.2.1",
+ "@angular/platform-browser": "13.2.1",
+ "@angular/platform-browser-dynamic": "13.2.1",
+ "@angular/router": "13.2.1",
  "@nativescript/core": "~8.1.0",
  "@nativescript/theme": "~3.0.0",
  "@ngx-translate/core": "~14.0.0",
  "nativescript-ngx-fonticon": "~7.0.0",
- "rxjs": "^7.4.0",
+ "rxjs": "^7.5.0",
  "zone.js": "~0.11.4"
  },
  "devDependencies": {
- "@angular-devkit/build-angular": "~13.1.0",
+ "@angular-devkit/build-angular": "13.2.2",
  "@angular-eslint/eslint-plugin": "13.0.1",
  "@angular-eslint/eslint-plugin-template": "13.0.1",
  "@angular-eslint/template-parser": "13.0.1",
- "@angular/compiler-cli": "13.1.1",
+ "@angular/compiler-cli": "13.2.1",
+ "@jsdevtools/coverage-istanbul-loader": "3.0.5",
  "@nativescript/types": "~8.1.0",
- "@nativescript/unit-test-runner": "^2.0.5",
- "@nativescript/webpack": "5.0.2-alpha.0",
- "@ngtools/webpack": "next",
- "@nrwl/angular": "13.3.12",
- "@nrwl/cli": "13.3.12",
- "@nrwl/eslint-plugin-nx": "13.3.12",
- "@nrwl/jest": "13.3.12",
- "@nrwl/node": "13.3.12",
- "@nrwl/tao": "13.3.12",
- "@nrwl/workspace": "13.3.12",
- "@nstudio/angular": "13.0.1",
- "@nstudio/nativescript": "13.0.1",
- "@nstudio/nativescript-angular": "13.0.1",
- "@nstudio/xplat": "13.0.1",
+ "@nativescript/unit-test-runner": "^3.0.2",
+ "@nativescript/webpack": "~5.0.0",
+ "@ngtools/webpack": "13.2.2",
+ "@nrwl/angular": "13.7.3",
+ "@nrwl/cli": "13.7.3",
+ "@nrwl/eslint-plugin-nx": "13.7.3",
+ "@nrwl/jest": "13.7.3",
+ "@nrwl/node": "13.7.3",
+ "@nrwl/tao": "13.7.3",
+ "@nrwl/workspace": "13.7.3",
+ "@nstudio/angular": "13.4.3",
+ "@nstudio/nativescript": "13.4.3",
+ "@nstudio/nativescript-angular": "13.4.3",
+ "@nstudio/xplat": "13.4.3",
  "@types/jasmine": "^3.7.2",
  "@types/jest": "27.0.2",
  "@types/node": "14.14.33",
@@ -84,25 +85,26 @@
  "fs-extra": "^9.0.1",
  "husky": "~7.0.1",
  "jest": "27.2.3",
- "karma": "6.3.3",
+ "karma": "6.3.9",
+ "karma-coverage": "2.0.3",
  "karma-jasmine": "4.0.1",
- "karma-mocha-reporter": "^2.2.5",
  "karma-nativescript-launcher": "0.4.0",
+ "karma-mocha-reporter": "^2.2.5",
  "karma-sinon": "^1.0.5",
- "karma-webpack": "5.0.0",
  "lint-staged": "^11.0.0",
- "ng-packagr": "13.0.8",
+ "ng-packagr": "13.2.1",
+ "nyc": "15.1.0",
  "postcss": "^8.3.9",
  "postcss-import": "^14.0.2",
  "postcss-preset-env": "^6.7.0",
  "postcss-url": "^10.1.1",
- "prettier": "2.3.2",
+ "prettier": "2.5.1",
  "sass": "^1.32.0",
  "sinon": "^11.1.1",
  "ts-jest": "27.0.5",
  "ts-node": "9.1.1",
  "tslib": "^2.1.0",
- "typescript": "4.4.4"
+ "typescript": "4.5.5"
  },
  "xplat": {
  "prefix": "nativescript",

We Are Launching A Flavour Instagram Post

@@ -1,5 +1,6 @@
 import { ApplicationRef, ComponentFactoryResolver, ComponentRef, Injectable, Injector, NgModuleRef, NgZone, Type, ViewContainerRef, ɵmarkDirty } from '@angular/core';
 import { Application, ContentView, Frame, ShowModalOptions, View, ViewBase } from '@nativescript/core';
+import { Subject } from 'rxjs';
 import { AppHostAsyncView, AppHostView } from '../../app-host-view';
 import { DetachedLoader } from '../../cdk/detached-loader';
 import { ComponentPortal } from '../../cdk/portal/common';
@@ -15,9 +16,13 @@ export interface ModalDialogOptions extends BaseShowModalOptions {
  viewContainerRef?: ViewContainerRef;
  moduleRef?: NgModuleRef<any>;
  target?: View;
+ /**
+ * Use context data as component instance properties
+ */
+ useContextAsComponentProps?: boolean;
 }
 
-export interface ShowDialogOptions extends BaseShowModalOptions {
+export interface ShowDialogOptions extends ModalDialogOptions {
  containerRef?: ViewContainerRef;
  /**
  * which container to attach the change detection
@@ -39,8 +44,27 @@ export class ModalDialogParams {
 
 @Injectable()
 export class ModalDialogService {
+ /**
+ * Any opened ModalDialogParams in order of when they were opened (Most recent on top).
+ * This can be used when you need access to ModalDialogParams outside of the component which had them injected.
+ * Each is popped off as modals are closed.
+ */
+ openedModalParams: Array<ModalDialogParams>;
+ _closed$: Subject<ModalDialogParams>;
+
  constructor(private location: NSLocationStrategy, private zone: NgZone, private appRef: ApplicationRef, private defaultInjector: Injector) {}
 
+ /**
+ * Emits anytime a modal is closed with the ModalDialogParams which were injected into the component which is now closing.
+ * For example, can be used to wire up Rx flows outside the scope of just the component being handled.
+ */
+ get closed$() {
+ if (!this._closed$) {
+ this._closed$ = new Subject();
+ }
+ return this._closed$;
+ }
+
  public showModal(type: Type<any>, options: ModalDialogOptions = {}): Promise<any> {
  // if (!options.viewContainerRef) {
  // throw new Error('No viewContainerRef: ' + 'Make sure you pass viewContainerRef in ModalDialogOptions.');
@@ -103,6 +127,10 @@ export class ModalDialogService {
  options.doneCallback.apply(undefined, args);
  if (componentViewRef) {
  componentViewRef.firstNativeLikeView.closeModal();
+ const params = this.openedModalParams.pop();
+ if (this._closed$) {
+ this._closed$.next(params);
+ }
  this.location._closeModalNavigation();
  if (detachedLoaderRef || portalOutlet) {
  this.zone.run(() => {
@@ -115,6 +143,10 @@ export class ModalDialogService {
  });
 
  const modalParams = new ModalDialogParams(options.context, closeCallback);
+ if (!this.openedModalParams) {
+ this.openedModalParams = [];
+ }
+ this.openedModalParams.push(modalParams);
 
  const childInjector = Injector.create({
  providers: [{ provide: ModalDialogParams, useValue: modalParams }],
@@ -139,6 +171,11 @@ export class ModalDialogService {
  const componentRef = portalOutlet.attach(portal);
  ɵmarkDirty(componentRef.instance);
  componentViewRef = new NgViewRef(componentRef);
+ if (options.useContextAsComponentProps && options.context) {
+ for (const key in options.context) {
+ (<ComponentRef<any>>componentViewRef.ref).instance[key] = options.context[key];
+ }
+ }
  if (componentViewRef !== componentRef.location.nativeElement) {
  componentRef.location.nativeElement._ngDialogRoot = componentViewRef.firstNativeLikeView;
  }

Instagram Business Content Ideas

@@ -4,6 +4,6 @@
  "declarationMap": false
  },
  "angularCompilerOptions": {
- "compilationMode": "partial"
+ "compilationMode": "full"
  }
 }