├── .gitignore ├── Dockerfile ├── LICENSE ├── Layerfile ├── README.md ├── babel.config.json ├── package-lock.json ├── package.json ├── public ├── app.js ├── app.js.LICENSE.txt ├── jellybear-lg.png ├── jellybear.png ├── try-me.svg ├── vendor.js └── vendor.js.LICENSE.txt ├── src ├── components │ ├── index.js │ ├── pimp-my-readme │ │ ├── common │ │ │ ├── CommonTextField.js │ │ │ ├── EditCoolComponent.js │ │ │ └── MarkdownCopy.js │ │ ├── home.js │ │ ├── index.js │ │ └── svgs │ │ │ ├── SlidingText.js │ │ │ ├── SocialMedia.js │ │ │ ├── Technology.js │ │ │ ├── VisitorCounter.js │ │ │ └── WavyBanner.js │ └── track-stuff.js ├── index.js ├── routes │ ├── ssr.js │ └── svg.js ├── server.js ├── styles │ ├── _variables.scss │ ├── common.scss │ └── github-readme-builder.scss └── util │ ├── svg-helper.js │ ├── svg.js │ └── util.js └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | public/ -------------------------------------------------------------------------------- /Dockerfile: -------------------------------------------------------------------------------- 1 | FROM node:14.17.6 2 | WORKDIR /app 3 | COPY package.json /app 4 | RUN npm install 5 | ENV PORT 3000 6 | COPY . /app 7 | CMD ["npm", "start"] 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /Layerfile: -------------------------------------------------------------------------------- 1 | #This is an example webapp.io configuration for NodeJS 2 | FROM vm/ubuntu:18.04 3 | # To note: Layerfiles create VMs, *not* containers! 4 | 5 | # Install node 6 | RUN curl -fSsL https://deb.nodesource.com/setup_12.x | bash && \ 7 | apt-get install nodejs python3 make gcc build-essential && \ 8 | rm -f /etc/apt/sources.list.d/nodesource.list 9 | 10 | MEMORY 2G 11 | ENV NODE_OPTIONS=--max-old-space-size=8192 12 | 13 | COPY . . 14 | 15 | RUN npm install 16 | RUN BACKGROUND npm run start 17 | EXPOSE WEBSITE http://localhost:3001 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![WELCOME TO PIMP MY README, Want something cool like this? then pimp it out.](https://pimp-my-readme.webapp.io/pimp-my-readme/wavy-banner?subtitle=Want%20something%20cool%20like%20this%3F%20&title=WELCOME%20TO:%20PIMP%20MY%20README)](https://pimp-my-readme.webapp.io) 2 | 3 | # Pimp my README 4 | This repository is the open-source project for Pimp my README. 5 | 6 | ## How this came to be 7 | So basically, GitHub added a feature where you can add a "Profile Page" by uploading a README to a repo that has the same name as your account. 8 | 9 | If you want to jazz up your profile a bit, you shouldn't spend hours doing so, so I made this quick project (during my company hackathon) that helps add some flavour to your README profiles. 10 | 11 | So I present to you, Pimp my README. 12 | 13 | This was inspired by a Myspace editor called [pimp-my-profile.com](https://www.pimp-my-profile.com/) 14 | 15 | ## Overview 16 | Pimp my README is an open source profile builder that you can use to add some cool components to your README profile - Made with <3 by webapp.io :) 17 | 18 | ## Contributing 19 | The stack is React + Express (we do server-side rendering). When a cool component is loaded a GET request is sent to our Express server where an SVG is populated with the query parameters and returned. 20 | 21 | If you want to add a cool component: 22 | - Make your SVG 23 | - Create a function to return your SVG with the parameters you need in `src/util/svg.js` 24 | - Create a GET request to parse query params that calls the function you created in the step above 25 | - Add a component that allows people to edit the parameters for the svg in `src/components/pimp-my-readme/svgs` 26 | - Add your component that was created in the step above to the `EditCoolComponent.js` file 27 | 28 | ### Bug Report 29 | Please open an issue if you find a bug with a screenshot of the behaviour. 30 | 31 | ### Feature Suggestions 32 | Add your suggested feature to the feature-suggestions.txt file. 33 | 34 | 35 | ### Environment Setup 36 | - Clone the repo 37 | - Run `npm install` in the root directory 38 | - Run `npm run dev` to start the project locally 39 | 40 | ## License 41 | See LICENSE 42 | 43 | Some Cool Component Examples: 44 | [![Pimp my README, An open source project :)](https://pimp-my-readme.webapp.io/pimp-my-readme/wavy-banner?subtitle=An%20open%20source%20project%20%3A%29&title=Pimp%20my%20README)](https://pimp-my-readme.webapp.io) 45 | 46 | [![Pimp my README](https://pimp-my-readme.webapp.io/pimp-my-readme/sliding-text?emojis=1f91f-1f3fe_1f60e_1f608_1f995&text=Pimp%2520your%2520README)](https://pimp-my-readme.webapp.io) 47 | 48 | [![Visitor Counter for pimp-my-readme](https://pimp-my-readme.webapp.io/pimp-my-readme/visitor-counter?page=pimp-my-readme)](https://pimp-my-readme.webapp.io) 49 | 50 | [![JavaScript_HTML_CSS_NodeJS_Express_](https://pimp-my-readme.webapp.io/pimp-my-readme/technology?technology=JavaScript_HTML_CSS_NodeJS_Express_)](https://pimp-my-readme.webapp.io) 51 | 52 | -------------------------------------------------------------------------------- /babel.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["@babel/preset-react", ["@babel/preset-env", { "targets": { "node": "current" } }]], 3 | "plugins": ["@babel/plugin-proposal-class-properties"] 4 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "github-readme-builder", 3 | "version": "1.0.0", 4 | "description": "Make your GitHub README profile look cool", 5 | "main": "server.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "webpack": "webpack --watch --config webpack.config.js", 9 | "webpack-build": "webpack --config webpack.config.js", 10 | "client": "nodemon src/index.js --exec babel-node", 11 | "dev": "concurrently \"npm run webpack\" \"npm run client\"", 12 | "start": "npm run webpack-build && npm run client" 13 | }, 14 | "author": "webapp.io", 15 | "license": "ISC", 16 | "dependencies": { 17 | "@material-ui/core": "^4.12.3", 18 | "axios": "^0.23.0", 19 | "concurrently": "^6.3.0", 20 | "emoji-picker-react": "^3.4.8", 21 | "express": "^4.17.1", 22 | "handlebars": "^4.7.7", 23 | "nodemon": "^2.0.14", 24 | "query-string": "^7.0.1", 25 | "react": "^17.0.2", 26 | "react-dom": "^17.0.2", 27 | "react-feather": "^2.0.9", 28 | "react-no-ssr": "^1.1.0", 29 | "react-toastify": "^8.0.3", 30 | "uuid": "^8.3.2" 31 | }, 32 | "devDependencies": { 33 | "@babel/cli": "^7.15.7", 34 | "@babel/core": "^7.15.8", 35 | "@babel/node": "^7.15.8", 36 | "@babel/polyfill": "^7.12.1", 37 | "@babel/preset-env": "^7.15.8", 38 | "@babel/preset-react": "^7.14.5", 39 | "babel-loader": "^8.2.2", 40 | "css-loader": "^6.4.0", 41 | "ignore-styles": "^5.0.1", 42 | "node-sass": "^6.0.1", 43 | "nodemon-webpack-plugin": "^4.5.2", 44 | "sass-loader": "^12.2.0", 45 | "style-loader": "^3.3.0", 46 | "svg-url-loader": "^7.1.1", 47 | "webpack": "^5.59.1", 48 | "webpack-cli": "^4.9.1", 49 | "webpack-node-externals": "^3.0.0" 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /public/app.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** 8 | * A better abstraction over CSS. 9 | * 10 | * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present 11 | * @website https://github.com/cssinjs/jss 12 | * @license MIT 13 | */ 14 | 15 | /** @license React v0.20.2 16 | * scheduler.production.min.js 17 | * 18 | * Copyright (c) Facebook, Inc. and its affiliates. 19 | * 20 | * This source code is licensed under the MIT license found in the 21 | * LICENSE file in the root directory of this source tree. 22 | */ 23 | 24 | /** @license React v16.13.1 25 | * react-is.production.min.js 26 | * 27 | * Copyright (c) Facebook, Inc. and its affiliates. 28 | * 29 | * This source code is licensed under the MIT license found in the 30 | * LICENSE file in the root directory of this source tree. 31 | */ 32 | 33 | /** @license React v17.0.2 34 | * react-dom.production.min.js 35 | * 36 | * Copyright (c) Facebook, Inc. and its affiliates. 37 | * 38 | * This source code is licensed under the MIT license found in the 39 | * LICENSE file in the root directory of this source tree. 40 | */ 41 | 42 | /** @license React v17.0.2 43 | * react.production.min.js 44 | * 45 | * Copyright (c) Facebook, Inc. and its affiliates. 46 | * 47 | * This source code is licensed under the MIT license found in the 48 | * LICENSE file in the root directory of this source tree. 49 | */ 50 | -------------------------------------------------------------------------------- /public/jellybear-lg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshdsouza8/pimp-my-readme/22168add58e6e4591ed56f46f173d9d7b7f56802/public/jellybear-lg.png -------------------------------------------------------------------------------- /public/jellybear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joshdsouza8/pimp-my-readme/22168add58e6e4591ed56f46f173d9d7b7f56802/public/jellybear.png -------------------------------------------------------------------------------- /public/try-me.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /public/vendor.js: -------------------------------------------------------------------------------- 1 | /*! For license information please see vendor.js.LICENSE.txt */ 2 | (()=>{var t={2768:(t,r,n)=>{"use strict";n(9384);var e,i=(e=n(5642))&&e.__esModule?e:{default:e};i.default._babelPolyfill&&"undefined"!=typeof console&&console.warn&&console.warn("@babel/polyfill is loaded more than once on this page. This is probably not desirable/intended and may have consequences if different versions of the polyfills are applied sequentially. If you do need to load the polyfill more than once, use @babel/polyfill/noConflict instead to bypass the warning."),i.default._babelPolyfill=!0},9384:(t,r,n)=>{"use strict";n(5255),n(376),n(9098),n(6285),n(2034),n(7503),n(812),n(8748),n(6764),n(238),n(3858),n(7439),n(6114),n(7588)},5255:(t,r,n)=>{n(5960),n(7165),n(6355),n(4825),n(7979),n(3953),n(7622),n(5822),n(9047),n(2291),n(8407),n(7863),n(7879),n(354),n(1768),n(4036),n(6742),n(6216),n(2552),n(6765),n(4523),n(4163),n(4641),n(183),n(9354),n(3642),n(5343),n(1154),n(5441),n(9960),n(796),n(5028),n(6265),n(7011),n(4335),n(6362),n(4220),n(2132),n(1502),n(4018),n(7278),n(7704),n(6055),n(7966),n(7382),n(7100),n(2391),n(4732),n(4849),n(3112),n(1124),n(8165),n(9424),n(3491),n(3168),n(4405),n(3838),n(5786),n(4698),n(8746),n(9765),n(9737),n(4221),n(3641),n(1522),n(1869),n(9196),n(800),n(4226),n(3173),n(8665),n(2420),n(2614),n(6977),n(7516),n(2411),n(6908),n(2803),n(8473),n(7842),n(1624),n(9597),n(2109),n(6876),n(1148),n(1039),n(1982),n(9901),n(1846),n(2642),n(4236),n(2633),n(896),n(4128),n(6192),n(7699),n(8758),n(2650),n(8402),n(4287),n(8957),n(5761),n(7726),n(8992),n(1165),n(2928),n(1272),n(2094),n(837),n(468),n(8255),n(7729),n(5612),n(4015),n(9294),n(2493),n(8276),n(3179),n(303),n(4127),n(4302),n(7200),n(7708),n(5780),n(5886),n(7079),n(1712),n(8753),n(8629),n(3873),n(2211),n(4848),n(7080),n(4559),n(8524),n(9019),n(599),n(8874),t.exports=n(7984)},9098:(t,r,n)=>{n(518),t.exports=n(7984).Array.flatMap},376:(t,r,n)=>{n(7215),t.exports=n(7984).Array.includes},3858:(t,r,n)=>{n(1024),t.exports=n(7984).Object.entries},6764:(t,r,n)=>{n(4654),t.exports=n(7984).Object.getOwnPropertyDescriptors},238:(t,r,n)=>{n(9830),t.exports=n(7984).Object.values},7439:(t,r,n)=>{"use strict";n(837),n(3753),t.exports=n(7984).Promise.finally},2034:(t,r,n)=>{n(1417),t.exports=n(7984).String.padEnd},6285:(t,r,n)=>{n(3378),t.exports=n(7984).String.padStart},812:(t,r,n)=>{n(1133),t.exports=n(7984).String.trimRight},7503:(t,r,n)=>{n(2110),t.exports=n(7984).String.trimLeft},8748:(t,r,n)=>{n(5918),t.exports=n(3545).f("asyncIterator")},5642:(t,r,n)=>{n(8637),t.exports=n(4577).global},2668:t=>{t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},9858:(t,r,n)=>{var e=n(3712);t.exports=function(t){if(!e(t))throw TypeError(t+" is not an object!");return t}},4577:t=>{var r=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=r)},4479:(t,r,n)=>{var e=n(2668);t.exports=function(t,r,n){if(e(t),void 0===r)return t;switch(n){case 1:return function(n){return t.call(r,n)};case 2:return function(n,e){return t.call(r,n,e)};case 3:return function(n,e,i){return t.call(r,n,e,i)}}return function(){return t.apply(r,arguments)}}},7900:(t,r,n)=>{t.exports=!n(5269)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},9674:(t,r,n)=>{var e=n(3712),i=n(6425).document,o=e(i)&&e(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},1236:(t,r,n)=>{var e=n(6425),i=n(4577),o=n(4479),u=n(5712),a=n(5503),c=function(t,r,n){var s,f,l,h=t&c.F,p=t&c.G,v=t&c.S,y=t&c.P,g=t&c.B,d=t&c.W,x=p?i:i[r]||(i[r]={}),m=x.prototype,b=p?e:v?e[r]:(e[r]||{}).prototype;for(s in p&&(n=r),n)(f=!h&&b&&void 0!==b[s])&&a(x,s)||(l=f?b[s]:n[s],x[s]=p&&"function"!=typeof b[s]?n[s]:g&&f?o(l,e):d&&b[s]==l?function(t){var r=function(r,n,e){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(r);case 2:return new t(r,n)}return new t(r,n,e)}return t.apply(this,arguments)};return r.prototype=t.prototype,r}(l):y&&"function"==typeof l?o(Function.call,l):l,y&&((x.virtual||(x.virtual={}))[s]=l,t&c.R&&m&&!m[s]&&u(m,s,l)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},5269:t=>{t.exports=function(t){try{return!!t()}catch(t){return!0}}},6425:t=>{var r=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},5503:t=>{var r={}.hasOwnProperty;t.exports=function(t,n){return r.call(t,n)}},5712:(t,r,n)=>{var e=n(679),i=n(3376);t.exports=n(7900)?function(t,r,n){return e.f(t,r,i(1,n))}:function(t,r,n){return t[r]=n,t}},6686:(t,r,n)=>{t.exports=!n(7900)&&!n(5269)((function(){return 7!=Object.defineProperty(n(9674)("div"),"a",{get:function(){return 7}}).a}))},3712:t=>{t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},679:(t,r,n)=>{var e=n(9858),i=n(6686),o=n(9921),u=Object.defineProperty;r.f=n(7900)?Object.defineProperty:function(t,r,n){if(e(t),r=o(r,!0),e(n),i)try{return u(t,r,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[r]=n.value),t}},3376:t=>{t.exports=function(t,r){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:r}}},9921:(t,r,n)=>{var e=n(3712);t.exports=function(t,r){if(!e(t))return t;var n,i;if(r&&"function"==typeof(n=t.toString)&&!e(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!e(i=n.call(t)))return i;if(!r&&"function"==typeof(n=t.toString)&&!e(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},8637:(t,r,n)=>{var e=n(1236);e(e.G,{global:n(6425)})},8304:t=>{t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},5811:(t,r,n)=>{var e=n(9519);t.exports=function(t,r){if("number"!=typeof t&&"Number"!=e(t))throw TypeError(r);return+t}},6224:(t,r,n)=>{var e=n(8076)("unscopables"),i=Array.prototype;null==i[e]&&n(9247)(i,e,{}),t.exports=function(t){i[e][t]=!0}},2774:(t,r,n)=>{"use strict";var e=n(5813)(!0);t.exports=function(t,r,n){return r+(n?e(t,r).length:1)}},264:t=>{t.exports=function(t,r,n,e){if(!(t instanceof r)||void 0!==e&&e in t)throw TypeError(n+": incorrect invocation!");return t}},9204:(t,r,n)=>{var e=n(9603);t.exports=function(t){if(!e(t))throw TypeError(t+" is not an object!");return t}},8734:(t,r,n)=>{"use strict";var e=n(6415),i=n(7149),o=n(1773);t.exports=[].copyWithin||function(t,r){var n=e(this),u=o(n.length),a=i(t,u),c=i(r,u),s=arguments.length>2?arguments[2]:void 0,f=Math.min((void 0===s?u:i(s,u))-c,u-a),l=1;for(c0;)c in n?n[a]=n[c]:delete n[a],a+=l,c+=l;return n}},6436:(t,r,n)=>{"use strict";var e=n(6415),i=n(7149),o=n(1773);t.exports=function(t){for(var r=e(this),n=o(r.length),u=arguments.length,a=i(u>1?arguments[1]:void 0,n),c=u>2?arguments[2]:void 0,s=void 0===c?n:i(c,n);s>a;)r[a++]=t;return r}},3997:(t,r,n)=>{var e=n(3057),i=n(1773),o=n(7149);t.exports=function(t){return function(r,n,u){var a,c=e(r),s=i(c.length),f=o(u,s);if(t&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},2026:(t,r,n)=>{var e=n(9124),i=n(3424),o=n(6415),u=n(1773),a=n(4164);t.exports=function(t,r){var n=1==t,c=2==t,s=3==t,f=4==t,l=6==t,h=5==t||l,p=r||a;return function(r,a,v){for(var y,g,d=o(r),x=i(d),m=e(a,v,3),b=u(x.length),w=0,S=n?p(r,b):c?p(r,0):void 0;b>w;w++)if((h||w in x)&&(g=m(y=x[w],w,d),t))if(n)S[w]=g;else if(g)switch(t){case 3:return!0;case 5:return y;case 6:return w;case 2:S.push(y)}else if(f)return!1;return l?-1:s||f?f:S}}},1457:(t,r,n)=>{var e=n(8304),i=n(6415),o=n(3424),u=n(1773);t.exports=function(t,r,n,a,c){e(r);var s=i(t),f=o(s),l=u(s.length),h=c?l-1:0,p=c?-1:1;if(n<2)for(;;){if(h in f){a=f[h],h+=p;break}if(h+=p,c?h<0:l<=h)throw TypeError("Reduce of empty array with no initial value")}for(;c?h>=0:l>h;h+=p)h in f&&(a=r(a,f[h],h,s));return a}},5720:(t,r,n)=>{var e=n(9603),i=n(7375),o=n(8076)("species");t.exports=function(t){var r;return i(t)&&("function"!=typeof(r=t.constructor)||r!==Array&&!i(r.prototype)||(r=void 0),e(r)&&null===(r=r[o])&&(r=void 0)),void 0===r?Array:r}},4164:(t,r,n)=>{var e=n(5720);t.exports=function(t,r){return new(e(t))(r)}},6371:(t,r,n)=>{"use strict";var e=n(8304),i=n(9603),o=n(3436),u=[].slice,a={},c=function(t,r,n){if(!(r in a)){for(var e=[],i=0;i{var e=n(9519),i=n(8076)("toStringTag"),o="Arguments"==e(function(){return arguments}());t.exports=function(t){var r,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,r){try{return t[r]}catch(t){}}(r=Object(t),i))?n:o?e(r):"Object"==(u=e(r))&&"function"==typeof r.callee?"Arguments":u}},9519:t=>{var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)}},947:(t,r,n)=>{"use strict";var e=n(5234).f,i=n(4958),o=n(4584),u=n(9124),a=n(264),c=n(1725),s=n(7091),f=n(4165),l=n(6538),h=n(1329),p=n(4787).fastKey,v=n(2023),y=h?"_s":"size",g=function(t,r){var n,e=p(r);if("F"!==e)return t._i[e];for(n=t._f;n;n=n.n)if(n.k==r)return n};t.exports={getConstructor:function(t,r,n,s){var f=t((function(t,e){a(t,f,r,"_i"),t._t=r,t._i=i(null),t._f=void 0,t._l=void 0,t[y]=0,null!=e&&c(e,n,t[s],t)}));return o(f.prototype,{clear:function(){for(var t=v(this,r),n=t._i,e=t._f;e;e=e.n)e.r=!0,e.p&&(e.p=e.p.n=void 0),delete n[e.i];t._f=t._l=void 0,t[y]=0},delete:function(t){var n=v(this,r),e=g(n,t);if(e){var i=e.n,o=e.p;delete n._i[e.i],e.r=!0,o&&(o.n=i),i&&(i.p=o),n._f==e&&(n._f=i),n._l==e&&(n._l=o),n[y]--}return!!e},forEach:function(t){v(this,r);for(var n,e=u(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(e(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!g(v(this,r),t)}}),h&&e(f.prototype,"size",{get:function(){return v(this,r)[y]}}),f},def:function(t,r,n){var e,i,o=g(t,r);return o?o.v=n:(t._l=o={i:i=p(r,!0),k:r,v:n,p:e=t._l,n:void 0,r:!1},t._f||(t._f=o),e&&(e.n=o),t[y]++,"F"!==i&&(t._i[i]=o)),t},getEntry:g,setStrong:function(t,r,n){s(t,r,(function(t,n){this._t=v(t,r),this._k=n,this._l=void 0}),(function(){for(var t=this,r=t._k,n=t._l;n&&n.r;)n=n.p;return t._t&&(t._l=n=n?n.n:t._t._f)?f(0,"keys"==r?n.k:"values"==r?n.v:[n.k,n.v]):(t._t=void 0,f(1))}),n?"entries":"values",!n,!0),l(r)}}},5268:(t,r,n)=>{"use strict";var e=n(4584),i=n(4787).getWeak,o=n(9204),u=n(9603),a=n(264),c=n(1725),s=n(2026),f=n(1262),l=n(2023),h=s(5),p=s(6),v=0,y=function(t){return t._l||(t._l=new g)},g=function(){this.a=[]},d=function(t,r){return h(t.a,(function(t){return t[0]===r}))};g.prototype={get:function(t){var r=d(this,t);if(r)return r[1]},has:function(t){return!!d(this,t)},set:function(t,r){var n=d(this,t);n?n[1]=r:this.a.push([t,r])},delete:function(t){var r=p(this.a,(function(r){return r[0]===t}));return~r&&this.a.splice(r,1),!!~r}},t.exports={getConstructor:function(t,r,n,o){var s=t((function(t,e){a(t,s,r,"_i"),t._t=r,t._i=v++,t._l=void 0,null!=e&&c(e,n,t[o],t)}));return e(s.prototype,{delete:function(t){if(!u(t))return!1;var n=i(t);return!0===n?y(l(this,r)).delete(t):n&&f(n,this._i)&&delete n[this._i]},has:function(t){if(!u(t))return!1;var n=i(t);return!0===n?y(l(this,r)).has(t):n&&f(n,this._i)}}),s},def:function(t,r,n){var e=i(o(r),!0);return!0===e?y(t).set(r,n):e[t._i]=n,t},ufstore:y}},1405:(t,r,n)=>{"use strict";var e=n(2276),i=n(3350),o=n(1951),u=n(4584),a=n(4787),c=n(1725),s=n(264),f=n(9603),l=n(4308),h=n(3490),p=n(6668),v=n(1906);t.exports=function(t,r,n,y,g,d){var x=e[t],m=x,b=g?"set":"add",w=m&&m.prototype,S={},_=function(t){var r=w[t];o(w,t,"delete"==t||"has"==t?function(t){return!(d&&!f(t))&&r.call(this,0===t?0:t)}:"get"==t?function(t){return d&&!f(t)?void 0:r.call(this,0===t?0:t)}:"add"==t?function(t){return r.call(this,0===t?0:t),this}:function(t,n){return r.call(this,0===t?0:t,n),this})};if("function"==typeof m&&(d||w.forEach&&!l((function(){(new m).entries().next()})))){var E=new m,O=E[b](d?{}:-0,1)!=E,F=l((function(){E.has(1)})),P=h((function(t){new m(t)})),j=!d&&l((function(){for(var t=new m,r=5;r--;)t[b](r,r);return!t.has(-0)}));P||((m=r((function(r,n){s(r,m,t);var e=v(new x,r,m);return null!=n&&c(n,g,e[b],e),e}))).prototype=w,w.constructor=m),(F||j)&&(_("delete"),_("has"),g&&_("get")),(j||O)&&_(b),d&&w.clear&&delete w.clear}else m=y.getConstructor(r,t,g,b),u(m.prototype,n),a.NEED=!0;return p(m,t),S[t]=m,i(i.G+i.W+i.F*(m!=x),S),d||y.setStrong(m,t,g),m}},7984:t=>{var r=t.exports={version:"2.6.12"};"number"==typeof __e&&(__e=r)},2122:(t,r,n)=>{"use strict";var e=n(5234),i=n(9933);t.exports=function(t,r,n){r in t?e.f(t,r,i(0,n)):t[r]=n}},9124:(t,r,n)=>{var e=n(8304);t.exports=function(t,r,n){if(e(t),void 0===r)return t;switch(n){case 1:return function(n){return t.call(r,n)};case 2:return function(n,e){return t.call(r,n,e)};case 3:return function(n,e,i){return t.call(r,n,e,i)}}return function(){return t.apply(r,arguments)}}},4041:(t,r,n)=>{"use strict";var e=n(4308),i=Date.prototype.getTime,o=Date.prototype.toISOString,u=function(t){return t>9?t:"0"+t};t.exports=e((function(){return"0385-07-25T07:06:39.999Z"!=o.call(new Date(-50000000000001))}))||!e((function(){o.call(new Date(NaN))}))?function(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var t=this,r=t.getUTCFullYear(),n=t.getUTCMilliseconds(),e=r<0?"-":r>9999?"+":"";return e+("00000"+Math.abs(r)).slice(e?-6:-4)+"-"+u(t.getUTCMonth()+1)+"-"+u(t.getUTCDate())+"T"+u(t.getUTCHours())+":"+u(t.getUTCMinutes())+":"+u(t.getUTCSeconds())+"."+(n>99?n:"0"+u(n))+"Z"}:o},768:(t,r,n)=>{"use strict";var e=n(9204),i=n(4276),o="number";t.exports=function(t){if("string"!==t&&t!==o&&"default"!==t)throw TypeError("Incorrect hint");return i(e(this),t!=o)}},2099:t=>{t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},1329:(t,r,n)=>{t.exports=!n(4308)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},7233:(t,r,n)=>{var e=n(9603),i=n(2276).document,o=e(i)&&e(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},120:t=>{t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},5084:(t,r,n)=>{var e=n(1720),i=n(1259),o=n(6418);t.exports=function(t){var r=e(t),n=i.f;if(n)for(var u,a=n(t),c=o.f,s=0;a.length>s;)c.call(t,u=a[s++])&&r.push(u);return r}},3350:(t,r,n)=>{var e=n(2276),i=n(7984),o=n(9247),u=n(1951),a=n(9124),c=function(t,r,n){var s,f,l,h,p=t&c.F,v=t&c.G,y=t&c.S,g=t&c.P,d=t&c.B,x=v?e:y?e[r]||(e[r]={}):(e[r]||{}).prototype,m=v?i:i[r]||(i[r]={}),b=m.prototype||(m.prototype={});for(s in v&&(n=r),n)l=((f=!p&&x&&void 0!==x[s])?x:n)[s],h=d&&f?a(l,e):g&&"function"==typeof l?a(Function.call,l):l,x&&u(x,s,l,t&c.U),m[s]!=l&&o(m,s,h),g&&b[s]!=l&&(b[s]=l)};e.core=i,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},2381:(t,r,n)=>{var e=n(8076)("match");t.exports=function(t){var r=/./;try{"/./"[t](r)}catch(n){try{return r[e]=!1,!"/./"[t](r)}catch(t){}}return!0}},4308:t=>{t.exports=function(t){try{return!!t()}catch(t){return!0}}},1658:(t,r,n)=>{"use strict";n(5761);var e=n(1951),i=n(9247),o=n(4308),u=n(2099),a=n(8076),c=n(3323),s=a("species"),f=!o((function(){var t=/./;return t.exec=function(){var t=[];return t.groups={a:"7"},t},"7"!=="".replace(t,"$")})),l=function(){var t=/(?:)/,r=t.exec;t.exec=function(){return r.apply(this,arguments)};var n="ab".split(t);return 2===n.length&&"a"===n[0]&&"b"===n[1]}();t.exports=function(t,r,n){var h=a(t),p=!o((function(){var r={};return r[h]=function(){return 7},7!=""[t](r)})),v=p?!o((function(){var r=!1,n=/a/;return n.exec=function(){return r=!0,null},"split"===t&&(n.constructor={},n.constructor[s]=function(){return n}),n[h](""),!r})):void 0;if(!p||!v||"replace"===t&&!f||"split"===t&&!l){var y=/./[h],g=n(u,h,""[t],(function(t,r,n,e,i){return r.exec===c?p&&!i?{done:!0,value:y.call(r,n,e)}:{done:!0,value:t.call(n,r,e)}:{done:!1}})),d=g[0],x=g[1];e(String.prototype,t,d),i(RegExp.prototype,h,2==r?function(t,r){return x.call(t,this,r)}:function(t){return x.call(t,this)})}}},9388:(t,r,n)=>{"use strict";var e=n(9204);t.exports=function(){var t=e(this),r="";return t.global&&(r+="g"),t.ignoreCase&&(r+="i"),t.multiline&&(r+="m"),t.unicode&&(r+="u"),t.sticky&&(r+="y"),r}},7849:(t,r,n)=>{"use strict";var e=n(7375),i=n(9603),o=n(1773),u=n(9124),a=n(8076)("isConcatSpreadable");t.exports=function t(r,n,c,s,f,l,h,p){for(var v,y,g=f,d=0,x=!!h&&u(h,p,3);d0)g=t(r,n,v,o(v.length),g,l-1)-1;else{if(g>=9007199254740991)throw TypeError();r[g]=v}g++}d++}return g}},1725:(t,r,n)=>{var e=n(9124),i=n(228),o=n(99),u=n(9204),a=n(1773),c=n(8837),s={},f={},l=t.exports=function(t,r,n,l,h){var p,v,y,g,d=h?function(){return t}:c(t),x=e(n,l,r?2:1),m=0;if("function"!=typeof d)throw TypeError(t+" is not iterable!");if(o(d)){for(p=a(t.length);p>m;m++)if((g=r?x(u(v=t[m])[0],v[1]):x(t[m]))===s||g===f)return g}else for(y=d.call(t);!(v=y.next()).done;)if((g=i(y,x,v.value,r))===s||g===f)return g};l.BREAK=s,l.RETURN=f},7650:(t,r,n)=>{t.exports=n(3259)("native-function-to-string",Function.toString)},2276:t=>{var r=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r)},1262:t=>{var r={}.hasOwnProperty;t.exports=function(t,n){return r.call(t,n)}},9247:(t,r,n)=>{var e=n(5234),i=n(9933);t.exports=n(1329)?function(t,r,n){return e.f(t,r,i(1,n))}:function(t,r,n){return t[r]=n,t}},1847:(t,r,n)=>{var e=n(2276).document;t.exports=e&&e.documentElement},706:(t,r,n)=>{t.exports=!n(1329)&&!n(4308)((function(){return 7!=Object.defineProperty(n(7233)("div"),"a",{get:function(){return 7}}).a}))},1906:(t,r,n)=>{var e=n(9603),i=n(8860).set;t.exports=function(t,r,n){var o,u=r.constructor;return u!==n&&"function"==typeof u&&(o=u.prototype)!==n.prototype&&e(o)&&i&&i(t,o),t}},3436:t=>{t.exports=function(t,r,n){var e=void 0===n;switch(r.length){case 0:return e?t():t.call(n);case 1:return e?t(r[0]):t.call(n,r[0]);case 2:return e?t(r[0],r[1]):t.call(n,r[0],r[1]);case 3:return e?t(r[0],r[1],r[2]):t.call(n,r[0],r[1],r[2]);case 4:return e?t(r[0],r[1],r[2],r[3]):t.call(n,r[0],r[1],r[2],r[3])}return t.apply(n,r)}},3424:(t,r,n)=>{var e=n(9519);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==e(t)?t.split(""):Object(t)}},99:(t,r,n)=>{var e=n(479),i=n(8076)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(e.Array===t||o[i]===t)}},7375:(t,r,n)=>{var e=n(9519);t.exports=Array.isArray||function(t){return"Array"==e(t)}},8400:(t,r,n)=>{var e=n(9603),i=Math.floor;t.exports=function(t){return!e(t)&&isFinite(t)&&i(t)===t}},9603:t=>{t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},5119:(t,r,n)=>{var e=n(9603),i=n(9519),o=n(8076)("match");t.exports=function(t){var r;return e(t)&&(void 0!==(r=t[o])?!!r:"RegExp"==i(t))}},228:(t,r,n)=>{var e=n(9204);t.exports=function(t,r,n,i){try{return i?r(e(n)[0],n[1]):r(n)}catch(r){var o=t.return;throw void 0!==o&&e(o.call(t)),r}}},4434:(t,r,n)=>{"use strict";var e=n(4958),i=n(9933),o=n(6668),u={};n(9247)(u,n(8076)("iterator"),(function(){return this})),t.exports=function(t,r,n){t.prototype=e(u,{next:i(1,n)}),o(t,r+" Iterator")}},7091:(t,r,n)=>{"use strict";var e=n(5020),i=n(3350),o=n(1951),u=n(9247),a=n(479),c=n(4434),s=n(6668),f=n(9565),l=n(8076)("iterator"),h=!([].keys&&"next"in[].keys()),p="keys",v="values",y=function(){return this};t.exports=function(t,r,n,g,d,x,m){c(n,r,g);var b,w,S,_=function(t){if(!h&&t in P)return P[t];switch(t){case p:case v:return function(){return new n(this,t)}}return function(){return new n(this,t)}},E=r+" Iterator",O=d==v,F=!1,P=t.prototype,j=P[l]||P["@@iterator"]||d&&P[d],M=j||_(d),A=d?O?_("entries"):M:void 0,I="Array"==r&&P.entries||j;if(I&&(S=f(I.call(new t)))!==Object.prototype&&S.next&&(s(S,E,!0),e||"function"==typeof S[l]||u(S,l,y)),O&&j&&j.name!==v&&(F=!0,M=function(){return j.call(this)}),e&&!m||!h&&!F&&P[l]||u(P,l,M),a[r]=M,a[E]=y,d)if(b={values:O?M:_(v),keys:x?M:_(p),entries:A},m)for(w in b)w in P||o(P,w,b[w]);else i(i.P+i.F*(h||F),r,b);return b}},3490:(t,r,n)=>{var e=n(8076)("iterator"),i=!1;try{var o=[7][e]();o.return=function(){i=!0},Array.from(o,(function(){throw 2}))}catch(t){}t.exports=function(t,r){if(!r&&!i)return!1;var n=!1;try{var o=[7],u=o[e]();u.next=function(){return{done:n=!0}},o[e]=function(){return u},t(o)}catch(t){}return n}},4165:t=>{t.exports=function(t,r){return{value:r,done:!!t}}},479:t=>{t.exports={}},5020:t=>{t.exports=!1},9372:t=>{var r=Math.expm1;t.exports=!r||r(10)>22025.465794806718||r(10)<22025.465794806718||-2e-17!=r(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:r},5600:(t,r,n)=>{var e=n(7083),i=Math.pow,o=i(2,-52),u=i(2,-23),a=i(2,127)*(2-u),c=i(2,-126);t.exports=Math.fround||function(t){var r,n,i=Math.abs(t),s=e(t);return ia||n!=n?s*(1/0):s*n}},5386:t=>{t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},7083:t=>{t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},4787:(t,r,n)=>{var e=n(6835)("meta"),i=n(9603),o=n(1262),u=n(5234).f,a=0,c=Object.isExtensible||function(){return!0},s=!n(4308)((function(){return c(Object.preventExtensions({}))})),f=function(t){u(t,e,{value:{i:"O"+ ++a,w:{}}})},l=t.exports={KEY:e,NEED:!1,fastKey:function(t,r){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,e)){if(!c(t))return"F";if(!r)return"E";f(t)}return t[e].i},getWeak:function(t,r){if(!o(t,e)){if(!c(t))return!0;if(!r)return!1;f(t)}return t[e].w},onFreeze:function(t){return s&&l.NEED&&c(t)&&!o(t,e)&&f(t),t}}},6787:(t,r,n)=>{var e=n(2276),i=n(9770).set,o=e.MutationObserver||e.WebKitMutationObserver,u=e.process,a=e.Promise,c="process"==n(9519)(u);t.exports=function(){var t,r,n,s=function(){var e,i;for(c&&(e=u.domain)&&e.exit();t;){i=t.fn,t=t.next;try{i()}catch(e){throw t?n():r=void 0,e}}r=void 0,e&&e.enter()};if(c)n=function(){u.nextTick(s)};else if(!o||e.navigator&&e.navigator.standalone)if(a&&a.resolve){var f=a.resolve(void 0);n=function(){f.then(s)}}else n=function(){i.call(e,s)};else{var l=!0,h=document.createTextNode("");new o(s).observe(h,{characterData:!0}),n=function(){h.data=l=!l}}return function(e){var i={fn:e,next:void 0};r&&(r.next=i),t||(t=i,n()),r=i}}},8176:(t,r,n)=>{"use strict";var e=n(8304);function i(t){var r,n;this.promise=new t((function(t,e){if(void 0!==r||void 0!==n)throw TypeError("Bad Promise constructor");r=t,n=e})),this.resolve=e(r),this.reject=e(n)}t.exports.f=function(t){return new i(t)}},7288:(t,r,n)=>{"use strict";var e=n(1329),i=n(1720),o=n(1259),u=n(6418),a=n(6415),c=n(3424),s=Object.assign;t.exports=!s||n(4308)((function(){var t={},r={},n=Symbol(),e="abcdefghijklmnopqrst";return t[n]=7,e.split("").forEach((function(t){r[t]=t})),7!=s({},t)[n]||Object.keys(s({},r)).join("")!=e}))?function(t,r){for(var n=a(t),s=arguments.length,f=1,l=o.f,h=u.f;s>f;)for(var p,v=c(arguments[f++]),y=l?i(v).concat(l(v)):i(v),g=y.length,d=0;g>d;)p=y[d++],e&&!h.call(v,p)||(n[p]=v[p]);return n}:s},4958:(t,r,n)=>{var e=n(9204),i=n(2305),o=n(120),u=n(1606)("IE_PROTO"),a=function(){},c=function(){var t,r=n(7233)("iframe"),e=o.length;for(r.style.display="none",n(1847).appendChild(r),r.src="javascript:",(t=r.contentWindow.document).open(),t.write(" 22 | 23 | 24 | 25 | `; 26 | 27 | const hbsTemplate = hbs.compile(theHtml); 28 | const reactComp = renderToString(); 29 | const htmlToSend = hbsTemplate({ reactele: reactComp }); 30 | res.send(htmlToSend); 31 | }); 32 | 33 | export default router; -------------------------------------------------------------------------------- /src/routes/svg.js: -------------------------------------------------------------------------------- 1 | import express, { Router } from "express"; 2 | import { ChevronRight } from "react-feather"; 3 | const router = express.Router(); 4 | const { 5 | getSlidingTextWithEmojis, getWavyBanner, getVisitorCounter, getSocialIcons, getTechnologiesSvg, 6 | } = require("../util/svg"); 7 | const { 8 | getSocialMediaSVG, getTechnologySVG, 9 | } = require("../util/svg-helper"); 10 | const axios = require("axios").default; 11 | const { encodeStringForHTML } = require("../util/util"); 12 | 13 | 14 | router.get("/sliding-text", (req, res) => { 15 | 16 | // Get Query Params 17 | const text = decodeURIComponent(req.query.text) || "webapp.io github readme builder"; 18 | const emojis = req.query.emojis || ""; 19 | 20 | // Get the Emoji's 21 | const emojiArray = emojis.split("_"); 22 | const emojiAsHtml = emojiArray.reduce((str, emoji) => { 23 | // Set the Emoji 24 | let tempString = `&#x${emoji};`; 25 | 26 | // Check if Emoji has other attributes and add in a string 27 | if (emoji.includes("-")) { 28 | tempString = emoji.split("-").reduce((tempStr, attr) => { 29 | return tempStr + `&#x${attr};`; 30 | }, ""); 31 | } 32 | 33 | // Return back the emoji in a span element 34 | if (emoji.length > 0) { 35 | return str + `${tempString}` 36 | } 37 | 38 | return str; 39 | }, ""); 40 | 41 | const svg = getSlidingTextWithEmojis(encodeStringForHTML(text), emojiAsHtml); 42 | res.setHeader("Content-Type", "image/svg+xml"); 43 | res.send(svg); 44 | }) 45 | 46 | router.get("/wavy-banner", (req, res) => { 47 | // Get Query Params 48 | const title = req.query.title || "webapp.io"; 49 | const subtitle = req.query.subtitle || "review code changes like Facebook does" 50 | const svg = getWavyBanner(encodeStringForHTML(title), encodeStringForHTML(subtitle)); 51 | res.setHeader("Content-Type", "image/svg+xml"); 52 | res.send(svg); 53 | }) 54 | 55 | router.get("/visitor-counter", async (req, res) => { 56 | // Get Query params 57 | const page = req.query.page; 58 | const response = await axios.get(`https://api.countapi.xyz/hit/webappio/${page}`); 59 | const data = response.data || 1; 60 | const svg = getVisitorCounter(data.value); 61 | res.setHeader("Content-Type", "image/svg+xml"); 62 | res.send(svg); 63 | }) 64 | 65 | router.get("/social-media", async (req, res) => { 66 | const social = req.query.social || ""; 67 | const socialSvg = getSocialMediaSVG(social); 68 | const svg = getSocialIcons(socialSvg); 69 | res.setHeader("Content-Type", "image/svg+xml"); 70 | res.send(svg); 71 | }) 72 | 73 | router.get("/technology", (req, res) => { 74 | const technology = req.query.technology || "webapp.io"; 75 | 76 | const technologies = technology.split("_").reduce((str, tech) => { 77 | if (tech.length > 0) { 78 | const { svg, text } = getTechnologySVG(tech); 79 | return str + ` 80 |
81 | ${svg} 82 |

