add cookies on external login

Author: sw-yx

example/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "netlify-identity-widget": "^1.4.2",
+    "netlify-identity-widget": "^1.4.14",
     "react": "^16.6.0",
     "react-dom": "^16.6.0",
     "react-router-dom": "^4.3.1",
@@ -15,10 +15,5 @@
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
+  "browserslist": [">0.2%", "not dead", "not ie <= 11", "not op_mini all"]
 }

src/netlify-identity.js

@@ -1,100 +1,100 @@
-import { h, render } from "preact";
-import { observe } from "mobx";
-import { Provider } from "mobx-preact";
-import GoTrue from "gotrue-js";
-import App from "./components/app";
-import store from "./state/store";
-import Controls from "./components/controls";
-import modalCSS from "./components/modal.css";
-
-const callbacks = {};
+import { h, render } from "preact"
+import { observe } from "mobx"
+import { Provider } from "mobx-preact"
+import GoTrue from "gotrue-js"
+import App from "./components/app"
+import store from "./state/store"
+import Controls from "./components/controls"
+import modalCSS from "./components/modal.css"
+
+const callbacks = {}
 function trigger(callback) {
-  (callbacks[callback] || []).forEach(cb => {
-    cb.apply(cb, Array.prototype.slice.call(arguments, 1));
-  });
+  ;(callbacks[callback] || []).forEach((cb) => {
+    cb.apply(cb, Array.prototype.slice.call(arguments, 1))
+  })
 }
 
 const validActions = {
   login: true,
   signup: true,
   error: true
-};
+}
 
 const netlifyIdentity = {
   on: (event, cb) => {
-    callbacks[event] = callbacks[event] || [];
-    callbacks[event].push(cb);
+    callbacks[event] = callbacks[event] || []
+    callbacks[event].push(cb)
   },
-  open: action => {
-    action = action || "login";
+  open: (action) => {
+    action = action || "login"
     if (!validActions[action]) {
-      throw new Error(`Invalid action for open: ${action}`);
+      throw new Error(`Invalid action for open: ${action}`)
     }
-    store.openModal(store.user ? "user" : action);
+    store.openModal(store.user ? "user" : action)
   },
   close: () => {
-    store.closeModal();
+    store.closeModal()
   },
   currentUser: () => {
-    return store.gotrue && store.gotrue.currentUser();
+    return store.gotrue && store.gotrue.currentUser()
   },
   logout: () => {
-    return store.logout();
+    return store.logout()
   },
   get gotrue() {
     if (!store.gotrue) {
-      store.openModal("login");
+      store.openModal("login")
     }
-    return store.gotrue;
+    return store.gotrue
   },
-  init: options => {
-    init(options);
+  init: (options) => {
+    init(options)
   },
   store
-};
+}
 
-let queuedIframeStyle = null;
+let queuedIframeStyle = null
 function setStyle(el, css) {
-  let style = "";
+  let style = ""
   for (const key in css) {
-    style += `${key}: ${css[key]}; `;
+    style += `${key}: ${css[key]}; `
   }
   if (el) {
-    el.setAttribute("style", style);
+    el.setAttribute("style", style)
   } else {
-    queuedIframeStyle = style;
+    queuedIframeStyle = style
   }
 }
 
 const localHosts = {
   localhost: true,
   "127.0.0.1": true,
   "0.0.0.0": true
-};
+}
 
 function instantiateGotrue(APIUrl) {
-  const isLocal = localHosts[document.location.host.split(":").shift()];
-  const siteURL = isLocal && localStorage.getItem("netlifySiteURL");
+  const isLocal = localHosts[document.location.host.split(":").shift()]
+  const siteURL = isLocal && localStorage.getItem("netlifySiteURL")
   if (APIUrl) {
-    return new GoTrue({ APIUrl, setCookie: !isLocal });
+    return new GoTrue({ APIUrl, setCookie: !isLocal })
   }
   if (isLocal && siteURL) {
-    const parts = [siteURL];
+    const parts = [siteURL]
     if (!siteURL.match(/\/$/)) {
-      parts.push("/");
+      parts.push("/")
     }
-    parts.push(".netlify/identity");
-    return new GoTrue({ APIUrl: parts.join(""), setCookie: !isLocal });
+    parts.push(".netlify/identity")
+    return new GoTrue({ APIUrl: parts.join(""), setCookie: !isLocal })
   }
   if (isLocal) {
-    return null;
+    return null
   }
 
-  return new GoTrue({ setCookie: !isLocal });
+  return new GoTrue({ setCookie: !isLocal })
 }
 
-let root;
-let iframe;
+let root
+let iframe
 const iframeStyle = {
   position: "fixed",
   top: 0,
@@ -106,128 +106,124 @@ const iframeStyle = {
   background: "transparent",
   display: "none",
   "z-index": 99
-};
+}
 
 observe(store.modal, "isOpen", () => {
   if (!store.settings) {
-    store.loadSettings();
+    store.loadSettings()
   }
   setStyle(iframe, {
     ...iframeStyle,
     display: store.modal.isOpen ? "block !important" : "none"
-  });
+  })
   if (store.modal.isOpen) {
-    trigger("open", store.modal.page);
+    trigger("open", store.modal.page)
   } else {
-    trigger("close");
+    trigger("close")
   }
