fix(): update to Stencil One 🎉🎊

Author: manucorporat

.gitignore

@@ -15,6 +15,7 @@ log.txt
 coverage/
 collection/
 dist/
+dist-transpiled/
 node_modules/
 tmp/
 temp/
@@ -49,10 +50,16 @@ demos/src/**/*.ngfactory.ts
 demos/src/**/*.d.ts
 demos/src/**/*.metadata.json
 demos/src/**/*.css.shim.ts
+prerender.html
+prerender-domino.html
+prerender-hydrated.html
+prerender-static.html
 
 # stencil
 angular/css/
 core/css/
+core/hydrated/
 core/loader/
+core/www/
 .stencil/
 angular/build/

.scripts/release-dev.js

@@ -7,6 +7,7 @@ const fs = require('fs-extra');
 
 const common = require('./common');
 
+const DIST_NPM_TAG = 'dev';
 const DIST_TAG = 'dev';
 
 async function main() {
@@ -37,7 +38,7 @@ async function main() {
     packages.forEach(package => {
       common.prepareDevPackage(tasks, package, devVersion);
     });
-    common.publishPackages(tasks, packages, devVersion, DIST_TAG);
+    common.publishPackages(tasks, packages, devVersion, DIST_NPM_TAG);
 
     const listr = new Listr(tasks);
     await listr.run();

angular/scripts/rollup.config.js

@@ -7,10 +7,6 @@ export default {
     format: 'es'
   },
   external: (id) => {
-    // inline @ionic/core deps
-    if (id === '@ionic/core') {
-      return false;
-    }
     // anything else is external
     // Windows: C:\xxxxxx\xxx
     const colonPosition = 1;

angular/src/app-initialize.ts

@@ -1,4 +1,4 @@
-import { defineCustomElements } from '@ionic/core/loader';
+import { applyPolyfills, defineCustomElements } from '@ionic/core/loader';
 
 import { Config } from './providers/config';
 import { IonicWindow } from './types/interfaces';
@@ -10,26 +10,27 @@ export function appInitialize(config: Config, doc: Document) {
       const Ionic = win.Ionic = win.Ionic || {};
 
       Ionic.config = config;
-      Ionic.asyncQueue = false;
-
-      Ionic.ael = (elm, eventName, cb, opts) => {
-        if (elm.__zone_symbol__addEventListener && skipZone(eventName)) {
-          elm.__zone_symbol__addEventListener(eventName, cb, opts);
-        } else {
-          elm.addEventListener(eventName, cb, opts);
-        }
-      };
-
-      Ionic.rel = (elm, eventName, cb, opts) => {
-        if (elm.__zone_symbol__removeEventListener && skipZone(eventName)) {
-          elm.__zone_symbol__removeEventListener(eventName, cb, opts);
-        } else {
-          elm.removeEventListener(eventName, cb, opts);
-        }
-      };
-
-      return defineCustomElements(win, {
-        exclude: ['ion-tabs', 'ion-tab']
+
+      return applyPolyfills().then(() => {
+        return defineCustomElements(win, {
+          exclude: ['ion-tabs', 'ion-tab'],
+          syncQueue: true,
+          raf: h => (win.__zone_symbol__requestAnimationFrame) ? win.__zone_symbol__requestAnimationFrame(h) : requestAnimationFrame(h),
+          ael(elm, eventName, cb, opts) {
+            if ((elm as any).__zone_symbol__addEventListener && skipZone(eventName)) {
+              (elm as any).__zone_symbol__addEventListener(eventName, cb, opts);
+            } else {
+              elm.addEventListener(eventName, cb, opts);
+            }
+          },
+          rel(elm, eventName, cb, opts) {
+            if ((elm as any).__zone_symbol__removeEventListener && skipZone(eventName)) {
+              (elm as any).__zone_symbol__removeEventListener(eventName, cb, opts);
+            } else {
+              elm.removeEventListener(eventName, cb, opts);
+            }
+          }
+        });
       });
     }
   };

angular/src/directives/navigation/ion-router-outlet.ts

@@ -94,7 +94,7 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
     if ((this.nativeEl as any).componentOnReady) {
       this.nativeEl.componentOnReady().then(() => {
         if (this._swipeGesture === undefined) {
-          this.swipeGesture = this.config.getBoolean('swipeBackEnabled', this.nativeEl.mode === 'ios');
+          this.swipeGesture = this.config.getBoolean('swipeBackEnabled', (this.nativeEl as any).mode === 'ios');
         }
       });
     }

angular/src/directives/proxies.ts

@@ -1,14 +1,13 @@
-import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
-import { ActionSheetOptions } from '@ionic/core';
+import { Injectable } from '@angular/core';
+import { ActionSheetOptions, actionSheetController } from '@ionic/core';
 
 import { OverlayBaseController } from '../util/overlay';
 
 @Injectable({
   providedIn: 'root',
 })
 export class ActionSheetController extends OverlayBaseController<ActionSheetOptions, HTMLIonActionSheetElement> {
-  constructor(@Inject(DOCUMENT) doc: any) {
-    super('ion-action-sheet-controller', doc);
+  constructor() {
+    super(actionSheetController);
   }
 }

angular/src/providers/action-sheet-controller.ts

@@ -1,14 +1,13 @@
-import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
-import { AlertOptions } from '@ionic/core';
+import { Injectable } from '@angular/core';
+import { AlertOptions, alertController } from '@ionic/core';
 
 import { OverlayBaseController } from '../util/overlay';
 
 @Injectable({
   providedIn: 'root',
 })
 export class AlertController extends OverlayBaseController<AlertOptions, HTMLIonAlertElement> {
-  constructor(@Inject(DOCUMENT) doc: any) {
-    super('ion-alert-controller', doc);
+  constructor() {
+    super(alertController);
   }
 }

angular/src/providers/alert-controller.ts

@@ -1,14 +1,13 @@
-import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
-import { LoadingOptions } from '@ionic/core';
+import { Injectable } from '@angular/core';
+import { LoadingOptions, loadingController } from '@ionic/core';
 
 import { OverlayBaseController } from '../util/overlay';
 
 @Injectable({
   providedIn: 'root',
 })
 export class LoadingController extends OverlayBaseController<LoadingOptions, HTMLIonLoadingElement> {
-  constructor(@Inject(DOCUMENT) doc: any) {
-    super('ion-loading-controller', doc);
+  constructor() {
+    super(loadingController);
   }
 }

angular/src/providers/loading-controller.ts

@@ -1,6 +1,5 @@
-import { DOCUMENT } from '@angular/common';
-import { ComponentFactoryResolver, Inject, Injectable, Injector } from '@angular/core';
-import { ModalOptions } from '@ionic/core';
+import { ComponentFactoryResolver, Injectable, Injector } from '@angular/core';
+import { ModalOptions, modalController } from '@ionic/core';
 
 import { OverlayBaseController } from '../util/overlay';
 
@@ -13,9 +12,8 @@ export class ModalController extends OverlayBaseController<ModalOptions, HTMLIon
     private angularDelegate: AngularDelegate,
     private resolver: ComponentFactoryResolver,
     private injector: Injector,
-    @Inject(DOCUMENT) doc: any
   ) {
-    super('ion-modal-controller', doc);
+    super(modalController);
   }
 
   create(opts: ModalOptions): Promise<HTMLIonModalElement> {