83 | ${text} 84 |

85 |
86 | `; 87 | } 88 | return str; 89 | }, ""); 90 | 91 | const svg = getTechnologiesSvg(technologies); 92 | res.setHeader("Content-Type", "image/svg+xml"); 93 | res.send(svg); 94 | }) 95 | 96 | export default router; -------------------------------------------------------------------------------- /src/server.js: -------------------------------------------------------------------------------- 1 | require("ignore-styles"); 2 | 3 | import express from "express"; 4 | import ssr from "./routes/ssr"; 5 | import svg from "./routes/svg"; 6 | const app = express(); 7 | 8 | app.use(express.static("public")); 9 | 10 | app.use("/", ssr); 11 | 12 | app.use("/pimp-my-readme", svg); 13 | 14 | const port = process.env.PORT || 3001; 15 | app.listen(port, function listenHandler() { 16 | console.info(`Running on ${port}`); 17 | }); -------------------------------------------------------------------------------- /src/styles/_variables.scss: -------------------------------------------------------------------------------- 1 | $blue: #1038c7; 2 | $dark-blue: #0c2787; 3 | $dark: #17181b; 4 | $light: #F4F6FC; 5 | $green: #4cab89; 6 | 7 | $white: #ffffff; 8 | $black: #000000; 9 | $grey: #323232; 10 | $lightgray: #D3D3D3; 11 | $lightblue: #F1F6FB; -------------------------------------------------------------------------------- /src/styles/common.scss: -------------------------------------------------------------------------------- 1 | @import "./_variables.scss"; 2 | 3 | // Common Elements 4 | @mixin general($main-background: $dark, $column-background: $white, $text-color: $black) { 5 | html, body, footer { 6 | margin: 0; 7 | padding: 0; 8 | background: $main-background; 9 | color: $text-color; 10 | } 11 | .main-column { 12 | display: flex; 13 | flex-direction: column; 14 | background-color: $column-background; 15 | } 16 | } 17 | @include general; 18 | 19 | p, blockquote { 20 | font-family: 'Lato', sans-serif; 21 | } 22 | 23 | .code-font { 24 | font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; 25 | } 26 | 27 | body { 28 | font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue", sans-serif; 29 | } 30 | 31 | // Navbar 32 | @mixin nav($color: $black, $opacity: 0.5) { 33 | &-link { 34 | text-transform: uppercase; 35 | font-weight: bold; 36 | letter-spacing: 2px; 37 | margin-left: 10px; 38 | margin-right: 10px; 39 | color: $color !important; 40 | opacity: $opacity; 41 | } 42 | 43 | &-logo { 44 | height: 2rem; 45 | width: auto; 46 | } 47 | } 48 | 49 | @mixin navbar() { 50 | &-collapse.collapse.show { 51 | margin-top: 1rem; 52 | } 53 | } 54 | 55 | .nav { 56 | @include nav 57 | } 58 | 59 | .navbar { 60 | @include navbar 61 | } 62 | 63 | // Background Color 64 | .bg-primary { 65 | background-color: $blue !important; 66 | } 67 | 68 | // Button 69 | @mixin btn($primary: $blue, $secondary: $dark-blue) { 70 | &-primary { 71 | background-color: $blue; 72 | } 73 | 74 | &-primary, &-outline-primary { 75 | border: 2px solid $blue; 76 | } 77 | 78 | &-primary:hover, &-outline-primary:hover { 79 | background-color: $blue; 80 | border: 2px solid $dark-blue; 81 | } 82 | } 83 | 84 | .btn { 85 | @include btn 86 | } 87 | 88 | 89 | // Site Footer 90 | @mixin site($color: $white) { 91 | &-footer-column { 92 | display: flex; 93 | flex-direction: column; 94 | margin-right: 5rem; 95 | margin-top: 2rem; 96 | } 97 | 98 | &-footer-column:last-child { 99 | margin-right: 0; 100 | } 101 | 102 | &-footer-section-header { 103 | text-transform: uppercase; 104 | color: $color; 105 | opacity: 0.7; 106 | font-weight: normal; 107 | } 108 | } 109 | .site { 110 | @include site; 111 | } 112 | 113 | @media screen and (max-width: 768px) { 114 | .site-footer-column { 115 | margin-right: 2.5rem; 116 | } 117 | } 118 | 119 | 120 | // Footer 121 | @mixin footer($color: $white) { 122 | &-logo { 123 | width: 170px; 124 | height: 34px; 125 | } 126 | &-link { 127 | color: #fff; 128 | } 129 | 130 | &-bottommost-section { 131 | border-top: 1px solid rgba($color, 0.6); 132 | } 133 | 134 | &-bottom-text { 135 | margin-left: 2em; 136 | color: rgba($color, 0.6); 137 | } 138 | } 139 | 140 | .footer { 141 | @include footer; 142 | } 143 | 144 | 145 | // Login Text (above button) 146 | @mixin base_login_anchor($link_color: $black, $opacity: 1) { 147 | font-weight: bold; 148 | font-size: 14px; 149 | color: $link_color; 150 | opacity: $opacity; 151 | 152 | &:hover { 153 | cursor: pointer; 154 | text-decoration: none; 155 | color: $link_color; 156 | } 157 | } 158 | 159 | .base-login-anchor { 160 | @include base_login_anchor($black, 0.5); 161 | } 162 | 163 | // Extra 164 | .account-avatar { 165 | border-radius: 4px; 166 | } 167 | 168 | .jumbotron { 169 | background-color: $light; 170 | } 171 | 172 | // No Script Header Text (About Us, Terms of Service, Privacy Policy, etc.) 173 | .NoScript-Header { 174 | &-Items { 175 | display: flex; 176 | flex-direction: column; 177 | justify-content: center; 178 | align-items: center; 179 | flex-wrap: wrap; 180 | } 181 | 182 | &-Title { 183 | font-style: normal; 184 | font-weight: bold; 185 | font-size: 48px; 186 | line-height: 58px; 187 | text-align: center; 188 | letter-spacing: 0.04em; 189 | color: #FEFDF9; 190 | margin-top: 100px; 191 | margin-bottom: 60px; 192 | } 193 | 194 | &-Paragraph { 195 | width: 35%; 196 | font-style: normal; 197 | font-weight: normal; 198 | font-size: 20px; 199 | line-height: 30px; 200 | color: #FEFDF9; 201 | margin-bottom: 100px; 202 | } 203 | 204 | &-Container{ 205 | color: white; 206 | background-color: #17181b; 207 | display: flex; 208 | flex-direction: column; 209 | flex-wrap: wrap; 210 | justify-content: center; 211 | align-items: stretch; 212 | text-align: center; 213 | min-height: 70vh; 214 | } 215 | } 216 | -------------------------------------------------------------------------------- /src/styles/github-readme-builder.scss: -------------------------------------------------------------------------------- 1 | @import "./common.scss"; 2 | @import "./_variables.scss"; 3 | 4 | 5 | html { 6 | scroll-behavior: smooth; 7 | } 8 | 9 | @include general($light, $light, $black); 10 | 11 | .site { 12 | @include site($white); 13 | } 14 | 15 | .ReadMeBuilder { 16 | &--Top { 17 | padding-top: 50px; 18 | padding-bottom: 50px; 19 | } 20 | 21 | &--Logo { 22 | max-width: 200px; 23 | max-height: 100px; 24 | margin-left: 20px; 25 | } 26 | 27 | &--Title { 28 | font-weight: bold; 29 | font-size: 35px; 30 | line-height: 40px; 31 | margin-top: 50px; 32 | } 33 | 34 | &--SubTitle { 35 | font-weight: bold; 36 | font-size: 25px; 37 | line-height: 30px; 38 | } 39 | 40 | &--Paragraph { 41 | font-size: 25px; 42 | line-height: 30px; 43 | text-align: center; 44 | margin-top: 20px; 45 | 46 | &__Small { 47 | font-weight: 300; 48 | font-size: 18px; 49 | line-height: 20px; 50 | } 51 | } 52 | 53 | &--Icon { 54 | color: red; 55 | } 56 | 57 | &__White { 58 | background-color: $white; 59 | } 60 | 61 | &__Link { 62 | font-weight: normal; 63 | font-size: 20px; 64 | line-height: 25px; 65 | color: $black; 66 | 67 | &--Selected { 68 | font-weight: bold; 69 | } 70 | 71 | &:hover { 72 | color: $black; 73 | cursor: pointer; 74 | text-decoration: none; 75 | } 76 | } 77 | 78 | &--CTA { 79 | &--ImageWrapper { 80 | width: 600px; 81 | max-height: 400px; 82 | object-fit: contain; 83 | } 84 | &--ArrowWrapper { 85 | width: 200px; 86 | height: 200px; 87 | object-fit: contain; 88 | } 89 | &--Image { 90 | width: 100%; 91 | height: 100%; 92 | } 93 | &--Text { 94 | font-size: 40px; 95 | font-weight: bold; 96 | } 97 | } 98 | } 99 | 100 | .CoolComponent { 101 | &--Title { 102 | font-weight: bold; 103 | font-size: 28px; 104 | line-height: 32px; 105 | text-decoration-line: underline; 106 | } 107 | 108 | &--Emoji { 109 | font-size: 20px; 110 | } 111 | 112 | &--HelperText { 113 | font-weight: normal; 114 | font-size: 15px; 115 | line-height: 18px; 116 | } 117 | 118 | &--Subtitle { 119 | font-weight: bold; 120 | font-size: 23px; 121 | line-height: 25px; 122 | } 123 | 124 | &--Preview { 125 | margin-top: 120px; 126 | margin-bottom: 120px; 127 | 128 | &--Container { 129 | position: relative; 130 | height: 100%; 131 | width: 100%; 132 | } 133 | 134 | &--Object { 135 | max-height: 600px; 136 | width: 100%; 137 | object-fit: contain; 138 | border-radius: 5px; 139 | margin-top: 80px; 140 | margin-bottom: 80px; 141 | } 142 | 143 | &--Image { 144 | max-width: 100%; 145 | max-height: 100%; 146 | object-fit: contain; 147 | 148 | &:hover { 149 | cursor: pointer; 150 | } 151 | } 152 | 153 | &--Anchor { 154 | position: relative; 155 | display: inline-block; 156 | } 157 | } 158 | 159 | } 160 | 161 | .Background__White { 162 | background-color: white; 163 | } 164 | 165 | .FramePreview { 166 | max-height: 1000px; 167 | &--Image { 168 | display: block; 169 | max-width: 100%; 170 | max-height: 100%; 171 | } 172 | } 173 | 174 | 175 | @media only screen and (min-width: 1000px) { 176 | .CoolComponent { 177 | &--Preview { 178 | &--Object { 179 | width: 500px; 180 | object-fit: contain; 181 | } 182 | } 183 | } 184 | } 185 | 186 | @media only screen and (max-width: 600px) { 187 | .CoolComponent { 188 | &--Preview { 189 | margin-top: 40px; 190 | margin-bottom: 40px; 191 | width: 100%; 192 | 193 | &--Object { 194 | width: 100%; 195 | } 196 | } 197 | } 198 | } -------------------------------------------------------------------------------- /src/util/svg.js: -------------------------------------------------------------------------------- 1 | const getSlidingTextWithEmojis = (text = "", emojiString = "") => { 2 | return ` 3 | 4 | 5 | 67 |
68 |
69 |
70 | 71 | ${text} 72 | 73 | ${emojiString} 74 |
75 |
76 |
77 |
78 |
79 | ` 80 | } 81 | 82 | const getWavyBanner = (title = "", subtitle = "") => { 83 | return ` 84 | 85 | 86 |
87 | 185 |
186 |