-});
+})
 
 observe(store, "siteURL", () => {
-  localStorage.setItem("netlifySiteURL", store.siteURL);
-  store.init(instantiateGotrue(), true);
-});
+  localStorage.setItem("netlifySiteURL", store.siteURL)
+  store.init(instantiateGotrue(), true)
+})
 
 observe(store, "user", () => {
   if (store.user) {
-    trigger("login", store.user);
+    trigger("login", store.user)
   } else {
-    trigger("logout");
+    trigger("logout")
   }
-});
+})
 
 observe(store, "gotrue", () => {
-  store.gotrue && trigger("init", store.gotrue.currentUser());
-});
+  store.gotrue && trigger("init", store.gotrue.currentUser())
+})
 
 observe(store, "error", () => {
-  trigger("error", store.error);
-});
+  trigger("error", store.error)
+})
 
-const routes = /(confirmation|invite|recovery|email_change)_token=([^&]+)/;
-const errorRoute = /error=access_denied&error_description=403/;
-const accessTokenRoute = /access_token=/;
+const routes = /(confirmation|invite|recovery|email_change)_token=([^&]+)/
+const errorRoute = /error=access_denied&error_description=403/
+const accessTokenRoute = /access_token=/
 
 function runRoutes() {
-  const hash = (document.location.hash || "").replace(/^#\/?/, "");
+  const hash = (document.location.hash || "").replace(/^#\/?/, "")
   if (!hash) {
-    return;
+    return
   }
 
-  const m = hash.match(routes);
+  const m = hash.match(routes)
   if (m) {
-    store.verifyToken(m[1], m[2]);
-    document.location.hash = "";
+    store.verifyToken(m[1], m[2])
+    document.location.hash = ""
   }
 
-  const em = hash.match(errorRoute);
+  const em = hash.match(errorRoute)
   if (em) {
-    store.openModal("signup");
-    document.location.hash = "";
+    store.openModal("signup")
+    document.location.hash = ""
   }
 
-  const am = hash.match(accessTokenRoute);
+  const am = hash.match(accessTokenRoute)
   if (am) {
-    const params = {};
-    hash.split("&").forEach(pair => {
-      const [key, value] = pair.split("=");
-      params[key] = value;
-    });
-    document.location.hash = "";
-    store.openModal("login");
-    store.completeExternalLogin(params);
+    const params = {}
+    hash.split("&").forEach((pair) => {
+      const [key, value] = pair.split("=")
+      params[key] = value
+    })
+    if (!!document && params["store"]) {
+      document.cookie = `nf_jwt=${params["store"]}`
+    }
+    document.location.hash = ""
+    store.openModal("login")
+    store.completeExternalLogin(params)
   }
 }
 
 function init(options = {}) {
-  const { APIUrl, logo = true } = options;
-  const controlEls = document.querySelectorAll(
-    "[data-netlify-identity-menu],[data-netlify-identity-button]"
-  );
-  Array.prototype.slice.call(controlEls).forEach(el => {
-    let controls = null;
-    const mode =
-      el.getAttribute("data-netlify-identity-menu") === null
-        ? "button"
-        : "menu";
+  const { APIUrl, logo = true } = options
+  const controlEls = document.querySelectorAll("[data-netlify-identity-menu],[data-netlify-identity-button]")
+  Array.prototype.slice.call(controlEls).forEach((el) => {
+    let controls = null
+    const mode = el.getAttribute("data-netlify-identity-menu") === null ? "button" : "menu"
     render(
       <Provider store={store}>
         <Controls mode={mode} text={el.innerText.trim()} />
       </Provider>,
       el,
       controls
-    );
-  });
+    )
+  })
 
-  store.init(instantiateGotrue(APIUrl));
-  store.modal.logo = logo;
-  iframe = document.createElement("iframe");
-  iframe.id = "netlify-identity-widget";
+  store.init(instantiateGotrue(APIUrl))
+  store.modal.logo = logo
+  iframe = document.createElement("iframe")
+  iframe.id = "netlify-identity-widget"
   iframe.onload = () => {
-    const styles = iframe.contentDocument.createElement("style");
-    styles.innerHTML = modalCSS.toString();
-    iframe.contentDocument.head.appendChild(styles);
+    const styles = iframe.contentDocument.createElement("style")
+    styles.innerHTML = modalCSS.toString()
+    iframe.contentDocument.head.appendChild(styles)
     root = render(
       <Provider store={store}>
         <App />
       </Provider>,
       iframe.contentDocument.body,
       root
-    );
-    runRoutes();
-  };
-  setStyle(iframe, iframeStyle);
-  iframe.src = "about:blank";
-  const container = options.container
-    ? document.querySelector(options.container)
-    : document.body;
-  container.appendChild(iframe);
+    )
+    runRoutes()
+  }
+  setStyle(iframe, iframeStyle)
+  iframe.src = "about:blank"
+  const container = options.container ? document.querySelector(options.container) : document.body
+  container.appendChild(iframe)
   /* There's a certain case where we might have called setStyle before the iframe was ready.
 	   Make sure we take the last style and apply it */
   if (queuedIframeStyle) {
-    iframe.setAttribute("style", queuedIframeStyle);
-    queuedIframeStyle = null;
+    iframe.setAttribute("style", queuedIframeStyle)
+    queuedIframeStyle = null
   }
 }
 
-export default netlifyIdentity;
+export default netlifyIdentity