@mayank1513/fork-me
Version:
An intuitive React.js fork me ribbon component for promoting open source project forks.
2 lines (1 loc) • 1.43 kB
JavaScript
;var s=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var v=(o,r)=>{for(var e in r)s(o,e,{get:r[e],enumerable:!0})},w=(o,r,e,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of k(r))!u.call(o,t)&&t!==e&&s(o,t,{get:()=>r[t],enumerable:!(a=m(r,t))||a.enumerable});return o};var N=o=>w(s({},"__esModule",{value:!0}),o);var C={};v(C,{ForkMe:()=>y});module.exports=N(C);var f={fork:"fork-me__fork"};var g=require("react/jsx-runtime");function y({gitHubUrl:o,text:r,width:e,height:a,bgColor:t,shadowColor:x,textColor:d,noAutoFork:h}){let c=(Number.isNaN(Number(e))?e:`${e}px`)||"15em",p=(Number.isNaN(Number(a))?a:`${a}px`)||"35px",i=t||"#aaa",l=d||"#555",b={"--w":c,"--h":p,"--tc":l,"--bc":i,"--sc":i||x,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,width:c,height:p,transform:"rotate(45deg)",top:"calc(0.354 * var(--w) - var(--h))",right:"calc(-0.14 * var(--w) - 0.5 * var(--h))",color:l,backgroundColor:i,textShadow:"0px 1px 0px rgba(255, 255, 255, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.7)",border:"1px dashed gray",outline:`4px solid ${i}`,textDecoration:"none",zIndex:1e3},n=o;return h||(n=n.endsWith("fork")?n:`${n}/fork`),(0,g.jsx)("a",{className:f.fork,href:n,rel:"noopener noreferrer",style:b,target:"_blank",children:r!=null?r:"Fork Me on GitHub"})}0&&(module.exports={ForkMe});