{"_id":"debucsser","_rev":"5-1706bd7cc29e0e9a35c83d863b212402","name":"debucsser","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"debucsser","version":"1.0.0","description":"CSS debugging tool with an unpronounceable name","main":"debucsser.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"author":{"name":"Luca Gesmundo"},"license":"MIT","bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"homepage":"https://github.com/lucagez/Debucsser#readme","_id":"debucsser@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lucagez","email":"lucagesmundo@yahoo.it"},"dist":{"integrity":"sha512-+Qrt2PqDL4iK3lpupwIHtVflfS/TZUVglxN+oW/au3SmNvCca767G67C8I7A5qv7an6EqXa4OoG5JxU7/nE/Jw==","shasum":"224f790490afd7bc4925592004e5a9e1cf1900d4","tarball":"https://registry.npmjs.org/debucsser/-/debucsser-1.0.0.tgz","fileCount":2,"unpackedSize":5429,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCVBpCRA9TVsSAnZWagAACYEP/RzScMCCwbK56Y/zLr3Y\nPGGGkLv+VhSOBOfn/zkpRHY7/UW7Cv+nhDg4ggfkc+HC68Kb5Yb6DAqho21H\ngr2Ihux8EFGptbRjRQ3T8pznaLh8CWgUzDVeuPCjzdlwmw6tQm79iyg0hVXb\nktN+Bn3hFOji7lNQDZBblvuQMeEgUVIojq4Z9wutCyeTn/YQ4jsO/CsHq2MU\n+Ikeo+AKqYz4hB9YAlWNvcAjrk/qz7GGIbNwK/S4s3GXPB3lwL/gvFzKe3KA\n5BpFU0kgnxlt/vwp3ihSoq2qJ7oX1BoKVWPNEJfXa3Hv/OvusKWXoIL0z9Qj\nnzpX7OXZE0QcUxTGqgYMQYAr6r+EjCl1FEN0/v3+PmYkmt9QSTm+iONlbm/O\nNzsnygbUFJgDjO52UptpSSw8daaNBeN5ZLue8D47N4mhbrPiFa+HwVgb6VPc\nQTmCCvw/oENmPby26l95O1DmQtwlwXGs2SGWCp/k1LlglimnLHTfQqW3tWLa\nqJaHLgGjNB83lDSFVzFdfSZguI6KhALjnhqiEvKuJ6rY742UL1gWGmB9nbbt\nDvH23aAwIGmDNIXMMNL0i2Xu3PPXXIPZHQopuC2V9xVJGvO7WAv1vPm6QS10\ntf11Z6CuoXgwaiyCI8cX8QprlJoGrzjXJDE6WDUl2/WOvP7j/xduSrFXjEWW\nANBc\r\n=xSqG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTP0s+IO3aEhixWBYG8M62UeNac5sRx/HOHe1qThCLOwIhANgmXA+82JyLYEDyESiPO8rs39HUI16KApc72E8xxVKd"}]},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/debucsser_1.0.0_1544114280349_0.5295006386816472"},"_hasShrinkwrap":false},"1.0.1":{"name":"debucsser","version":"1.0.1","description":"CSS debugging tool with an unpronounceable name","main":"debucsser.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"author":{"name":"Luca Gesmundo"},"license":"MIT","bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"homepage":"https://github.com/lucagez/Debucsser#readme","_id":"debucsser@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lucagez","email":"lucagesmundo@yahoo.it"},"dist":{"integrity":"sha512-yjoJkJsPPhDxAk7Kfcu8BcQD99k/ja8JpUOLMkUWeOdIEqVkmWdjwRDUagNf+93PNNWTAVXKEk7U9VEjHDV2xw==","shasum":"ccae0ad7eb01aa1227aa8eb86ea7cb3cabd09aa5","tarball":"https://registry.npmjs.org/debucsser/-/debucsser-1.0.1.tgz","fileCount":2,"unpackedSize":5185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCVMVCRA9TVsSAnZWagAA8Z0P/3gKue5tefAQjvH7/bCC\ni8GOO51cNwN5uHY4Frri1Bp3+d6POKDOuJEnhauCI6/SXos85wgxPYmsCddm\njb3OZgvmyldJWG8Hb7Nf2RiCcMT6+tbt7xl3wjLFY+ddQ7d62IG9kT6ip8no\n5/7QaGP+EugaCwMXRLxQXmYNdEWIkj12V4qOQuKbSCBg/zN2tOHeVfLmJz4I\n84Aii2b2zNX4CgyDdojUUxBRD9thkD5Uaj4PoMkRi8SaeRGme2i+wtWvVcYk\ngIwGzUBm49qWOFNCkv8tU7G4xBxK3QyFHDd4LcqoXxEiGf8It08Q4rQpv9Rd\nmYDhMRnnithZwl7dtbzG29fs3eTfyToeSZ90hBxH11b3uK/Vb7dJ/xzNLBF5\njMSiZ0AMfYBBM6l6PU0RtaJGPSL+Oh+MgJ/DMgGkGlRYMnMrhSEZJC2jVkD/\n4W6MCLlOp1peSHIGwN0E5Jvo8ggwcRCCz+wyk5wAHkxPnP9mMaxcLqrGwpJc\n5xyGjFH5n2iYRpBdhnT4p9nuNzmAm28/PdxuhkMMz7kx26uDMXQ1foJmnfsI\nc+5Dp+E/lr35xsWHn4hABtUWnniMMQHGcdXESpOb1Kfem0l3IVr2B8IWBdf2\nXrMjwQQJQE+2D8YS9P63HYNTfUAes0Z0xsRnjxdEYRBzxCzwKU9lncNDRMJ/\nzGXR\r\n=L+BX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDER/Ny1p66G3MVqMcD+3q6jBcPT2q80nEF4iwC2VD4lgIgP77FkIm8xGoyT+6FF5VafjQhsXRzqSkxnOGFusU31sQ="}]},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/debucsser_1.0.1_1544114964624_0.060190314951623636"},"_hasShrinkwrap":false},"1.0.2":{"name":"debucsser","version":"1.0.2","description":"CSS debugging tool with an unpronounceable name","main":"debucsser.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"author":{"name":"Luca Gesmundo"},"license":"MIT","bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"homepage":"https://github.com/lucagez/Debucsser#readme","_id":"debucsser@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lucagez","email":"lucagesmundo@yahoo.it"},"dist":{"integrity":"sha512-8Pp/qfJ4AqkWkJkARdX7LwrW0kxAYBLARHodRsYcKymL/XLGZIMU2/oJRStvcVhx2zSsMxhVi8YPWV4trjj8OQ==","shasum":"96c631f917d6d2d600fd46a31c076b876b4c73ae","tarball":"https://registry.npmjs.org/debucsser/-/debucsser-1.0.2.tgz","fileCount":2,"unpackedSize":5113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCVRZCRA9TVsSAnZWagAAP7EP/R43x3eGz7PhJKLDMTJ7\ncaLwuMt/3NGHRZ8xh1ttoOn+2Mx3NPP6wISD/1vcvWtT/bagDMcyH80hdYEH\n1wT4z2YpGm3wThilbMqaIkG7Wme7sSkXO8llZXz++OBSGFzHS7I86Aary2Hm\noLcdpqF/wxGN7zX5LqQt7VY9nAfRf2MN/+toqfxhwFLGvW7k+7AWJLgmsDu1\n8d23hYgo7+SPOSwufy2pYN0qMclFuPw3HGlDgVrvYeRX3xRwMMo0N+bAYngg\nD19A94xImAS87ZdHCZYsv4nSSbtRpO+ZhNcE912ZameFbYPPHfg8SdtAQrkV\nUQIK14lTh5mN3E70FSwr5+smZWhx0dqOHZppDZz9+O7gXU5PSuwYMT7FHl3n\npR16ozChikNNjz1Mm8g+C98IRmJW7oZMgiUK2LayCTa4NFStONEUkXiKBfDb\nrHX4tMXH9xrThvpUOSkPpyPe4mNyd8fFdR6NrWmFtfpGhxFxyWKMk+ZWPp4Q\n3WvkS+feD6eAiXqdDgSAep42DJsYu45eMXe5PxGu6pd8s084L3wZaHpCsyxX\nT5B0FFNTMMSQpGKdkCLdR20ZNAaH/JNhwJ7fkVFt2eMuCdNbsQNvLOemWat5\nTjXjJViD59oSSOuaVj9IozK/r2Qftp6uItWmb23X1BGQV2AUWRlJ7zV7cM0E\nXXoT\r\n=GsPT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBghNerqw3j3cSl3FPZ5ugClXu3iuLSVfuAvT4un+Ju9AiEA1VkfXTrslzNCHGyt7MuLUbmctSk+An672dON2q46wGE="}]},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/debucsser_1.0.2_1544115289145_0.0198314480828794"},"_hasShrinkwrap":false},"1.0.3":{"name":"debucsser","version":"1.0.3","description":"CSS debugging tool with an unpronounceable name","main":"debucsser.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"author":{"name":"Luca Gesmundo"},"license":"MIT","bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"homepage":"https://github.com/lucagez/Debucsser#readme","_id":"debucsser@1.0.3","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lucagez","email":"lucagesmundo@yahoo.it"},"dist":{"integrity":"sha512-8qW0zmtPH+F0kW0NHmfxyybvVtkNuN+YiBGohzVqcJcSHV02fB3Bhkzgr3laYYEQbI7WR8GFXdWF/C6Dz7xWRQ==","shasum":"31ae37f4fd7e45eb8cde3f93304f258af09311a7","tarball":"https://registry.npmjs.org/debucsser/-/debucsser-1.0.3.tgz","fileCount":3,"unpackedSize":7313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDvncCRA9TVsSAnZWagAA1TIP/1oIVSWZL0DIVS6oWtDB\nGRYzUcYbHm0af4IdF2xjbq97qHsH8PW0UjaR2oupLbcRLmj4had+iWnVrBel\nn8p9J+HRjmvMPqKRNO9zRNWefkv4YQ3cm5mQ2xgjlVF/ItHB/56bx7coOe/g\noqxUVZzaqJUV18ZNmJMe8O+8oViTsekNEaUun9nGGaQe4K52QTUY/XVE4UHJ\njWWwUk7T5pLREZce54fEHFtvrMR1iYnMi/rnT/SpJhELc7SVwwvN94YpoTdU\ncyMPvphC+Zqz8hI3ICDRQC3CmszYTryH9P+r7w/EKzpH79KYsoujhXq2u5za\nr/pl7V2UWPYh2Kk4yYQaLsG3sf0zANgHReBb53PSLe0fEnd2qUuSkRqn2HGk\n4On81pe9kMSqFgPmwJX8eylnekIY8E12QZjLCfB3oZp48Jeqi+eqlquhMDsJ\nR9EYfmet5zKXRkjWuiWaQSKMzqg0t9Co0CSlTk6z4titVaV/9C5I2pksF+s4\nE3wTeHDzAZAD1vIZLvvWi3JtcgooYkOifNJ+1iaeockgzH2sk7I9ZW2KkkrM\nTM84PL96QOIGWnRIbCkyjXPLYvUFlXyuqCmfDPTqdmesSL8m06u9K7p2PUvX\ncAkG1yA7IcFSYq6eu2AdDiycwDOlAte1ecNDm80Pflpg53PrhvB/qbtbWz+d\neteF\r\n=rC3J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDdE5XXux1bMIEUa7CuDYkUjLFPE09Ll/YnYU4RRI+ODAiA4u8mewg3D2D23pgiOot8F88cP3xIkeKkre/Ti8M5wlA=="}]},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/debucsser_1.0.3_1544485339187_0.12550086339167432"},"_hasShrinkwrap":false},"1.0.4":{"name":"debucsser","version":"1.0.4","description":"CSS debugging tool with an unpronounceable name","main":"debucsser.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"author":{"name":"Luca Gesmundo"},"license":"MIT","bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"homepage":"https://github.com/lucagez/Debucsser#readme","_id":"debucsser@1.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"lucagez","email":"lucagesmundo@yahoo.it"},"dist":{"integrity":"sha512-xZzqE6SueOzotgYBLcCGZH1u3b0x29xj/PE86LKqv1ML0FAbdW2ScVPPYuzV1Gm/z3jWI8/YPdNOUTHSAyonHg==","shasum":"dc0d3d647fdb034c51032c41410f346771447edb","tarball":"https://registry.npmjs.org/debucsser/-/debucsser-1.0.4.tgz","fileCount":3,"unpackedSize":8185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGWGECRA9TVsSAnZWagAAxuoQAJAW4GWLukbpL3Kpb+Ww\np3FEEzkeYdbqRYZY+FJR98Zxep6QIP+Org2Aiewfiz6p9n0G+A5gVktrRPLJ\n7Jsxt8z5siblUWIZrBxlBunE3REEpaTTg3XnKIDct+cLc2phC/rjSS59i62E\nSrFIQztDpX/nqAaW7pY4lY+22630Q7J+qKZ9+1+mflhLQr9BHOaeXI5+LPiv\nmedPr7/FdMF4WXtbcUl/Bg+oe9T02vIqa6qoKpOT/CUkiGql1kqPQhQyUajB\nUUPEEMXHawCL4PIyJLrv2TVcjUK9MTLp1boKW1C0E/XzzawMkqwefHZ/r5UA\nwJmrSFFzF9K1WJmy9DBSa/yldRfNXRRTF30Y2Cd6+LYOpkBI1kqCjy4Cjn+C\n+8QFqG6RmDCWaGnZ5udC+sEG4KsXxyJ7q2zuxzYuTvgTnUTiNNDZdQxSnBQd\nW5iWi1DXT1O+ZDlfdcWrC8DjiMdHWHWz5z1Xn2vv36UcTKbh0N+aYsinB7AG\nizE8sztG95g/ebkiMFCB3IyXAJ3HVAQECVZhGl6Tq6yA4dRv4nuxNquPtERz\n3q+n49ioNZXgHX8IrLcfpIZHvlSd1+zExeHVvEruju/q3lPbdVCwYR9CnDHS\nnxjDVXiKwmCndNqW2O/6piLR/vLnDV/kIPacy+dWSuzMwxWncsEq7eUlWZua\nP8fc\r\n=FT4I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChQO/WHDTDq2Fp7swGla0syd/4C2kyfnRMqiYLBFOS+wIhALno9BktE1uWW2XKU1zFoHB2uC6/xkVxWLJVLxVepfFQ"}]},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/debucsser_1.0.4_1545167235887_0.2966867191006084"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-06T16:38:00.349Z","1.0.0":"2018-12-06T16:38:00.489Z","modified":"2022-04-28T07:47:14.434Z","1.0.1":"2018-12-06T16:49:24.738Z","1.0.2":"2018-12-06T16:54:49.224Z","1.0.3":"2018-12-10T23:42:19.315Z","1.0.4":"2018-12-18T21:07:16.013Z"},"maintainers":[{"name":"lucagez","email":"lucagesmundo@yahoo.it"}],"description":"CSS debugging tool with an unpronounceable name","homepage":"https://github.com/lucagez/Debucsser#readme","keywords":["css","debugger","debugging","debug","debug","css","debugging","tool"],"repository":{"type":"git","url":"git+https://github.com/lucagez/Debucsser.git"},"author":{"name":"Luca Gesmundo"},"bugs":{"url":"https://github.com/lucagez/Debucsser/issues"},"license":"MIT","readme":"\n![](/gif/debucsser.gif)\n\n# DebuCSSer\n\nCSS debugging tool with an unpronounceable name.\n\n### [Codepen Demo](https://codepen.io/lucagez/full/LMEerQ)\n\n## Installation\n\nIf you are using a bundler:\n\n`npm install debucsser`\n\nAlternatively: download debucsser.js in /module folder and link it in your HTML.\n\n_**A chrome extension is under development**_\n\n## Why\n\nDebucsser is a simple CSS debugging tool made to be unobtrusive in your workflow.\n\nI often find myself applying an \"outline\" to a lot of elements on the page to see their dimensions.\n\nWith Debucsser I simply hold **`CTRL`** and move my mouse around to see the dimensions in px and apply an outline class to every element I hover.\n\nIf you  hold **`CTRL`** + **`SHIFT`** you apply the outline class to all the elements on the page by adding a global class.\n\nYou can configure some parameters.\n\nI find handy the possibility to specify a custom class I want to apply to different elements without the need to comment and uncomment the my css files.\n\n## Usage\n\n```javascript\n// only if you installed via NPM\nimport Debucsser from 'debucsser';\n\n// pass all the custom properties you want\nconst config = {\n  color: 'palevioletred', // color of the outline\n  width: '4px', // width of the outline\n  grayscaleOnDebugAll: true, // apply grayscale filter to every element \n  customClass: 'exampleClass',  // a class existent in your stylesheet\n}\n\n// init the debugger\nconst debug = new Debucsser(config).init();\n```\n\nWhen you have done this, simply hold **`CTRL`** or **`CTRL`** + **`SHIFT`** and move the mouse around on the page.\n\n## Props\n\n|       property        |  propType    |    default    |                              description                              |\n| :-------------------- | ------------  | ------------: | :-------------------------------------------------------------------- |\n| `color`               | { string }   | palevioletred | Outline color.                                                        |\n| `width`               | { string }   | 3px           | Outline width.                                                        |\n| `style`               | { string }   | solid         | Outline style.                                                        |\n| `grayscaleOnDebug`    | { bool }  | false         | Apply grayscale filter on hovered element while holding `CTRL`.       |\n| `grayscaleOnDebugAll` | { bool }  | false         | Apply grayscale filter on all elements while holding `CTRL` + `SHIFT`.|\n| `customClass`         | { string }   | null          | Apply custom class on hovered element while holding `CTRL`.           |\n| `mainKey`             | {number}    | 17            | Set the key to use alternatively to `CTRL`.                           |\n| `secondKey`           | {number}    | 16            | Set the key to use alternatively to `SHIFT`.                          |\n\n## Contributing\n\nFork ➡ new branch ➡ PR 🎉\n\n**TODO:**\n\n- [ ] Make a usable chrome extension (very experimental by now)\n- [ ] Improve default styling of label\n\nIf you have any idea on how to make Debucsser better don't hesitate 😎\n\n#### License\n\nMIT\n","readmeFilename":"Readme.md"}