{"_id":"@caspertech/quill-video-resize-module","_rev":"2-ed277ce4a181eb369af8ab1e58250956","name":"@caspertech/quill-video-resize-module","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.3":{"name":"@caspertech/quill-video-resize-module","version":"1.0.3","description":"A module for Quill rich text editor to allow videos to be resized.","main":"video-resize.min.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","release":"webpack -p --progress --colors","dev":"webpack --progress --colors --watch","lint":"eslint --ext js,es6 src","fixlint":"eslint --fix --ext js,es6 src"},"repository":{"type":"git","url":"git+https://github.com/kensnyder/quill-video-resize-module.git"},"keywords":["quill","quilljs","video","resize","sizer"],"author":{"name":"@lulhum"},"contributors":[{"name":"kensnyder","url":"https://github.com/kensnyder"},{"name":"Wikia","url":"https://github.com/Wikia"}],"license":"MIT","bugs":{"url":"https://github.com/Y-WeCode/quill-video-resize-module/issues"},"homepage":"https://github.com/Y-WeCode/quill-video-resize-module#readme","devDependencies":{"babel-cli":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-plugin-transform-class-properties":"^6.23.0","babel-preset-env":"^1.2.2","babel-preset-es2015":"^6.24.0","eslint":"^3.19.0","eslint-config-airbnb":"^14.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.10.3","webpack":"^2.3.3"},"dependencies":{"lodash":"^4.17.4","quill":"^1.2.2","raw-loader":"^0.5.1"},"gitHead":"7df825d22271f799e75cc4fe4659d1bab36bbb55","_id":"@caspertech/quill-video-resize-module@1.0.3","_nodeVersion":"16.14.1","_npmVersion":"8.5.0","dist":{"integrity":"sha512-6iqdRdM8iVXbnL0tR1g01CuAn9d4XXltyYLazVpteLaQsXG6VnyDUNqHhKgO6QCO6SOSQS7paPgYAqiojN2REg==","shasum":"361693c2df03ba12857e80ee239b8941719613ea","tarball":"https://registry.npmjs.org/@caspertech/quill-video-resize-module/-/quill-video-resize-module-1.0.3.tgz","fileCount":16,"unpackedSize":630962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPRV9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQWw/8DjDA2P2xyNHrOBGpDMMRnZlqZ21JQqKZ+5JTM9siaavMlh6f\r\nUorc6lwxbFBc7JhxGqyE9E4lUS05VY9F2rt9DEhGrO2Tx9YKE2LUZ2pE6SkP\r\nssEuY2L3NTY9IbEnVNrAoq6OcjbYYwxSU1ex1tsBvsBcnfZ/weiCChUc2utT\r\n1GTKDYfC+BFP8J33N5h9PWyjHZ++coNnDEgrE7G0/qhauZBCDmOmzX83BJon\r\nICwiUO9gszhFDEFuaB+G8GRak5BWfA9ttvEYU912TDF7PBPVNBz32tJ8qsvA\r\n7jTkGavDIOZwSgE/1FIfFJXXksZ8bG0XsPWJk4hWffLyRKZBurBepkezjQY3\r\nVMtShV15z03KAIwkSqYyjv0fSfkr9WEv94QOaFrZU9SGSfRptpPegzfZqLlA\r\ntcZkOAwNg+NHwVQq6/9uxkYJNDwzLJNok0Gsxbj3mxoTg7MT27XwzNQ1DS+h\r\n6HVZcuQm0orXa7DCYkT04+qREdRDmNAGD00CeIjdTWg4x1UOAwYgheE9bTlo\r\nJaXltFUkGQmnP/asmNEPnCsWXkzqCBvkQwk9qEzewK3XQTjPzPfR6vDVeLol\r\nhxw0m3K3CMN1th+6UVW0pjoeS6ENMyesmq9i6lJlNK2/hDv+m+HhnJjwwdg4\r\nDBBN3sUs6wRLLbO1uXNBCIq/qEC0tg5B1wQ=\r\n=HA/7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAK5D4puQ49HUnuC2k3ZWblI4TfDPbzMtjUgmBQkEGB4AiEA5L/UWGDCd860/DgVe6Ps0F1g1uJOqaxjcBhohbOP2WA="}]},"_npmUser":{"name":"tommettam","email":"npm@caspertech.co.uk"},"directories":{},"maintainers":[{"name":"tommettam","email":"npm@caspertech.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-video-resize-module_1.0.3_1648170363877_0.47904086714791716"},"_hasShrinkwrap":true},"1.0.4":{"name":"@caspertech/quill-video-resize-module","version":"1.0.4","description":"A module for Quill rich text editor to allow videos to be resized.","main":"video-resize.min.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","release":"webpack -p --progress --colors","dev":"webpack --progress --colors --watch","lint":"eslint --ext js,es6 src","fixlint":"eslint --fix --ext js,es6 src"},"repository":{"type":"git","url":"git+https://github.com/kensnyder/quill-video-resize-module.git"},"keywords":["quill","quilljs","video","resize","sizer"],"author":{"name":"@lulhum"},"contributors":[{"name":"kensnyder","url":"https://github.com/kensnyder"},{"name":"Wikia","url":"https://github.com/Wikia"}],"license":"MIT","bugs":{"url":"https://github.com/Y-WeCode/quill-video-resize-module/issues"},"homepage":"https://github.com/Y-WeCode/quill-video-resize-module#readme","devDependencies":{"babel-cli":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-plugin-transform-class-properties":"^6.23.0","babel-preset-env":"^1.2.2","babel-preset-es2015":"^6.24.0","eslint":"^3.19.0","eslint-config-airbnb":"^14.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.10.3","webpack":"^2.3.3"},"dependencies":{"lodash":"^4.17.4","quill":"^1.2.2","raw-loader":"^0.5.1"},"gitHead":"0689f10c2f4872a32acda9d091ae7225c02adcdc","_id":"@caspertech/quill-video-resize-module@1.0.4","_nodeVersion":"16.14.1","_npmVersion":"8.5.0","dist":{"integrity":"sha512-kuy1PVZjJY+xJyCJf5N45ZeKnnjoZ/Fcy6jDi/Dqe0buXMsa4Y2rEYv0dHXxcuSpDVzmkQ0kiVuQ4W8w4YHiQg==","shasum":"3fa5c7d6d02d341fa4c1268f412afdfa6a05e987","tarball":"https://registry.npmjs.org/@caspertech/quill-video-resize-module/-/quill-video-resize-module-1.0.4.tgz","fileCount":17,"unpackedSize":179074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPRewACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvHA/9Eqm9R+V3DR1BSlOo2encIo4/Lb6zyoUuDEpGpRmBLSOq6dbi\r\nEPNqp50Ek9oTTxxofZX1xUTxD+w5echeA4sSgOrM1w6IjfOnZKykXpIzFDWz\r\naLbGRba1EyEI5RQL6DX9nLyjYmjK46SqFzeBst9NUhW3RfzUiq75R8PpDmT7\r\nB3h2OzBFpVgEgWl2Lz2fTsbX4Ak9TFM26aWtig5vFOuuciSzAg6WyIIXoZid\r\nn2MnIXXC2eb7W3wyTGof+9M2+wq7LfKyqhCuYX8wfvwW/cpKmI66xTIFmswi\r\nPi6oR53Ph8cB1nNhP6RBD1UC/UEaZH/0LLsNJrqrLkb5th6/1Rc9/KCzJjB+\r\nKW10Jqv8+HnQ+JWnzXL1FrflgggKyNLWlLN6AMKLYZgBziRxpJiBLD//13Lc\r\nKNUrJyRBtCaN21hLWpdJwQTemAWi3TEfC/n3Iye8tQJJ35xvWJLD3UfxKzpl\r\n7AzKUTpxdyQHkb29/Pdy5tugRrkrHusV9+OPPiDjl0gEJi9xwdm3q5jUY+4N\r\niYnulZ7HnT7P2+lPEW44XQrMxsKZHEwHYKCRxwMZ4R1rFP0TiAm5t1kJEoJP\r\n+OiUoaBo3vAZ3VfIWiW9x2dph1v85zLkGJ54kxWkTnZjtlxtdEjwbSXh50vz\r\nh3lKxLD1s/7WAQQnA6MCoMa5stMC3BPndbk=\r\n=wOUe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICD0/6ezGN6n6D+rheyOfoT2jlSoYJlUbcLnf7B4OXs8AiBkfg/2yy4qPiye+xvUp7oVx99W+7gMLzbUEi6IxS5ocw=="}]},"_npmUser":{"name":"tommettam","email":"npm@caspertech.co.uk"},"directories":{},"maintainers":[{"name":"tommettam","email":"npm@caspertech.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-video-resize-module_1.0.4_1648170928063_0.605342713971547"},"_hasShrinkwrap":true}},"time":{"created":"2022-03-25T01:06:03.817Z","1.0.3":"2022-03-25T01:06:05.127Z","modified":"2022-04-04T22:03:10.255Z","1.0.4":"2022-03-25T01:15:28.321Z"},"maintainers":[{"name":"tommettam","email":"npm@caspertech.co.uk"}],"description":"A module for Quill rich text editor to allow videos to be resized.","homepage":"https://github.com/Y-WeCode/quill-video-resize-module#readme","keywords":["quill","quilljs","video","resize","sizer"],"repository":{"type":"git","url":"git+https://github.com/kensnyder/quill-video-resize-module.git"},"contributors":[{"name":"kensnyder","url":"https://github.com/kensnyder"},{"name":"Wikia","url":"https://github.com/Wikia"}],"author":{"name":"@lulhum"},"bugs":{"url":"https://github.com/Y-WeCode/quill-video-resize-module/issues"},"license":"MIT","readme":"# Quill VideoResize Module\n\nA module for Quill rich text editor to allow videos to be resized.\nLazily adaptated from [kensnyder/quill-image-resize-module](https://github.com/kensnyder/quill-image-resize-module)\n\n\n## Usage\n\n### Webpack/ES6\n\n```javascript\nimport Quill from 'quill';\nimport VideoResize from 'quill-video-resize-module';\n\nQuill.register('modules/VideoResize', VideoResize);\n\nconst quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        videoResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n/!\\ You also need to add CSS to disable pointer-events in the video iframe while in editor mode to prevent\n\n```css\n.quill-editor iframe {\n    pointer-events: none;\n}\n```\n\n### Script Tag\n\nCopy video-resize.min.js into your web root or include from node_modules\n\n```html\n<script src=\"/node_modules/quill-video-resize-module/video-resize.min.js\"></script>\n```\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n/!\\ You also need to add CSS to disable pointer-events in the video iframe while in editor mode to prevent\n\n```css\n.quill-editor iframe {\n    pointer-events: none;\n}\n```\n\n### Config\n\nFor the default experience, pass an empty object, like so:\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {}\n    }\n});\n\nFunctionality is broken down into modules, which can be mixed and matched as you like. For example,\nthe default is to include all modules:\n\n```javascript\nconst quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]\n        }\n    }\n});\n```\n\nEach module is described below.\n\n#### `Resize` - Resize the video\n\nAdds handles to the video's corners which can be dragged with the mouse to resize the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            // ...\n            handleStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            }\n        }\n    }\n});\n```\n\n#### `DisplaySize` - Display pixel size\n\nShows the size of the video in pixels near the bottom right of the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            // ...\n            displayStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            }\n        }\n    }\n});\n```\n\n#### `Toolbar` - Video alignment tools\n\nDisplays a toolbar below the video, where the user can select an alignment for the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            // ...\n            toolbarStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            },\n            toolbarButtonStyles: {\n                // ...\n            },\n            toolbarButtonSvgStyles: {\n                // ...\n            },\n        }\n    }\n});\n```\n\n#### `BaseModule` - Include your own custom module\n\nYou can write your own module by extending the `BaseModule` class, and then including it in\nthe module setup.\n\nFor example,\n\n```javascript\nimport { Resize, BaseModule } from 'quill-video-resize-module';\n\nclass MyModule extends BaseModule {\n    // See src/modules/BaseModule.js for documentation on the various lifecycle callbacks\n}\n\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            modules: [ MyModule, Resize ],\n            // ...\n        }\n    }\n});\n```\n","readmeFilename":"README.md"}