Refactor Code to typescript
This commit is contained in:
-19
@@ -1,19 +0,0 @@
|
||||
declare namespace _exports {
|
||||
export { GoogleGetAccessTokenFunctionParams };
|
||||
}
|
||||
declare function _exports(params: GoogleGetAccessTokenFunctionParams): Promise<string>;
|
||||
export = _exports;
|
||||
type GoogleGetAccessTokenFunctionParams = {
|
||||
/**
|
||||
* - Google app client ID: {@link https://datasquirel.com/docs}
|
||||
*/
|
||||
clientId: string;
|
||||
/**
|
||||
* - Whether to trigger Google signing popup or not: {@link https://datasquirel.com/docs}
|
||||
*/
|
||||
triggerPrompt?: boolean;
|
||||
/**
|
||||
* - React setState Function: sets whether the google login button is ready or not
|
||||
*/
|
||||
setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
|
||||
};
|
||||
@@ -1,33 +1,22 @@
|
||||
// @ts-check
|
||||
interface GoogleGetAccessTokenFunctionParams {
|
||||
clientId: string;
|
||||
triggerPrompt?: boolean;
|
||||
setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
|
||||
}
|
||||
|
||||
/**
|
||||
* @typedef {object} GoogleGetAccessTokenFunctionParams
|
||||
* @property {string} clientId - Google app client ID: {@link https://datasquirel.com/docs}
|
||||
* @property {boolean} [triggerPrompt] - Whether to trigger Google signing popup or not: {@link https://datasquirel.com/docs}
|
||||
* @property {React.Dispatch<React.SetStateAction<boolean>>} [setLoading] - React setState Function: sets whether the google login button is ready or not
|
||||
*
|
||||
*/
|
||||
|
||||
/** @type {any} */
|
||||
let interval;
|
||||
let interval: any;
|
||||
|
||||
/**
|
||||
* Login with Google Function
|
||||
* ===============================================================================
|
||||
* @description This function uses google identity api to login a user with datasquirel
|
||||
*
|
||||
* @async
|
||||
*
|
||||
* @requires script "https://accounts.google.com/gsi/client" async script added to head
|
||||
*
|
||||
* @param {GoogleGetAccessTokenFunctionParams} params - Single object passed
|
||||
|
||||
* @returns {Promise<string>} - Access Token String
|
||||
*/
|
||||
module.exports = async function getAccessToken(params) {
|
||||
export default async function getAccessToken(
|
||||
params: GoogleGetAccessTokenFunctionParams
|
||||
): Promise<string> {
|
||||
params.setLoading?.(true);
|
||||
|
||||
const response = await new Promise((resolve, reject) => {
|
||||
const response = (await new Promise((resolve, reject) => {
|
||||
interval = setInterval(() => {
|
||||
// @ts-ignore
|
||||
let google = window.google;
|
||||
@@ -37,20 +26,22 @@ module.exports = async function getAccessToken(params) {
|
||||
resolve(googleLogin({ ...params, google }));
|
||||
}
|
||||
}, 500);
|
||||
});
|
||||
})) as any;
|
||||
|
||||
params.setLoading?.(false);
|
||||
|
||||
return response;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* # Google Login Function
|
||||
*
|
||||
* @param {GoogleGetAccessTokenFunctionParams & { google: any }} params
|
||||
* @returns
|
||||
*/
|
||||
function googleLogin({ google, clientId, setLoading, triggerPrompt }) {
|
||||
export function googleLogin({
|
||||
google,
|
||||
clientId,
|
||||
setLoading,
|
||||
triggerPrompt,
|
||||
}: GoogleGetAccessTokenFunctionParams & { google: any }) {
|
||||
setTimeout(() => {
|
||||
setLoading?.(false);
|
||||
}, 3000);
|
||||
@@ -60,7 +51,9 @@ function googleLogin({ google, clientId, setLoading, triggerPrompt }) {
|
||||
* # Callback Function
|
||||
* @param {import("../../../package-shared/types").GoogleAccessTokenObject} response
|
||||
*/
|
||||
function handleCredentialResponse(response) {
|
||||
function handleCredentialResponse(
|
||||
response: import("../../../package-shared/types").GoogleAccessTokenObject
|
||||
) {
|
||||
resolve(response.access_token);
|
||||
}
|
||||
|
||||
@@ -81,7 +74,9 @@ function googleLogin({ google, clientId, setLoading, triggerPrompt }) {
|
||||
* ========================================================
|
||||
* @param {import("../../../package-shared/types").GoogleIdentityPromptNotification} notification
|
||||
*/
|
||||
function triggerGooglePromptCallback(notification) {
|
||||
function triggerGooglePromptCallback(
|
||||
notification: import("../../../package-shared/types").GoogleIdentityPromptNotification
|
||||
) {
|
||||
console.log(notification);
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user