test( 'should return false if last activity was 3 hours ago', () => {
const result = wasHappychatRecentlyActive( {
happychat: {
chat: { lastActivityTimestamp: NOW - TIME_HOUR * 3 },
},
} );
expect( result ).to.be.false;
} );
test( 'should return true if last activity was 5 minutes ago', () => {
const result = wasHappychatRecentlyActive( {
happychat: {
chat: { lastActivityTimestamp: NOW - TIME_MINUTE * 5 },
},
} );
expect( result ).to.be.true;
} );
test( 'should return false if no activity', () => {
const result = wasHappychatRecentlyActive( {
happychat: {
chat: { lastActivityTimestamp: null },
},
} );
expect( result ).to.be.false;
} );
export function setupMiddlewares( currentUser, reduxStore ) {
debug( 'Executing WordPress.com setup middlewares.' );
analytics.setDispatch( reduxStore.dispatch );
if ( currentUser.get() ) {
// When logged in the analytics module requires user and superProps objects
// Inject these here
analytics.initialize( currentUser, superProps );
} else {
analytics.setSuperProps( superProps );
}
// Render Layout only for non-isomorphic sections.
// Isomorphic sections will take care of rendering their Layout last themselves.
if ( ! document.getElementById( 'primary' ) ) {
renderLayout( reduxStore );
if ( config.isEnabled( 'catch-js-errors' ) ) {
const Logger = require( 'lib/catch-js-errors' );
const errorLogger = new Logger();
//Save errorLogger to a singleton for use in arbitrary logging.
require( 'lib/catch-js-errors/log' ).registerLogger( errorLogger );
//Save data to JS error logger
errorLogger.saveDiagnosticData( {
user_id: currentUser.get().ID,
calypso_env: config( 'env_id' ),
} );
errorLogger.saveDiagnosticReducer( function() {
const state = reduxStore.getState();
return {
blog_id: getSelectedSiteId( state ),
calypso_section: getSectionName( state ),
};
} );
errorLogger.saveDiagnosticReducer( () => ( { tests: getSavedVariations() } ) );
analytics.on( 'record-event', ( eventName, eventProperties ) =>
errorLogger.saveExtraData( { lastTracksEvent: eventProperties } )
);
page( '*', function( context, next ) {
errorLogger.saveNewPath(
context.canonicalPath.replace( route.getSiteFragment( context.canonicalPath ), ':siteId' )
);
next();
} );
}
}
// If `?sb` or `?sp` are present on the path set the focus of layout
// This can be removed when the legacy version is retired.
page( '*', function( context, next ) {
if ( [ 'sb', 'sp' ].indexOf( context.querystring ) !== -1 ) {
const layoutSection = context.querystring === 'sb' ? 'sidebar' : 'sites';
reduxStore.dispatch( setNextLayoutFocus( layoutSection ) );
page.replace( context.pathname );
}
next();
} );
page( '*', function( context, next ) {
// Don't normalize legacy routes - let them fall through and be unhandled
// so that page redirects away from Calypso
if ( isLegacyRoute( context.pathname ) ) {
return next();
}
return normalize( context, next );
} );
page( '*', function( context, next ) {
const path = context.pathname;
// Bypass this global handler for legacy routes
// to avoid bumping stats and changing focus to the content
if ( isLegacyRoute( path ) ) {
return next();
}
// Focus UI on the content on page navigation
if ( ! config.isEnabled( 'code-splitting' ) ) {
context.store.dispatch( activateNextLayoutFocus() );
}
// If `?welcome` is present, and `?tour` isn't, show the welcome message
if (
! context.query.tour &&
context.querystring === 'welcome' &&
context.pathname.indexOf( '/me/next' ) === -1
) {
// show welcome message, persistent for full sized screens
nuxWelcome.setWelcome( viewport.isDesktop() );
} else {
nuxWelcome.clearTempWelcome();
}
// Bump general stat tracking overall Newdash usage
analytics.mc.bumpStat( { newdash_pageviews: 'route' } );
next();
} );
page( '*', function( context, next ) {
if ( '/me/account' !== context.path && currentUser.get().phone_account ) {
page( '/me/account' );
}
next();
} );
page( '*', emailVerification );
// delete any lingering local storage data from signup
if ( ! startsWith( window.location.pathname, '/start' ) ) {
[ 'signupProgress', 'signupDependencies' ].forEach( store.remove );
}
if ( ! currentUser.get() ) {
// Dead-end the sections the user can't access when logged out
page( '*', function( context, next ) {
//see server/pages/index for prod redirect
if ( '/plans' === context.pathname ) {
const queryFor = context.query && context.query.for;
if ( queryFor && 'jetpack' === queryFor ) {
window.location =
'https://wordpress.com/wp-login.php?redirect_to=https%3A%2F%2Fwordpress.com%2Fplans';
} else {
// pricing page is outside of Calypso, needs a full page load
window.location = 'https://wordpress.com/pricing';
}
return;
}
next();
} );
}
require( 'my-sites' )();
if ( currentUser.get() && config.isEnabled( 'olark' ) ) {
asyncRequire( 'lib/olark', olark => olark.initialize( reduxStore.dispatch ) );
}
const state = reduxStore.getState();
if ( wasHappychatRecentlyActive( state ) ) {
reduxStore.dispatch( initHappychatConnection( getHappychatAuth( state )() ) );
}
if ( config.isEnabled( 'keyboard-shortcuts' ) ) {
require( 'lib/keyboard-shortcuts/global' )();
}
if ( config.isEnabled( 'desktop' ) ) {
require( 'lib/desktop' ).init();
}
if ( config.isEnabled( 'rubberband-scroll-disable' ) ) {
asyncRequire( 'lib/rubberband-scroll-disable', disableRubberbandScroll => {
disableRubberbandScroll( document.body );
} );
}
if (
config.isEnabled( 'dev/test-helper' ) &&
document.querySelector( '.environment.is-tests' )
) {
asyncRequire( 'lib/abtest/test-helper', testHelper => {
testHelper( document.querySelector( '.environment.is-tests' ) );
} );
}
/*
* Layouts with differing React mount-points will not reconcile correctly,
* so remove an existing single-tree layout by re-rendering if necessary.
*
* TODO (@seear): Converting all of Calypso to single-tree layout will
* make this unnecessary.
*/
page( '*', function( context, next ) {
const previousLayoutIsSingleTree = !! document.getElementsByClassName( 'wp-singletree-layout' )
.length;
const singleTreeSections = [
'account-recovery',
'login',
'posts-custom',
'theme',
'themes',
'preview',
'domain-connect-authorize',
];
const sectionName = getSectionName( context.store.getState() );
const isMultiTreeLayout = ! includes( singleTreeSections, sectionName );
if ( isMultiTreeLayout && previousLayoutIsSingleTree ) {
debug( 'Re-rendering multi-tree layout' );
ReactDom.unmountComponentAtNode( document.getElementById( 'wpcom' ) );
renderLayout( context.store );
} else if ( ! isMultiTreeLayout && ! previousLayoutIsSingleTree ) {
debug( 'Unmounting multi-tree layout' );
ReactDom.unmountComponentAtNode( document.getElementById( 'primary' ) );
ReactDom.unmountComponentAtNode( document.getElementById( 'secondary' ) );
}
next();
} );
}
export function setupMiddlewares( currentUser, reduxStore ) {
debug( 'Executing WordPress.com setup middlewares.' );
analytics.setDispatch( reduxStore.dispatch );
if ( currentUser.get() ) {
// When logged in the analytics module requires user and superProps objects
// Inject these here
analytics.initialize( currentUser, superProps );
} else {
analytics.setSuperProps( superProps );
}
// Render Layout only for non-isomorphic sections.
// Isomorphic sections will take care of rendering their Layout last themselves.
if ( ! document.getElementById( 'primary' ) ) {
renderLayout( reduxStore );
if ( config.isEnabled( 'catch-js-errors' ) ) {
const errorLogger = new Logger();
//Save errorLogger to a singleton for use in arbitrary logging.
require( 'lib/catch-js-errors/log' ).registerLogger( errorLogger );
//Save data to JS error logger
errorLogger.saveDiagnosticData( {
user_id: currentUser.get().ID,
calypso_env: config( 'env_id' ),
} );
errorLogger.saveDiagnosticReducer( function() {
const state = reduxStore.getState();
return {
blog_id: getSelectedSiteId( state ),
calypso_section: getSectionName( state ),
};
} );
errorLogger.saveDiagnosticReducer( () => ( { tests: getSavedVariations() } ) );
analytics.on( 'record-event', ( eventName, eventProperties ) =>
errorLogger.saveExtraData( { lastTracksEvent: eventProperties } )
);
page( '*', function( context, next ) {
errorLogger.saveNewPath(
context.canonicalPath.replace( getSiteFragment( context.canonicalPath ), ':siteId' )
);
next();
} );
}
}
// If `?sb` or `?sp` are present on the path set the focus of layout
// This can be removed when the legacy version is retired.
page( '*', function( context, next ) {
if ( [ 'sb', 'sp' ].indexOf( context.querystring ) !== -1 ) {
const layoutSection = context.querystring === 'sb' ? 'sidebar' : 'sites';
reduxStore.dispatch( setNextLayoutFocus( layoutSection ) );
page.replace( context.pathname );
}
next();
} );
page( '*', function( context, next ) {
// Don't normalize legacy routes - let them fall through and be unhandled
// so that page redirects away from Calypso
if ( isLegacyRoute( context.pathname ) ) {
return next();
}
return normalize( context, next );
} );
page( '*', function( context, next ) {
const path = context.pathname;
// Bypass this global handler for legacy routes
// to avoid bumping stats and changing focus to the content
if ( isLegacyRoute( path ) ) {
return next();
}
// Focus UI on the content on page navigation
if ( ! config.isEnabled( 'code-splitting' ) ) {
context.store.dispatch( activateNextLayoutFocus() );
}
// Bump general stat tracking overall Newdash usage
analytics.mc.bumpStat( { newdash_pageviews: 'route' } );
next();
} );
page( '*', function( context, next ) {
if ( '/me/account' !== context.path && currentUser.get().phone_account ) {
page( '/me/account' );
}
next();
} );
page( '*', emailVerification );
// delete any lingering local storage data from signup
if ( ! startsWith( window.location.pathname, '/start' ) ) {
[ 'signupProgress', 'signupDependencies' ].forEach( store.remove );
}
if ( ! currentUser.get() ) {
// Dead-end the sections the user can't access when logged out
page( '*', function( context, next ) {
//see server/pages/index for prod redirect
if ( '/plans' === context.pathname ) {
const queryFor = context.query && context.query.for;
if ( queryFor && 'jetpack' === queryFor ) {
window.location =
'https://wordpress.com/wp-login.php?redirect_to=https%3A%2F%2Fwordpress.com%2Fplans';
} else {
// pricing page is outside of Calypso, needs a full page load
window.location = 'https://wordpress.com/pricing';
}
return;
}
next();
} );
}
setupMySitesRoute();
const state = reduxStore.getState();
if ( config.isEnabled( 'happychat' ) ) {
reduxStore.dispatch( requestHappychatEligibility() );
}
if ( wasHappychatRecentlyActive( state ) ) {
reduxStore.dispatch( initHappychatConnection( getHappychatAuth( state )() ) );
}
if ( config.isEnabled( 'keyboard-shortcuts' ) ) {
setupGlobalKeyboardShortcuts();
}
if ( config.isEnabled( 'desktop' ) ) {
require( 'lib/desktop' ).default.init();
}
if ( config.isEnabled( 'rubberband-scroll-disable' ) ) {
asyncRequire( 'lib/rubberband-scroll-disable', disableRubberbandScroll => {
disableRubberbandScroll( document.body );
} );
}
if (
config.isEnabled( 'dev/test-helper' ) &&
document.querySelector( '.environment.is-tests' )
) {
asyncRequire( 'lib/abtest/test-helper', testHelper => {
testHelper( document.querySelector( '.environment.is-tests' ) );
} );
}
if (
config.isEnabled( 'dev/preferences-helper' ) &&
document.querySelector( '.environment.is-prefs' )
) {
asyncRequire( 'lib/preferences-helper', prefHelper => {
prefHelper( document.querySelector( '.environment.is-prefs' ), reduxStore );
} );
}
}