${title}

187 |

${subtitle}

188 |
189 |
190 |
191 |
192 | ` 193 | } 194 | 195 | const getVisitorCounter = (count = 0) => { 196 | return ` 197 | 198 | 199 | 221 |
222 |
223 |
224 | # of visitors: ${count} 225 |
226 |
227 |
228 |
229 |
230 | ` 231 | } 232 | 233 | const getSocialIcons = (socialIcon) => { 234 | return ` 235 | 236 | 237 | 248 |
249 |
250 | ${socialIcon} 251 |
252 |
253 |
254 |
255 | `; 256 | } 257 | 258 | const getTechnologiesSvg = (technologyString = "") => { 259 | return ` 260 | 261 | 262 | 300 |
301 |
302 | ${technologyString} 303 |
304 |
305 |
306 |
307 | ` 308 | } 309 | 310 | module.exports = { 311 | getSlidingTextWithEmojis, 312 | getWavyBanner, 313 | getVisitorCounter, 314 | getSocialIcons, 315 | getTechnologiesSvg, 316 | } -------------------------------------------------------------------------------- /src/util/util.js: -------------------------------------------------------------------------------- 1 | const encodeStringForHTML = (rawStr = "") => { 2 | return rawStr.replace(/[\u00A0-\u9999<>\&]/gim, function(i) { 3 | return '&#' + i.charCodeAt(0) + ';'; 4 | }); 5 | } 6 | 7 | const isLocal = () => { 8 | if (window.location.origin === "http://localhost:3001") { 9 | return true; 10 | } 11 | return false; 12 | } 13 | 14 | module.exports = { 15 | encodeStringForHTML, 16 | isLocal, 17 | } -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const NodemonPlugin = require("nodemon-webpack-plugin"); 2 | const path = require("path"); 3 | 4 | const config = { 5 | entry: { 6 | vendor: ["@babel/polyfill", "react"], 7 | app: ["./src/components/index.js"] 8 | }, 9 | output: { 10 | path: path.resolve(__dirname, "public"), 11 | filename: "[name].js" 12 | }, 13 | module: { 14 | rules: [ 15 | { 16 | test: /\.(js|jsx)$/, 17 | loader: "babel-loader", 18 | }, 19 | { 20 | test: /\.(scss|css)$/, 21 | use: ['style-loader', 'css-loader', 'sass-loader'], 22 | }, 23 | { 24 | test: /\.svg$/, 25 | use: [ 26 | { 27 | loader: 'svg-url-loader', 28 | options: { 29 | limit: 10000, 30 | }, 31 | }, 32 | ], 33 | }, 34 | ] 35 | }, 36 | resolve: { 37 | extensions: [".js", ".jsx", ".json", ".wasm", ".mjs", "*"] 38 | }, 39 | plugins: [new NodemonPlugin()] 40 | }; 41 | 42 | module.exports = config; --------------------------------------------------------------------------------