react-linkedinbadge - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

lib/index.js

 import React from 'react';
-
-/**
- * LinkedInBadge component props used by LinkedInBadge component to render the LinkedIn badge
- * @param locale: string - The locale of the badge
- * @param size: "medium" | "large" - The size of the badge, but type also affects the size of the badge
- * @param id: string - The id of the badge, this is only required if you are going to have multiple badges on the same page, hence if thats the case make sure each badge has a unique id or else only one might load
- * @param vanity: string - The part of your LinkedIn profile URL that comes after `linkedin.com/in/`, e.g. for `linkedin.com/in/ziping-liu-1932a029a/` the vanity is `ziping-liu-1932a029a`
- * @param type: "VERTICAL" | "HORIZONTAL" - This actually adjusts the size of the badge, where VERTICAL is smaller than HORIZONTAL, so by setting  size to "medium" and type to "VERTICAL" you get a smaller badge than setting size to "medium" and type to "HORIZONTAL", and so on.
- */
-
 export default function LinkedInBadge(props) {
-  const locale = props.locale || "en_US";
-  const size = props.size || "medium";
-  const theme = props.theme || "light";
-  const type = props.type || "VERTICAL";
-  const vanity = props.vanity || "☯liu";
-  const version = props.version || "v1";
-  const vanityEncoded = encodeURIComponent(vanity);
-  const url = `https://www.linkedin.com/in/${vanityEncoded}?trk=profile-badge`;
-  const [componentDidMount, setComponentDidMount] = React.useState(false);
-  React.useEffect(() => {
-    // append the linkedin badge script to the body if it hasn't been appended yet
-    if (!componentDidMount) {
-      // first check if the script has already been added by id
-      const id = props.id || "linkedin-badge-script";
-      if (!document.getElementById(id)) {
-        const script = document.createElement("script");
-        script.id = id;
-        script.src = "https://platform.linkedin.com/badges/js/profile.js";
-        script.async = true;
-        script.defer = true;
-        document.body.appendChild(script);
-        setComponentDidMount(true);
-      } else {
-        // re-render the script by removing and re-adding it
-        const script = document.getElementById(id);
-        script?.remove();
-        const newScript = document.createElement("script");
-        newScript.id = id;
-        newScript.src = "https://platform.linkedin.com/badges/js/profile.js";
-        newScript.async = true;
-        newScript.defer = true;
-        document.body.appendChild(newScript);
-        setComponentDidMount(true);
-      }
-    }
-  }, [componentDidMount, props.id]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "badge-base LI-profile-badge" + (props.className ? " " + props.className : ""),
-    style: props.style,
-    id: props.id,
-    "data-locale": locale,
-    "data-size": size,
-    "data-theme": theme,
-    "data-type": type,
-    "data-vanity": vanity,
-    "data-version": version
-  }, /*#__PURE__*/React.createElement("a", {
-    className: "badge-base__link LI-simple-link",
-    href: url
-  }, "Ziping Liu"));
+    const locale = props.locale || "en_US";
+    const size = props.size || "medium";
+    const theme = props.theme || "light";
+    const type = props.type || "VERTICAL";
+    const vanity = props.vanity || "☯liu";
+    const version = props.version || "v1";
+    const vanityEncoded = encodeURIComponent(vanity);
+    const name = props.name || "";
+    const url = `https://www.linkedin.com/in/${vanityEncoded}?trk=profile-badge`;
+    const [componentDidMount, setComponentDidMount] = React.useState(false);
+    React.useEffect(() => {
+        // append the linkedin badge script to the body if it hasn't been appended yet
+        if (!componentDidMount) {
+            // first check if the script has already been added by id
+            const id = props.id || "linkedin-badge-script";
+            if (!document.getElementById(id)) {
+                const script = document.createElement("script");
+                script.id = id;
+                script.src = "https://platform.linkedin.com/badges/js/profile.js";
+                script.async = true;
+                script.defer = true;
+                document.body.appendChild(script);
+                setComponentDidMount(true);
+            }
+            else {
+                // re-render the script by removing and re-adding it
+                const script = document.getElementById(id);
+                script?.remove();
+                const newScript = document.createElement("script");
+                newScript.id = id;
+                newScript.src = "https://platform.linkedin.com/badges/js/profile.js";
+                newScript.async = true;
+                newScript.defer = true;
+                document.body.appendChild(newScript);
+                setComponentDidMount(true);
+            }
+        }
+    }, [componentDidMount, props.id]);
+    return (React.createElement("div", { className: "badge-base LI-profile-badge" + (props.className ? ` ${props.className}` : ""), style: props.style, id: props.id, "data-locale": locale, "data-size": size, "data-theme": theme, "data-type": type, "data-vanity": vanity, "data-version": version },
+        React.createElement("a", { className: "badge-base__link LI-simple-link", href: url }, name)));
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkxpbmtlZEluQmFkZ2UiLCJwcm9wcyIsImxvY2FsZSIsInNpemUiLCJ0aGVtZSIsInR5cGUiLCJ2YW5pdHkiLCJ2ZXJzaW9uIiwidmFuaXR5RW5jb2RlZCIsImVuY29kZVVSSUNvbXBvbmVudCIsInVybCIsImNvbXBvbmVudERpZE1vdW50Iiwic2V0Q29tcG9uZW50RGlkTW91bnQiLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsImlkIiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCIsInNjcmlwdCIsImNyZWF0ZUVsZW1lbnQiLCJzcmMiLCJhc3luYyIsImRlZmVyIiwiYm9keSIsImFwcGVuZENoaWxkIiwicmVtb3ZlIiwibmV3U2NyaXB0IiwiY2xhc3NOYW1lIiwic3R5bGUiLCJocmVmIl0sInNvdXJjZXMiOlsiLi4vc3JjL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbiBcbi8qKlxuICogTGlua2VkSW5CYWRnZSBjb21wb25lbnQgcHJvcHMgdXNlZCBieSBMaW5rZWRJbkJhZGdlIGNvbXBvbmVudCB0byByZW5kZXIgdGhlIExpbmtlZEluIGJhZGdlXG4gKiBAcGFyYW0gbG9jYWxlOiBzdHJpbmcgLSBUaGUgbG9jYWxlIG9mIHRoZSBiYWRnZVxuICogQHBhcmFtIHNpemU6IFwibWVkaXVtXCIgfCBcImxhcmdlXCIgLSBUaGUgc2l6ZSBvZiB0aGUgYmFkZ2UsIGJ1dCB0eXBlIGFsc28gYWZmZWN0cyB0aGUgc2l6ZSBvZiB0aGUgYmFkZ2VcbiAqIEBwYXJhbSBpZDogc3RyaW5nIC0gVGhlIGlkIG9mIHRoZSBiYWRnZSwgdGhpcyBpcyBvbmx5IHJlcXVpcmVkIGlmIHlvdSBhcmUgZ29pbmcgdG8gaGF2ZSBtdWx0aXBsZSBiYWRnZXMgb24gdGhlIHNhbWUgcGFnZSwgaGVuY2UgaWYgdGhhdHMgdGhlIGNhc2UgbWFrZSBzdXJlIGVhY2ggYmFkZ2UgaGFzIGEgdW5pcXVlIGlkIG9yIGVsc2Ugb25seSBvbmUgbWlnaHQgbG9hZFxuICogQHBhcmFtIHZhbml0eTogc3RyaW5nIC0gVGhlIHBhcnQgb2YgeW91ciBMaW5rZWRJbiBwcm9maWxlIFVSTCB0aGF0IGNvbWVzIGFmdGVyIGBsaW5rZWRpbi5jb20vaW4vYCwgZS5nLiBmb3IgYGxpbmtlZGluLmNvbS9pbi96aXBpbmctbGl1LTE5MzJhMDI5YS9gIHRoZSB2YW5pdHkgaXMgYHppcGluZy1saXUtMTkzMmEwMjlhYFxuICogQHBhcmFtIHR5cGU6IFwiVkVSVElDQUxcIiB8IFwiSE9SSVpPTlRBTFwiIC0gVGhpcyBhY3R1YWxseSBhZGp1c3RzIHRoZSBzaXplIG9mIHRoZSBiYWRnZSwgd2hlcmUgVkVSVElDQUwgaXMgc21hbGxlciB0aGFuIEhPUklaT05UQUwsIHNvIGJ5IHNldHRpbmcgIHNpemUgdG8gXCJtZWRpdW1cIiBhbmQgdHlwZSB0byBcIlZFUlRJQ0FMXCIgeW91IGdldCBhIHNtYWxsZXIgYmFkZ2UgdGhhbiBzZXR0aW5nIHNpemUgdG8gXCJtZWRpdW1cIiBhbmQgdHlwZSB0byBcIkhPUklaT05UQUxcIiwgYW5kIHNvIG9uLlxuICovXG5leHBvcnQgdHlwZSBMaW5rZWRJbkJhZGdlUHJvcHMgPSB7XG5cbiAgbG9jYWxlOiBzdHJpbmcsXG4gIHNpemU6ICBcIm1lZGl1bVwiIHwgXCJsYXJnZVwiLFxuICB0aGVtZTogXCJsaWdodFwiIHwgXCJkYXJrXCIsXG4gIHR5cGU6IFwiVkVSVElDQUxcIiB8IFwiSE9SSVpPTlRBTFwiLFxuICB2YW5pdHk6IHN0cmluZyxcbiAgdmVyc2lvbjogXCJ2MVwiIHwgXCJ2MlwiXG4gIGNsYXNzTmFtZTogc3RyaW5nLFxuICBzdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyxcbiAgaWQ6IHN0cmluZyxcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTGlua2VkSW5CYWRnZShwcm9wczogUGFydGlhbDxMaW5rZWRJbkJhZGdlUHJvcHM+KSB7XG4gIGNvbnN0IGxvY2FsZSA9IHByb3BzLmxvY2FsZSB8fCBcImVuX1VTXCI7XG4gIGNvbnN0IHNpemUgPSBwcm9wcy5zaXplIHx8IFwibWVkaXVtXCI7XG4gIGNvbnN0IHRoZW1lID0gcHJvcHMudGhlbWUgfHwgXCJsaWdodFwiO1xuICBjb25zdCB0eXBlID0gcHJvcHMudHlwZSB8fCBcIlZFUlRJQ0FMXCI7XG4gIGNvbnN0IHZhbml0eSA9IHByb3BzLnZhbml0eSB8fCBcIuKYr2xpdVwiO1xuICBjb25zdCB2ZXJzaW9uID0gcHJvcHMudmVyc2lvbiB8fCBcInYxXCI7XG4gIGNvbnN0IHZhbml0eUVuY29kZWQgPSBlbmNvZGVVUklDb21wb25lbnQodmFuaXR5KTtcblxuICBjb25zdCB1cmwgPSBgaHR0cHM6Ly93d3cubGlua2VkaW4uY29tL2luLyR7dmFuaXR5RW5jb2RlZH0/dHJrPXByb2ZpbGUtYmFkZ2VgO1xuXG4gIGNvbnN0IFtjb21wb25lbnREaWRNb3VudCwgc2V0Q29tcG9uZW50RGlkTW91bnRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIGFwcGVuZCB0aGUgbGlua2VkaW4gYmFkZ2Ugc2NyaXB0IHRvIHRoZSBib2R5IGlmIGl0IGhhc24ndCBiZWVuIGFwcGVuZGVkIHlldFxuICAgIGlmICghY29tcG9uZW50RGlkTW91bnQpIHtcbiAgICAgIC8vIGZpcnN0IGNoZWNrIGlmIHRoZSBzY3JpcHQgaGFzIGFscmVhZHkgYmVlbiBhZGRlZCBieSBpZFxuICAgICAgY29uc3QgaWQgPSBwcm9wcy5pZCB8fCBcImxpbmtlZGluLWJhZGdlLXNjcmlwdFwiO1xuICAgICAgaWYgKCFkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpZCkpIHtcbiAgICAgICAgY29uc3Qgc2NyaXB0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcInNjcmlwdFwiKTtcbiAgICAgICAgc2NyaXB0LmlkID0gaWQ7XG4gICAgICAgIHNjcmlwdC5zcmMgPSBcImh0dHBzOi8vcGxhdGZvcm0ubGlua2VkaW4uY29tL2JhZGdlcy9qcy9wcm9maWxlLmpzXCI7XG4gICAgICAgIHNjcmlwdC5hc3luYyA9IHRydWU7XG4gICAgICAgIHNjcmlwdC5kZWZlciA9IHRydWU7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoc2NyaXB0KTtcbiAgICAgICAgc2V0Q29tcG9uZW50RGlkTW91bnQodHJ1ZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAgLy8gcmUtcmVuZGVyIHRoZSBzY3JpcHQgYnkgcmVtb3ZpbmcgYW5kIHJlLWFkZGluZyBpdFxuICAgICAgICAgY29uc3Qgc2NyaXB0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaWQpO1xuICAgICAgICAgc2NyaXB0Py5yZW1vdmUoKTtcbiAgICAgICAgIGNvbnN0IG5ld1NjcmlwdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJzY3JpcHRcIik7XG4gICAgICAgICBuZXdTY3JpcHQuaWQgPSBpZDtcbiAgICAgICAgIG5ld1NjcmlwdC5zcmMgPSBcImh0dHBzOi8vcGxhdGZvcm0ubGlua2VkaW4uY29tL2JhZGdlcy9qcy9wcm9maWxlLmpzXCI7XG4gICAgICAgICBuZXdTY3JpcHQuYXN5bmMgPSB0cnVlO1xuICAgICAgICAgbmV3U2NyaXB0LmRlZmVyID0gdHJ1ZTtcbiAgICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQobmV3U2NyaXB0KTtcbiAgICAgICAgIHNldENvbXBvbmVudERpZE1vdW50KHRydWUpO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2NvbXBvbmVudERpZE1vdW50LCBwcm9wcy5pZF0pO1xuXG4gIHJldHVybig8ZGl2XG4gICAgY2xhc3NOYW1lPXtcImJhZGdlLWJhc2UgTEktcHJvZmlsZS1iYWRnZVwiICsgKHByb3BzLmNsYXNzTmFtZSA/IFwiIFwiICsgcHJvcHMuY2xhc3NOYW1lIDogXCJcIil9XG4gICAgc3R5bGU9e3Byb3BzLnN0eWxlfVxuICAgIGlkPXtwcm9wcy5pZH1cbiAgICBkYXRhLWxvY2FsZT17bG9jYWxlfVxuICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICBkYXRhLXRoZW1lPXt0aGVtZX1cbiAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgZGF0YS12YW5pdHk9e3Zhbml0eX1cbiAgICBkYXRhLXZlcnNpb249e3ZlcnNpb259XG4gID5cbiAgICA8YVxuICAgICAgY2xhc3NOYW1lPVwiYmFkZ2UtYmFzZV9fbGluayBMSS1zaW1wbGUtbGlua1wiXG4gICAgICBocmVmPXt1cmx9XG4gICAgPlxuICAgICAgWmlwaW5nIExpdVxuICAgIDwvYT5cbiAgPC9kaXY+XG4gIClcbn1cbiJdLCJtYXBwaW5ncyI6IkFBRUEsT0FBT0EsS0FBSyxNQUFNLE9BQU87O0FBRXpCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBY0EsZUFBZSxTQUFTQyxhQUFhQSxDQUFDQyxLQUFrQyxFQUFFO0VBQ3hFLE1BQU1DLE1BQU0sR0FBR0QsS0FBSyxDQUFDQyxNQUFNLElBQUksT0FBTztFQUN0QyxNQUFNQyxJQUFJLEdBQUdGLEtBQUssQ0FBQ0UsSUFBSSxJQUFJLFFBQVE7RUFDbkMsTUFBTUMsS0FBSyxHQUFHSCxLQUFLLENBQUNHLEtBQUssSUFBSSxPQUFPO0VBQ3BDLE1BQU1DLElBQUksR0FBR0osS0FBSyxDQUFDSSxJQUFJLElBQUksVUFBVTtFQUNyQyxNQUFNQyxNQUFNLEdBQUdMLEtBQUssQ0FBQ0ssTUFBTSxJQUFJLE1BQU07RUFDckMsTUFBTUMsT0FBTyxHQUFHTixLQUFLLENBQUNNLE9BQU8sSUFBSSxJQUFJO0VBQ3JDLE1BQU1DLGFBQWEsR0FBR0Msa0JBQWtCLENBQUNILE1BQU0sQ0FBQztFQUVoRCxNQUFNSSxHQUFHLEdBQUksK0JBQThCRixhQUFjLG9CQUFtQjtFQUU1RSxNQUFNLENBQUNHLGlCQUFpQixFQUFFQyxvQkFBb0IsQ0FBQyxHQUFHYixLQUFLLENBQUNjLFFBQVEsQ0FBQyxLQUFLLENBQUM7RUFDdkVkLEtBQUssQ0FBQ2UsU0FBUyxDQUFDLE1BQU07SUFDcEI7SUFDQSxJQUFJLENBQUNILGlCQUFpQixFQUFFO01BQ3RCO01BQ0EsTUFBTUksRUFBRSxHQUFHZCxLQUFLLENBQUNjLEVBQUUsSUFBSSx1QkFBdUI7TUFDOUMsSUFBSSxDQUFDQyxRQUFRLENBQUNDLGNBQWMsQ0FBQ0YsRUFBRSxDQUFDLEVBQUU7UUFDaEMsTUFBTUcsTUFBTSxHQUFHRixRQUFRLENBQUNHLGFBQWEsQ0FBQyxRQUFRLENBQUM7UUFDL0NELE1BQU0sQ0FBQ0gsRUFBRSxHQUFHQSxFQUFFO1FBQ2RHLE1BQU0sQ0FBQ0UsR0FBRyxHQUFHLG9EQUFvRDtRQUNqRUYsTUFBTSxDQUFDRyxLQUFLLEdBQUcsSUFBSTtRQUNuQkgsTUFBTSxDQUFDSSxLQUFLLEdBQUcsSUFBSTtRQUNuQk4sUUFBUSxDQUFDTyxJQUFJLENBQUNDLFdBQVcsQ0FBQ04sTUFBTSxDQUFDO1FBQ2pDTixvQkFBb0IsQ0FBQyxJQUFJLENBQUM7TUFDNUIsQ0FBQyxNQUFNO1FBQ0o7UUFDQSxNQUFNTSxNQUFNLEdBQUdGLFFBQVEsQ0FBQ0MsY0FBYyxDQUFDRixFQUFFLENBQUM7UUFDMUNHLE1BQU0sRUFBRU8sTUFBTSxDQUFDLENBQUM7UUFDaEIsTUFBTUMsU0FBUyxHQUFHVixRQUFRLENBQUNHLGFBQWEsQ0FBQyxRQUFRLENBQUM7UUFDbERPLFNBQVMsQ0FBQ1gsRUFBRSxHQUFHQSxFQUFFO1FBQ2pCVyxTQUFTLENBQUNOLEdBQUcsR0FBRyxvREFBb0Q7UUFDcEVNLFNBQVMsQ0FBQ0wsS0FBSyxHQUFHLElBQUk7UUFDdEJLLFNBQVMsQ0FBQ0osS0FBSyxHQUFHLElBQUk7UUFDdEJOLFFBQVEsQ0FBQ08sSUFBSSxDQUFDQyxXQUFXLENBQUNFLFNBQVMsQ0FBQztRQUNwQ2Qsb0JBQW9CLENBQUMsSUFBSSxDQUFDO01BQzdCO0lBQ0Y7RUFDRixDQUFDLEVBQUUsQ0FBQ0QsaUJBQWlCLEVBQUVWLEtBQUssQ0FBQ2MsRUFBRSxDQUFDLENBQUM7RUFFakMsb0JBQU9oQixLQUFBLENBQUFvQixhQUFBO0lBQ0xRLFNBQVMsRUFBRSw2QkFBNkIsSUFBSTFCLEtBQUssQ0FBQzBCLFNBQVMsR0FBRyxHQUFHLEdBQUcxQixLQUFLLENBQUMwQixTQUFTLEdBQUcsRUFBRSxDQUFFO0lBQzFGQyxLQUFLLEVBQUUzQixLQUFLLENBQUMyQixLQUFNO0lBQ25CYixFQUFFLEVBQUVkLEtBQUssQ0FBQ2MsRUFBRztJQUNiLGVBQWFiLE1BQU87SUFDcEIsYUFBV0MsSUFBSztJQUNoQixjQUFZQyxLQUFNO0lBQ2xCLGFBQVdDLElBQUs7SUFDaEIsZUFBYUMsTUFBTztJQUNwQixnQkFBY0M7RUFBUSxnQkFFdEJSLEtBQUEsQ0FBQW9CLGFBQUE7SUFDRVEsU0FBUyxFQUFDLGlDQUFpQztJQUMzQ0UsSUFBSSxFQUFFbkI7RUFBSSxHQUNYLFlBRUUsQ0FDQSxDQUFDO0FBRVIiLCJpZ25vcmVMaXN0IjpbXX0=

