Contentstack log in via SSO

README.md

Compatible in Chrome and Firefox.

Chrome optimisation

This script matches against every Contentstack page because Firefox cannot match @match against the path of a URL.

For Chrome, you can replace the existing @match with:

// @match        https://app.contentstack.com/#!/login*

This will match the script against the login page only.

contentstack-sso.user.js

// ==UserScript==
// @name         Contentstack log in via SSO
// @description  Automatically logs in to Contentstack via SSO
// @author       tobias-edwards
// @match        https://app.contentstack.com/
// @require      https://cdn.jsdelivr.net/npm/@violentmonkey/dom@2
// @grant        none
// @run-at       document-end
// @version      0.1
// ==/UserScript==

const SSO_NAME = "SSO NAME GOES HERE";

const setReactInput = (input, value) => {
  // React overrides native <input> value setter, so call directly
  const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
    window.HTMLInputElement.prototype,
    "value"
  ).set;
  nativeInputValueSetter.call(input, value);

  const inputEvent = new Event("input", { bubbles: true });
  input.dispatchEvent(inputEvent);
};

const sso = {
  load: function () {
    window.location.href = "https://app.contentstack.com/#!/login/sso";
    return this;
  },
  logIn: function (name) {
    VM.observe(document.body, () => {
      const ssoInput = document.querySelector("#sso");
      if (ssoInput) {
        const ssoSubmit = ssoInput.form.querySelector("button[type='submit']");
        setReactInput(ssoInput, name);
        ssoSubmit.click();
      }
    });
    return this;
  },
};

const { hash, search } = window.location;
if (hash.startsWith("#!/login") && search === "") {
  sso.load().logIn(SSO_NAME);
}