Rename deleteStateOnWindowLoad to deleteOnClientLoad

src/components.d.ts

@@ -130,7 +130,7 @@ declare global {
 
   namespace StencilComponents {
     interface StencilLift {
-      'deleteStateOnWindowLoad': boolean;
+      'deleteOnClientLoad': boolean;
       'initialState': any;
       'mergeState': boolean;
     }
@@ -155,7 +155,7 @@ declare global {
   }
   namespace JSXElements {
     export interface StencilLiftAttributes extends HTMLAttributes {
-      'deleteStateOnWindowLoad'?: boolean;
+      'deleteOnClientLoad'?: boolean;
       'initialState'?: any;
       'mergeState'?: boolean;
     }

src/components/example/example-app.tsx

@@ -21,7 +21,7 @@ export class ExampleApp {
 
   render() {
     const liftProps = {
-      deleteStateOnWindowLoad: false,
+      deleteOnClientLoad: false,
       initialState,
       mergeState: true,
     };

src/components/stencil-lift/stencil-lift.tsx

@@ -6,7 +6,7 @@ import ClientLiftService, { LiftService, __LIFT_STATE_KEY } from '../../services
 })
 export class StencilLiftComponent {
 
-  @Prop() deleteStateOnWindowLoad = false;
+  @Prop() deleteOnClientLoad = false;
   @Prop() initialState: any = null;
   @Prop() mergeState = false;
 
@@ -26,7 +26,7 @@ export class StencilLiftComponent {
     this._LiftService.initialize({
       win: this.window,
       isServer: this.isServer,
-      deleteStateOnWindowLoad: this.deleteStateOnWindowLoad,
+      deleteOnClientLoad: this.deleteOnClientLoad,
       initialState: this.initialState,
       mergeState: this.mergeState,
     });

src/services/lift.service.ts

@@ -29,7 +29,7 @@ const combinedReducers = combineReducers({ lift_state: liftReducer });
 export interface LiftInitializeOptions {
   win: Window;
   isServer: boolean;
-  deleteStateOnWindowLoad: boolean;
+  deleteOnClientLoad: boolean;
   initialState: any;
   mergeState: boolean;
 }
@@ -57,11 +57,15 @@ export class LiftService {
   }
 
   initialize(options: LiftInitializeOptions) {
-    const { isServer, deleteStateOnWindowLoad, initialState, mergeState, win } = options;
+    const { isServer, deleteOnClientLoad, initialState, mergeState, win } = options;
     this._isServer = isServer;
 
     let preloadedState = (<any>win)[__LIFT_STATE_KEY] || {};
-    deleteStateOnWindowLoad && (delete (<any>win)[__LIFT_STATE_KEY]);
+    if (deleteOnClientLoad && !this.isServer && document) {
+      const elm = document.querySelector(`#${__LIFT_STATE_KEY}`);
+      if (elm) { elm.remove(); } // Stencil polyfills this so it is ok.
+      delete (<any>win)[__LIFT_STATE_KEY];
+    }
 
     if (initialState) {
       preloadedState = mergeState ? { ...preloadedState, ...initialState } : initialState || {};

stencil.config.js

@@ -2,7 +2,9 @@ exports.config = {
   enableCache: false,
   namespace: 'stencil-lift',
   flags: { prerender: true },
-  logLevel: 'debug',
+  buildEs5: true,
+  buildStats: true,
+  logLevel: 'debug', // do not turn this off until the Stencil bug is fixed.
   outputTargets:[
     {
       type: 'dist'