{"_id":"11ty-to-codepen","_rev":"3-e3639c2ac788b1e8a682a27f938f66fa","name":"11ty-to-codepen","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"11ty-to-codepen","version":"1.0.0","repository":{"type":"git","url":"git+https://github.com/dgrammatiko/11ty-to-codepen.git"},"description":"A simple 11ty shortcode for automagically created pens on codepen!","module":"index.mjs","main":"index.js","license":"MIT","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"author":{"name":"Dimitris Grammatikogiannis","email":"d.grammatiko@gmail.com","url":"https://dgrammatiko.online"},"engines":{"node":">=12"},"bugs":{"url":"https://github.com/dgrammatiko/11ty-to-codepen/issues"},"homepage":"https://github.com/dgrammatiko/11ty-to-codepen#readme","keywords":["eleventy","11ty","codepen","example","shortcode"],"gitHead":"860c71abe5b6c5f99ced19eb2a0b57e66619c753","_id":"11ty-to-codepen@1.0.0","_nodeVersion":"14.4.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-nmF1vmmmOx95ppVNOR5zLm+AgBqu9hv5whDU0r/ItZw3WA1fI7A+wKfrp5A5C1tn+8luuVggnNlR5BUcvIeLUw==","shasum":"4ada9b7267d8f46c5b7c0972c12ebd2c532f26ac","tarball":"https://registry.npmjs.org/11ty-to-codepen/-/11ty-to-codepen-1.0.0.tgz","fileCount":5,"unpackedSize":5350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6o2qCRA9TVsSAnZWagAAo18P/1WnhISWPYLK+h6ZKSpW\nNrz9haA6dER/DVsobzJLJstO0pEyq46U09oVFFFTAbv1jzhXTvcaCJk5lTs3\nWSkfIPqCT6NvK/xXF9mcRFFyPEpFP5mG8AYP5J2NBfjmggFSGyDZvY1jamLV\no3e51htX4GcMykfpPl8q2wa7O2qrHwYRngLrjJ/ubThKm/L008CxOxCQm69p\nd5ykFkNsvZde1rVCiXfPAtamrUeIpOXuc3QprTtZUl0mYkSi2gZtlK4TbQRC\nrV1NOvSkaa0dt7XFRnXXJ86CsXNzigoqtJs9QxioUwRwRojQYfYpC4ZY27Hi\nYzau1OIcrsDUODoEvvih+6SJnyLeNL6ZGS57cdSXEvszsr3Xwb9onn/31F2r\nH1sEKap2TgHSv0wLvzXQbuHvBQb+tbBNdov/1owT4zxgUfAE28e08IWf7KRS\ns8c6JWnLfgqLg+Y/rs2HZGM/HCPRq1rTFrNuWfhnJ9/CCCKoIkyXQDgOwlMJ\nrm9fstOhvbSC+HuNGNWCNkjIYEv1KdQuPzA9NiwgIIdU3oXD9OGuYS8ciIRT\nT1FRbKW/IDk6zGfvwEGjfQEMpVAu9fcaw/4nLfYaPcejKpLh0hC8qVRSbNfn\nPPlIAkWilYFgX3fjPRAFwAcSC8xX/jHi5JsGo6k3oO4diiWJe3HWjMg4aaFs\ns7Id\r\n=2PLu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGrt86UHY+DGJ7CCYqYQw+dl3yRBxV0U9iQMGSWs4KdwIhALWoJE1t1pI0F4GPl1Lju7HNkbNqIvaPYPdyWHDHtqxs"}]},"maintainers":[{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"}],"_npmUser":{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/11ty-to-codepen_1.0.0_1592429994114_0.24454541229794047"},"_hasShrinkwrap":false},"1.0.1":{"name":"11ty-to-codepen","version":"1.0.1","repository":{"type":"git","url":"git+https://github.com/dgrammatiko/11ty-to-codepen.git"},"description":"A simple 11ty shortcode for automagically created pens on codepen!","module":"index.mjs","main":"index.js","license":"MIT","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"author":{"name":"Dimitris Grammatikogiannis","email":"d.grammatiko@gmail.com","url":"https://dgrammatiko.online"},"engines":{"node":">=12"},"bugs":{"url":"https://github.com/dgrammatiko/11ty-to-codepen/issues"},"homepage":"https://github.com/dgrammatiko/11ty-to-codepen#readme","keywords":["eleventy","11ty","codepen","example","shortcode"],"gitHead":"dee234ef40ac578a8a22af496e5adb71104b9e0c","_id":"11ty-to-codepen@1.0.1","_nodeVersion":"14.4.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-erDfHl66FFIoPjZ0Ouh4vHy6hqSkMQcsTztY3jtsDsXNnkdYdWMTWr+wEv3ld3GfRYhnfgS+YbNro5MGUngQVQ==","shasum":"d1213e787a5184b8d182f8f16c1ed4133e7b13f1","tarball":"https://registry.npmjs.org/11ty-to-codepen/-/11ty-to-codepen-1.0.1.tgz","fileCount":5,"unpackedSize":6341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6qVfCRA9TVsSAnZWagAAJvIP/iNeQza5V7rwbE5+rUBj\nkmIJA8Qln9JW/xXQiKPX/CAAztLxeQysgFfVLY4CMs6lwGRIgPPRbC2NtzNN\nkwckywLqCYH0cMug/xpydcVHvKqIsUmsaYOY61YVlq6bbRUEAgAaUvbdTSTp\nspsWNpnvbcz7KiJkd9EU4dMQ7jNdc8qxQFOB/JA1qKV5wEdzPnXf+4qKlZ+V\n/eNVe/SmhQLXsDaVkp1pJpXQhXkEgVh2nrwN8YYx+j8q9E/PwD44CihZ4J2O\nZaASv0ORarpXh+pmk6yMf+nFrqa+2RlP/T0AMX5QTzy0D4OzCaixEGryHAfP\n83fbXWw6w90BNSfVfTcP6iGYiZ4f/y+g1yRUmR/7Z1Jd88gYPwzusLTHW+so\nZN9Q6JFodNmF/EykZzar0v8q+9TEdsApeyV5LhIQlMUvhiQjQWalMtAkPItW\nUukE88E1IQJ3nYXw7w5XVJzzLn2MKHzwNzgBxMj8XiGcib5hWE/L9J/8+Utk\nEECIvjkzWRRU76WzJOItCZWtHYe17EqygebiaNBRuGziOC4R2vx1XW1TZnvF\n2hiFlZMKoLlrS2MXsbbN0NNltLv+F/Qick7USRb/7JboME1W8dtYvU+RJdtc\nL6SKsd3Gv6PihX6bThjg2h1i93nyCkAA6xMpW3wINnd/oqH1BzlpRWXv4cKB\nyxsU\r\n=xN6/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoWTMaJRsKtSWT/YzmB4yVhwygMcsnvsZreI5ziiHpQQIhAOaFLyr4EMRbPX36izi4z7yBXQtEn4vBkJabwdHZfRYn"}]},"maintainers":[{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"}],"_npmUser":{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/11ty-to-codepen_1.0.1_1592436063167_0.5888519199015152"},"_hasShrinkwrap":false},"1.0.2":{"name":"11ty-to-codepen","version":"1.0.2","repository":{"type":"git","url":"git+https://github.com/dgrammatiko/11ty-to-codepen.git"},"description":"A simple 11ty shortcode for automagically created pens on codepen!","module":"index.mjs","main":"index.js","license":"MIT","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"author":{"name":"Dimitris Grammatikogiannis","email":"d.grammatiko@gmail.com","url":"https://dgrammatiko.online"},"engines":{"node":">=12"},"bugs":{"url":"https://github.com/dgrammatiko/11ty-to-codepen/issues"},"homepage":"https://github.com/dgrammatiko/11ty-to-codepen#readme","keywords":["eleventy","11ty","codepen","example","shortcode"],"gitHead":"9c28a6116aaf102eaf189abe8017d635c867378d","_id":"11ty-to-codepen@1.0.2","_nodeVersion":"14.4.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-CK5GbmKaWwXx2hz/YZJOIL4eBfNsqGa0yjH61t725JoXoaUyh4GW+M1Dsznxh6JX86iUa3n6h8BiRk/K0x8ttQ==","shasum":"e2251dbd3027154c1cb7e5c1e64bcb658aa9369f","tarball":"https://registry.npmjs.org/11ty-to-codepen/-/11ty-to-codepen-1.0.2.tgz","fileCount":5,"unpackedSize":6355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8f9XCRA9TVsSAnZWagAAyk0P/0eMTes39FKEex/TxH2Y\nzHZPtzRh7imcjgJkhN8ZWs1aRZqtiGegplAPjP5W/kXpjkU2ROdjBnb17v4L\nNcnztwljyS2QEkXvMvMOuewSk1sAb/pREkTsdd7rPKo6EhZiwYeRqeeB+Vsw\nz0Am55wgRe7D5DUxdC9yh1HM+QFG5Off+q8nCpcnV7NlnBtNyMneTLvLeTyE\nL7mLyz1SufKUIxOzLo1h8eQelFKBmdE0GiUPt9Eb9enKQWcRxH0EFCDYYU5F\nhg0EiSmLzpfIpRrEs/ekhZ5o06XQtX5L0NTX7rTt6qzUY2S7OcLHizNLomll\nzYwoinikGxLx8Qpxs8BY3mQJbG1CMldWrdbLAh6SULml0A4oN9855IYfxQcl\nds+HeP4hH1iqUH4gz/zmFV8SlrX/3HdZICvaohjD2iaXbmMWRnjw9Z1ZbS0l\n+AIrhN2o9QHL0WRRAsw0ChzFF0Fs1ue61pT7HBzrDZ9+1IeHCvRGyjvhF6YI\nyaRVelJOU4MFSKEA4GrAC1jddltQ4oN/7nWA1XKx6tg8mVdMtz4JJvUjXj/B\nBhG2OvaDWDW4Bi2dl6L1mC7z/1OQRvhEYx20pAXydvcqQK0NstFBXtksb1Mz\ntFAOnUWLD5Fb7lEiCRXtL7bOdZx2wWvKKSi0bK3oa3s7lbr86GTzM+dY+sET\nX5kT\r\n=j/lt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLhnBJB6oHgNUyFlAq30TI5xyWzoyvpaIpo2qlFSGfrQIhAP0l8JOaavdcYBRuZP6s+oksQTJ5a/NsiYmUDiG0LLyt"}]},"maintainers":[{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"}],"_npmUser":{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/11ty-to-codepen_1.0.2_1592917847234_0.4822263951423602"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-17T21:39:54.114Z","1.0.0":"2020-06-17T21:39:54.227Z","modified":"2022-04-04T10:10:35.392Z","1.0.1":"2020-06-17T23:21:03.295Z","1.0.2":"2020-06-23T13:10:47.514Z"},"maintainers":[{"name":"dgrammatiko","email":"dgrammatikogiannis@gmail.com"}],"description":"A simple 11ty shortcode for automagically created pens on codepen!","homepage":"https://github.com/dgrammatiko/11ty-to-codepen#readme","keywords":["eleventy","11ty","codepen","example","shortcode"],"repository":{"type":"git","url":"git+https://github.com/dgrammatiko/11ty-to-codepen.git"},"author":{"name":"Dimitris Grammatikogiannis","email":"d.grammatiko@gmail.com","url":"https://dgrammatiko.online"},"bugs":{"url":"https://github.com/dgrammatiko/11ty-to-codepen/issues"},"license":"MIT","readme":"# 11ty-to-codepen\n\n## A simple 11ty shortcode for automagically creating pens on codepen!\n\n### Prerequisites\n\nThere is only one hard requirement (assuming that eleventy is already in place) and that is to allow html in the markdown files.\nEleventy defaults to `html: false` which is also the default for the markdown-it Library.\n\n- Make sure to enable it in your configuration!\n- Eg:\n\n```js\n/* Markdown Overrides */\nlet markdownLibrary = markdownIt({\n  html: true,\n  breaks: true,\n  linkify: true,\n});\neleventyConfig.setLibrary(\"md\", markdownLibrary);\n```\n\n### Installation\n\nInstallation should follow the usual NODE dance:\n\n```bash\nnpm i -D 11ty-to-codepen\n```\n\n### Usage\n\nFirst configure your .eleventy.js:\n\n- Import it:\n\n```js\n// At the top of the file add:\nconst codepenIt = require(\"11ty-to-codepen\");\n\n// Somewhere before the final return add:\neleventyConfig.addPairedShortcode(\"codepen\", codepenIt);\n```\n\n- Use it in any `.md` file:\n\n````md\n{% codepen \"https://unpkg.com/bonsai.css@latest/dist/bonsai.min.css\", \"https://unpkg.com/uhtml\", \"Heyyy\", \"Waz uuuuuuuup\", \"Test it\" %}\n\nSome very important code:\n\n```html\n<h1 class=\"someClass\">Test</h1>\n```\n\n```css\nbody {\n  --mx: 4rem;\n}\n```\n\n```js\nvar foo = function (bar) {\n  return bar * 2;\n};\n\nconsole.log(foo(5));\n```\n\n{% endcodepen %}\n````\n\n### Shortcode attributes:\n\n```md\ncodepen -> The shortcode (1st attr)\n\n\"https://unpkg.com/bonsai.css@latest/dist/bonsai.min.css\", -> Any ext css (semicolon seperated) (2nd attr)\n\n\"https://unpkg.com/uhtml\", -> Any ext js (semicolon seperated) (3rd attr)\n\n\"Heyyy\", -> Title of the pen (4th attr)\n\n\"Waz uuuuuuuup\", -> Description of the pen (5th attr)\n\n\"Test it\" -> Button text (for i18n) (6th attr)\n```\n","readmeFilename":"README.md"}