getNotionPublicURL

getnotionpublicurl.markdown

getNotionPublicURL

A Pen by MuxinLee on CodePen.

License.

index.html

<input id="input"></input>
<button type="checkbox" id="myCheck" onClick="myFunction()">
</button>
<p id="p"></p>
<script>
  function myFunction() {
   let url = parseImageUrl(document.getElementById("input").value); console.log(url);
    document.getElementById("p").innerHTML = url;
  }
</script>

script.js

const NOTION_BASE_URL = "https://www.notion.so";

const parseImageUrl = (url, width) => {
  let rUrl;
  if (url.startsWith("https://s3")) {
    let [parsedOriginUrl] = url.split("?");
    rUrl = `${NOTION_BASE_URL}/image/${encodeURIComponent(
      parsedOriginUrl
    ).replace("s3.us-west", "s3-us-west")}`;
  } else if (url.startsWith("/image")) {
    rUrl = `${NOTION_BASE_URL}${url}`;
  } else {
    rUrl = url;
  }

  if (width) {
    return `${rUrl}?width=${width}`;
  } else {
    return rUrl;
  }
};