M
data-callback="someFn"
SMsome way of defining a function with that name
MMMMdata-callback="someFn"
BThe question is how to define a global scope JS function that can be called like that and still only exist at the component level.that is a contradiction
TTTTS
BTTBSMS
TBMSMTSTSBBBS
SBBTSSBBS
. Latest version: 4.0.1, last published: 9 months ago. Start using google-oauth-gsi in your project by running . There are no other projects in the npm registry using google-oauth-gsi.
STSBSTT
lib.registerCallback('someFn', () => {})someFnexport const Comp = () => {
function someFn() {
// ...
}
onMount(() => {
(window as any).__someFn = someFn;
});
onCleanup(() => {
delete (window as any).__someFn;
});this.callbackdata-callbackimport { onCleanup, onMount } from "solid-js";
type Props = {
clientId: string;
};
export default (props: Props) => {
function onGoogleSignIn(googleUser: any) {
var profile = googleUser.getBasicProfile();
console.log("ID: " + profile.getId());
console.log("Name: " + profile.getName());
}
onMount(() => {
// TODO: generate random hash to append to function name
(window as any).__onGoogleSignIn = onGoogleSignIn;
});
onCleanup(() => {
delete (window as any).__onGoogleSignIn;
});
return (
<>
<div>
<div
id="g_id_onload"
data-client_id={props.clientId}
data-callback="__onGoogleSignIn"
></div>
<div class="g_id_signin" data-type="standard"></div>
</div>
<script src="https://accounts.google.com/gsi/client" async defer></script>
</>
);
};import { clientOnly } from "@solidjs/start";
export const GoogleSignIn = clientOnly(() => import("./component"));<script src="https://accounts.google.com/gsi/client" async defer></script>clientOnlyclientOnlywindowonMountnpm i google-oauth-gsiscript