Ghost/ghost/members-api/static/gateway/bundle.js
Fabien O'Carroll e1ba916ce6 Refactored auth pages for future flows (#10458)
no-issue

* Used camelCase for gateway method calls
* Added some components for building blocks of forms
* Added input specific components
* Added Form component
    This handles collecting the data to submit and sharing state between forms
* Added Pages component to handle urls
* Added the pages for the popup
* Added MembersProvider component
    This is designed to give its children access to gateway methods
* Added Modal component
    This wraps the pages and handles dispatching form submissions to the members gateway
* Refactored index.js to use new components/pages
* Fixed default page from Signup -> Signin
2019-05-07 17:35:17 +02:00

185 lines
5.2 KiB
JavaScript

/* global window document location fetch */
(function () {
if (window.parent === window) {
return;
}
let storage;
try {
storage = window.localStorage;
} catch (e) {
storage = window.sessionStorage;
}
const origin = new URL(document.referrer).origin;
const handlers = {};
function addMethod(method, fn) {
handlers[method] = function ({uid, options}) {
fn(options)
.then(function (data) {
window.parent.postMessage({uid, data}, origin);
})
.catch(function (error) {
window.parent.postMessage({uid, error: error.message}, origin);
});
};
}
// @TODO this needs to be configurable
const membersApi = location.pathname.replace(/\/members\/gateway\/?$/, '/ghost/api/v2/members');
function getToken({audience}) {
return fetch(`${membersApi}/token`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin,
audience: audience || origin
})
}).then((res) => {
if (!res.ok) {
if (res.status === 401) {
storage.removeItem('signedin');
}
return null;
}
storage.setItem('signedin', true);
return res.text();
});
}
addMethod('init', function init() {
if (storage.getItem('signedin')) {
window.parent.postMessage({event: 'signedin'}, origin);
} else {
window.parent.postMessage({event: 'signedout'}, origin);
}
getToken({audience: origin});
return Promise.resolve();
});
addMethod('getToken', getToken);
addMethod('signin', function signin({email, password}) {
return fetch(`${membersApi}/signin`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin,
email,
password
})
}).then((res) => {
if (res.ok) {
storage.setItem('signedin', true);
}
return res.ok;
});
});
addMethod('signup', function signin({name, email, password}) {
return fetch(`${membersApi}/signup`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin,
name,
email,
password
})
}).then((res) => {
if (res.ok) {
storage.setItem('signedin', true);
}
return res.ok;
});
});
addMethod('signout', function signout(/*options*/) {
return fetch(`${membersApi}/signout`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin
})
}).then((res) => {
if (res.ok) {
storage.removeItem('signedin');
}
return res.ok;
});
});
addMethod('requestPasswordReset', function signout({email}) {
return fetch(`${membersApi}/request-password-reset`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin,
email
})
}).then((res) => {
return res.ok;
});
});
addMethod('resetPassword', function signout({token, password}) {
return fetch(`${membersApi}/reset-password`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
origin,
token,
password
})
}).then((res) => {
if (res.ok) {
storage.setItem('signedin', true);
}
return res.ok;
});
});
window.addEventListener('storage', function (event) {
if (event.storageArea !== storage) {
return;
}
const newValue = event.newValue;
const oldValue = event.oldValue;
if (event.key === 'signedin') {
if (newValue && !oldValue) {
return window.parent.postMessage({event: 'signedin'}, origin);
}
if (!newValue && oldValue) {
return window.parent.postMessage({event: 'signedout'}, origin);
}
}
});
window.addEventListener('message', function (event) {
if (event.origin !== origin) {
return;
}
if (!event.data || !event.data.uid) {
return;
}
if (!handlers[event.data.method]) {
return window.parent.postMessage({
uid: event.data.uid,
error: 'Unknown method'
}, origin);
}
handlers[event.data.method](event.data);
});
})();