{"_id":"@codemovie/code-movie-reveal-plugin","_rev":"1-2594370c14a510b61954a9ffb19e76a3","name":"@codemovie/code-movie-reveal-plugin","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@codemovie/code-movie-reveal-plugin","version":"1.0.0","description":"Reveal plugin for code.movie","main":"dist/index.esm.js","browser":"dist/index.js","module":"dist/index.esm.js","scripts":{"lint":"eslint ./src","build":"esbuild src/index.js --bundle --minify --outfile=dist/index.js && esbuild src/index.js --bundle --minify --format=esm --outfile=dist/index.esm.js","release":"release-it"},"author":{"name":"peter@peterkroener.de"},"license":"MIT","devDependencies":{"esbuild":"^0.15.15","eslint":"^8.28.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.7.1","release-it":"^15.5.0"},"repository":{"type":"git","url":"git+https://github.com/CodeMovie/code-movie-reveal-plugin.git"},"bugs":{"url":"https://github.com/CodeMovie/code-movie-reveal-plugin/issues"},"homepage":"https://github.com/CodeMovie/code-movie-reveal-plugin#readme","publishConfig":{"access":"public"},"dependencies":{"@codemovie/code-movie-runtime":"^1.0.3"},"gitHead":"7bf05dee7956cb29066bf0fb4d7b20959c55fee9","_id":"@codemovie/code-movie-reveal-plugin@1.0.0","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-wP6Tu/2yxdncRTeGY/RuYQulsKQa8DjFVZYOFAuqb1K/poo8PauOLu7a8VS4j1M3lmMqOcUAcrlG39GCtNXhUg==","shasum":"2fe32dd0337b6fd68c81e4a00c792782f3c710fe","tarball":"https://registry.npmjs.org/@codemovie/code-movie-reveal-plugin/-/code-movie-reveal-plugin-1.0.0.tgz","fileCount":11,"unpackedSize":16947,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIETpZxNkdY8BFdIAq9IPvr8AwzaJ1edESXwiI2MJy/jJAiEA+PbDS34inSTSA6mLEcj3b+zkt0ipgMt1aePFs+/woZ8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfizPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcUA//b0hv6/kJ3Q2uzAMTyNERmRFfx4dgoW23ndw1DundJ8KCJx9y\r\n1SCXQDGVg4KfSh00hCaEUHC3OLz8bg0/kAJkOc9tT6pq/GJpffXcDw7VRlMJ\r\nQQ/Q2IZp7MzRQ5SLqtEdxDZoVrjyrY2im/uXL2z+1jya2XgxZ7Q5WqeY0OW1\r\ny8kEYH0PA+k2e9K/KHWcb6m+3iGxLn0MCd3q0d3LkzvQQtoTSGEzJ+bCTrgc\r\nAabse2iIFT37lfbT7k1yzIY4KHst30PYc2VlgnO2g0MfZUtL3gxT47s8L4cw\r\nehR2w+48PWle8q+xyaZdnp2+T6pLiUxiM3cQPeUfvkNNf6Gy/oOm0m5B2MdL\r\nmxrmxyUoFUdLATCHh1lCt3g0XjHg5VBhrbzfzPnguluweOPGXwj9TYmmc281\r\n3IQXjc6nqzxB9DCM7VLfrE/IE/pgW5rNm8igtvY0ZEPwXZUGKfFhvpp2jYLT\r\nPSTqaVZGl2VdPQEWQNNmPMgTPgUAY0VlINOcva54gNa6ASwYZxCuQW8xD/3r\r\nYB05sfWplRE0azacjA1ecJ60oCfV7GigW6Z75nlXJvNtqw50pIf7a9W9erBl\r\nF6KlATgWQGDe/sdVfzHMqhsWn+6Eg0zGIBIjhcnFDd05dy/PNEt3uQjn+QER\r\nnExQhXn6BNpplSWHuB7oS435CRdXbYNdXk4=\r\n=Ox7q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sirpepe","email":"peter@peterkroener.de"},"directories":{},"maintainers":[{"name":"sirpepe","email":"peter@peterkroener.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/code-movie-reveal-plugin_1.0.0_1669213391615_0.6668372929144142"},"_hasShrinkwrap":false},"1.1.0":{"name":"@codemovie/code-movie-reveal-plugin","version":"1.1.0","description":"Reveal plugin for code.movie","main":"dist/index.esm.js","browser":"dist/index.js","module":"dist/index.esm.js","scripts":{"lint":"eslint ./src","build":"esbuild src/index.js --bundle --minify --outfile=dist/index.js && esbuild src/index.js --bundle --minify --format=esm --outfile=dist/index.esm.js","release":"release-it"},"author":{"name":"peter@peterkroener.de"},"license":"MIT","devDependencies":{"esbuild":"^0.15.15","eslint":"^8.28.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","prettier":"^2.7.1","release-it":"^15.5.0"},"repository":{"type":"git","url":"git+https://github.com/CodeMovie/code-movie-reveal-plugin.git"},"bugs":{"url":"https://github.com/CodeMovie/code-movie-reveal-plugin/issues"},"homepage":"https://github.com/CodeMovie/code-movie-reveal-plugin#readme","publishConfig":{"access":"public"},"dependencies":{"@codemovie/code-movie-runtime":"^1.0.3"},"gitHead":"7f047a5d9d405bed0ba97d85b9d4d366dc6eaf63","_id":"@codemovie/code-movie-reveal-plugin@1.1.0","_nodeVersion":"16.13.1","_npmVersion":"8.3.0","dist":{"integrity":"sha512-AsAW9pWjedU3fb7ka/78BfR63za/3KuGHe2oz/a/jieJ7oJ30foJSVEzLIxVgm8d9RocCK4SQua+RhftKKOPcQ==","shasum":"84463f29f39bdb5e33f01ad98eb59803a79857b3","tarball":"https://registry.npmjs.org/@codemovie/code-movie-reveal-plugin/-/code-movie-reveal-plugin-1.1.0.tgz","fileCount":11,"unpackedSize":19431,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAYlwMHyL9pEklEOGR2dO38tf5Q3K0WVD0b1EHdrSF9gIhAL+r/6o8hBvBKRgw/ovPf+Tf/1ic4UIKIYYXp/87pXl4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj+TLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1ZRAAihd1y168Hmuwg9/jB1uDq29ndfsz7mp5kYniOQMfY5nqOhCq\r\nvahbthDc0knSeXptbD8qlS0SWZC3lRol6XAzNnyo6vBY3V63uuxGZoK0Ptkp\r\n5Dcv2iLRzC3Z90MKl+/v1jQtPY+euwnsv3WToTw9GkC7rBStn8RhtOKHAc8j\r\n5U8oAoJVAfRGxvXtih3WXUzhGxI4lYrWWvdwQKXLrvSI1vcEza1kXzgb9bpq\r\nQq1gnjjJee6SfBEknZRGtbWMePdtpbZ7Zvnpjn5KOhSa2mqi4N+QphAYskLS\r\nQ8ruXt22514YN61woOH4ujwTrbYRBJHTd3H4uRr8UoGXZOncfq8xz+CNMS2u\r\noN4elAx6/oGyOA/Swur/D3boLCMC9zpBTN2ydCWEx5FheNPADO8P1E64wxkj\r\nz7+mAf2g3xKRU3ov6HmmBSpR5DXRtwQuXOZtIzCNG7G7t/eaOm0m05uAgfhB\r\nE/B1dyYiyd8e9ocry1aC+kRp/60jsiiOkwbqo9KwJnCXvvUw2fIBr5SGM0iW\r\nSJT40tSiM+7H4BqQRlc6+v2wP5L7uCqwDetnA2KXj5nWh/GEMlANhO6Ce0e1\r\ndCj+YXDwur3nbty0FkmzMt8lJShO/FZk+gu61DdpJ9sCAj7+EXXWWlvCBkQm\r\ngnYtg0YyCUevE87T64HHVlRh+bE9n2xepf0=\r\n=79YB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sirpepe","email":"peter@peterkroener.de"},"directories":{},"maintainers":[{"name":"sirpepe","email":"peter@peterkroener.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/code-movie-reveal-plugin_1.1.0_1670374603786_0.8299752757147583"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-23T14:23:11.555Z","1.0.0":"2022-11-23T14:23:11.785Z","modified":"2022-12-07T00:56:44.026Z","1.1.0":"2022-12-07T00:56:43.943Z"},"maintainers":[{"name":"sirpepe","email":"peter@peterkroener.de"}],"description":"Reveal plugin for code.movie","homepage":"https://github.com/CodeMovie/code-movie-reveal-plugin#readme","repository":{"type":"git","url":"git+https://github.com/CodeMovie/code-movie-reveal-plugin.git"},"author":{"name":"peter@peterkroener.de"},"bugs":{"url":"https://github.com/CodeMovie/code-movie-reveal-plugin/issues"},"license":"MIT","readme":"# [Code.Movie](https://code.movie) plugin for [reveal.js](https://revealjs.com/)\n\nIntegrate animated, syntax highlighted code from [Code.Movie](https://code.movie)\ninto your reveal.js presentations!\n\n## What this does\n\nThis plugin makes Reveal.js handle each animation keyframe like a fragment. You\ncan navigate through an animated code sample using arrow keys or a remote, just\nlike you would navigate through slides or regular fragments.\n\n## How to use\n\nYou can install the library as `@codemovie/code-movie-reveal-plugin` from NPM,\n[download the latest release from GitHub](https://github.com/CodeMovie/code-movie-reveal-plugin/releases)\nor just grab either `index.esm.js` or `index.js`\n[from the source code](https://github.com/CodeMovie/code-movie-reveal-plugin/tree/main/dist).\n\nThen create a Reveal.js slide deck and import the plugin [just like any other reveal.js plugin](https://revealjs.com/plugins/):\n\n```html\n<!-- Using the plugin as a module -->\n<script src=\"dist/reveal.js\"></script>\n<script type=\"module\">\n  import { CodeMovie } from \"./plugin/code-movie/index.esm.js\";\n  Reveal.initialize({\n    hash: true,\n    plugins: [CodeMovie]\n  });\n</script>\n\n<!-- Using the module as a plain script -->\n<script src=\"dist/reveal.js\"></script>\n<script src=\"plugin/code-movie/index.esm.js\"></script>\n<script>\n  Reveal.initialize({\n    hash: true,\n    plugins: [CodeMovie]\n  });\n</script>\n```\n\nThen either export your Code.Movie project to HTML or get an embed code. Add the\nexported HTML or the embed code to a slide:\n\n```html\n<!-- A slide with the HTML export of a Code.Movie project -->\n<section>\n  <code-movie-runtime keyframes=\"0 1 2 3 4 5\">\n    <!-- Exported HTML content -->\n  </code-movie-runtime>\n</section>\n```\n\nAnd that's basically it! You can tweak details like the font size by setting the\nappropriate attributes on either the `<code-movie-runtime>` element or the\n`<script>` element containing the runtime code.\n\n```html\n<!-- Setting the font size on an HTML export -->\n<section>\n  <code-movie-runtime keyframes=\"0 1 2 3 4 5\" style=\"font-size:0.375em\">\n    <!-- Exported HTML content -->\n  </code-movie-runtime>\n</section>\n```\n\nThe plugin bundles the `<code-movie-runtime>` element, so everything should work\nout of the box.\n\n## How this works\n\nThis plugin adds an invisible fragment for each keyframe or each\n`<code-movie-runtime>` in the presentation and performs a bit of event handling\nto tie the animation's state to the current fragment. It is extremely simple and\nbasic :)\n","readmeFilename":"README.md"}