package.json

 {
   "name": "react-linkedinbadge",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "Embedded LinkedIn Badges via React fast Reactions as if all your linkedin accounts are being restricted in React-not time",
-  "main": "lib/index.js",
-  "types": "types/index.d.ts",
+
   "repository": {
@@ -22,7 +21,8 @@ "type": "git",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npm run build:types && npm run build:js",
-    "build:types": "tsc ",
-    "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
+
+    "build": "npm run build:roll && npm run build:roll:cdn",
+     "build:roll:cdn": "rollup --bundleConfigAsCjs -c rollup.config.js",
+    "build:roll": "tsc -p tsconfig.json && rollup -c rollup.config.all.js --bundleConfigAsCjs",
     "prepublishOnly": "npm run build",
-    "clean": "rm dist"
+    "clean": "rimraf -rf lib && rm -rf types"
   },
@@ -49,5 +49,15 @@ "keywords": [
     "@babel/preset-typescript": "^7.18.6",
+    "@haensl/rollup-plugin-local-resolve": "^1.1.12",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-terser": "^0.4.4",
     "@types/react": "^18.2.79",
     "babel-loader": "^8.2.5",
     "react": "^18.2.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-filesize": "^10.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.36.0",
     "typescript": "^4.8.3"
@@ -59,8 +69,17 @@ },
   "homepage": "https://github.com/ZIPING-LIU-CORPORATION/react-linkedin#readme",
-  "directories": {
-    "lib": "lib",
-    "types": "types",
-    "src": "src",
-    "node_modules": "node_modules"
-  }
+  "jsdelivr": "./lib/linkedinbadge.js",
+  "exports": {
+    ".": {
+      "types": "./lib/bundle.esm.d.ts",
+      "import": "./lib/linkedinbadge.esm.js",
+      "require": "./lib/linkedinbadge.cjs.js",
+      "node": "./lib/linkedinbadge.cjs.js",
+      "default": "./lib/linkedinbadge.esm.js",
+      "umd": "./lib/linkedinbadge.bundle.js"
+    }
+  },
+  "types": "./lib/bundle.esm.d.ts",
+  "umd:main": "./lib/linkedinbadge.bundle.js",
+  "main": "./lib/linkedinbadge.cjs.js",
+  "module": "./lib/linkedinbadge.esm.js"
 }

README.md

@@ -34,1 +34,16 @@ ## What is This?
 ```
+
+### CDN
+You can also load this component via CDN by adding the following script tag to your HTML file:
+```html
+<script src="https://cdn.jsdelivr.net/npm/react-linkedinbadge@3.0.0/lib/linkedinbadge.min.js"></script>
+```
+
+You then can use it from the global scope, via the variable `LinkedInBadge` from your `window` object. Be sure to also load React and ReactDOM before using this component in your html file and thus before loading the `linkedinbadge.min.js` script. 
+
+
+### Links
+- [NPM Package](https://www.npmjs.com/package/react-linkedinbadge)
+- [Yarn Package](https://yarnpkg.com/package/react-linkedinbadge)
+- [GitHub Repository](https://github.com/ziping-liu-corporation/react-linkedin)
+- [LinkedIn Badge Creation](https://www.linkedin.com/badges/profile/create?vanityname=%E2%98%AFliu&preferredlocale=en_US&trk=public_profile_badge&source=ziping.org)

tsconfig.json

 {
   "compilerOptions": {
     "target": "ESNext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext",
-      "ES2016",
-      "DOM.Iterable"
-    ],
-    "baseUrl": ".",
+    "lib": ["DOM", "DOM.Iterable" ,"ES6", "ES2022"],    
+    "baseUrl": "./",
     "allowJs": true,
@@ -17,17 +11,23 @@ "skipLibCheck": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "CommonJS",
+    
+    "module": "ESNext",
     "declaration": true,
+    
 		"declarationMap": true,
-		
-    "moduleResolution": "NodeNext",
     "resolveJsonModule": true,
-		"emitDeclarationOnly": true,
+    "emitDeclarationOnly": false,
+    "outDir": "lib",
 		"declarationDir": "types",
-    "jsx": "react-jsx"
+    "jsx": "react",
+    "moduleResolution": "Node",   
   },
   "include": [
-    "src/**/*"
+    "./src",
   ],
+  "exclude": [
+    "node_modules",
+    "build",
+    "dist",
+    "types"
+  ]
 }

types/index.d.ts

@@ -20,4 +20,5 @@ import React from 'react';
     id: string;
+    name: string;
 };
-export default function LinkedInBadge(props: Partial<LinkedInBadgeProps>): import("react/jsx-runtime").JSX.Element;
+export default function LinkedInBadge(props: Partial<LinkedInBadgeProps>): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19527

increased by20.11%

Number of package files

16

increased by166.67%

Lines of code

187

increased by65.49%

Number of lines in readme file

48

increased by41.18%

Worsened metrics

Dev dependency count

20

increased by100%

Number of low quality alerts

4

increased by300%

No dependency changes