Skip to content

Instantly share code, notes, and snippets.

@chrishow

chrishow/gist:2a4295d6d8f9736eab28cc70b5ffc746

Last active March 9, 2024 08:43
Show Gist options
  • Save chrishow/2a4295d6d8f9736eab28cc70b5ffc746 to your computer and use it in GitHub Desktop.
Save chrishow/2a4295d6d8f9736eab28cc70b5ffc746 to your computer and use it in GitHub Desktop.
Download ZIP
Frame rate monitor web component
Raw
gistfile1.js
const monitor = document.createElement('frame-rate');
monitor.style.position = 'fixed';
monitor.style.backgroundColor = 'white';
monitor.style.width = '84px';
monitor.style.height = '75px';
monitor.style.zIndex = '1000';
document.getElementsByTagName('body')[0].append(monitor);
// Web component is below, source is from: https://github.com/ArtemNikolaev/frame-rate-web-component
/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/index.js":
/*!**********************!*\
!*** ./src/index.js ***!
\**********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _style_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style/style */ \"./src/style/style.js\");\n/* harmony import */ var _themes_post_like__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themes/post-like */ \"./src/themes/post-like/index.js\");\n/* harmony import */ var _utils_frame_rate_count__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/frame-rate-count */ \"./src/utils/frame-rate-count.js\");\n\n\n\n\nclass FrameRate extends HTMLElement {\n constructor() {\n super();\n\n this.attachShadow({mode: 'open'});\n this.shadowRoot.appendChild(_style_style__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n\n this.theme = {\n style : document.createElement('style'),\n el: document.createElement('div'),\n };\n\n this.frCounter = new _utils_frame_rate_count__WEBPACK_IMPORTED_MODULE_2__[\"default\"](this.render.bind(this));\n }\n\n disconnectedCallback() {\n this.frCounter.off();\n }\n\n attributeChangedCallback(key, prev, next) {\n if (!this[key]) return 0;\n\n try {\n this[key](prev, next);\n } catch (e) { }\n }\n\n render(frameRate) {\n this.theme.style.remove();\n this.theme.el.remove();\n\n this.theme = (0,_themes_post_like__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(frameRate);\n\n this.shadowRoot.appendChild(this.theme.style);\n this.shadowRoot.appendChild(this.theme.el);\n }\n\n off(prev, next) {\n typeof next === 'string' ? this.frCounter.off() : this.frCounter.on();\n }\n\n static get observedAttributes() {return ['off'];}\n}\n\ncustomElements.define('frame-rate', FrameRate)\n\n\n//# sourceURL=webpack://frame-rate-web-component/./src/index.js?");
/***/ }),
/***/ "./src/style/style.js":
/*!****************************!*\
!*** ./src/style/style.js ***!
\****************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst styleStr = __webpack_require__(/*! ./styles.css */ \"./src/style/styles.css\");\n\nconst styleEl = document.createElement('style');\nstyleEl.textContent = styleStr;\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styleEl);\n\n\n//# sourceURL=webpack://frame-rate-web-component/./src/style/style.js?");
/***/ }),
/***/ "./src/themes/post-like/index.js":
/*!***************************************!*\
!*** ./src/themes/post-like/index.js ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ generatePostLikeTheme)\n/* harmony export */ });\n/* harmony import */ var _post_like_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./post-like.css */ \"./src/themes/post-like/post-like.css\");\n/* harmony import */ var _post_like_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./post-like.svg */ \"./src/themes/post-like/post-like.svg\");\n\n\n\nconst themeStyle = document.createElement('style');\nthemeStyle.textContent = _post_like_css__WEBPACK_IMPORTED_MODULE_0__;\n\nfunction getSvgNode() {\n const div = document.createElement('div');\n div.innerHTML = _post_like_svg__WEBPACK_IMPORTED_MODULE_1__;\n return div.firstChild;\n}\n\nfunction generatePostLikeTheme(frames) {\n const div = document.createElement('div');\n div.id = 'frame-rate';\n\n Array.prototype.forEach\n .call(\n String(frames),\n (num) => {\n const svg = getSvgNode();\n svg.querySelector(`#_${num}`)\n .classList\n .remove('hide');\n div.appendChild(svg);\n }\n );\n\n return {\n style: themeStyle,\n el: div,\n };\n}\n\n\n//# sourceURL=webpack://frame-rate-web-component/./src/themes/post-like/index.js?");
/***/ }),
/***/ "./src/utils/frame-rate-count.js":
/*!***************************************!*\
!*** ./src/utils/frame-rate-count.js ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ FrameRateCount)\n/* harmony export */ });\nclass FrameRateCount {\n constructor(cb) {\n this.emit = cb;\n\n this.frames = [];\n this.frameRate = 0;\n this.frameRateOld = 0;\n\n this.on();\n }\n\n count() {\n if (this.isInactive) return 0;\n\n this.frames = this.frames.filter( dt => dt > Date.now() - 1000);\n this.frames.push(Date.now());\n\n const frameRate = this.frames.length;\n\n if (frameRate !== this.frameRate) {\n this.frameRateOld = this.frameRate;\n this.frameRate = frameRate;\n\n this.emit(this.frameRate);\n }\n\n requestAnimationFrame(() => this.count());\n }\n\n on() {\n this.isInactive = false;\n this.count();\n }\n\n off() {\n this.isInactive = true;\n }\n\n get() {\n return this.frames.length;\n }\n}\n\n//# sourceURL=webpack://frame-rate-web-component/./src/utils/frame-rate-count.js?");
/***/ }),
/***/ "./src/style/styles.css":
/*!******************************!*\
!*** ./src/style/styles.css ***!
\******************************/
/***/ ((module) => {
eval("module.exports = \"#frame-rate {\\n position: absolute;\\n top: 0;\\n right: 0;\\n}\\n\\n.hide {\\n display: none;\\n}\\n\";\n\n//# sourceURL=webpack://frame-rate-web-component/./src/style/styles.css?");
/***/ }),
/***/ "./src/themes/post-like/post-like.css":
/*!********************************************!*\
!*** ./src/themes/post-like/post-like.css ***!
\********************************************/
/***/ ((module) => {
eval("module.exports = \"svg {\\n display: inline;\\n width: 5vh;\\n padding: 0.5vh 0.5vh 0 0;\\n}\\n\\n.hide {\\n display: none;\\n}\\n\";\n\n//# sourceURL=webpack://frame-rate-web-component/./src/themes/post-like/post-like.css?");
/***/ }),
/***/ "./src/themes/post-like/post-like.svg":
/*!********************************************!*\
!*** ./src/themes/post-like/post-like.svg ***!
\********************************************/
/***/ ((module) => {
eval("module.exports = \"<svg viewBox=\\\"0 0 625 1209\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" xml:space=\\\"preserve\\\" xmlns:serif=\\\"http://www.serif.com/\\\" style=\\\"fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;\\\">\\n<g id=\\\"Empty-Shape\\\" serif:id=\\\"Empty Shape\\\"><rect x=\\\"0\\\" y=\\\"0\\\" width=\\\"625\\\" height=\\\"166.667\\\" style=\\\"fill:#060000;\\\"/>\\n<g id=\\\"Dots\\\"><g id=\\\"Dot\\\"><circle id=\\\"Dot1\\\" serif:id=\\\"Dot\\\" cx=\\\"354.167\\\" cy=\\\"854.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot2\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot3\\\" serif:id=\\\"Dot\\\" cx=\\\"437.5\\\" cy=\\\"770.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot4\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot5\\\" serif:id=\\\"Dot\\\" cx=\\\"187.5\\\" cy=\\\"604.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot6\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot7\\\" serif:id=\\\"Dot\\\" cx=\\\"270.833\\\" cy=\\\"520.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot8\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot9\\\" serif:id=\\\"Dot\\\" cx=\\\"354.167\\\" cy=\\\"437.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot10\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot11\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"354.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot12\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot13\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"437.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot14\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot15\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"520.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot16\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot17\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"604.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot18\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot19\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot20\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot21\\\" serif:id=\\\"Dot\\\" cx=\\\"187.5\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot22\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot23\\\" serif:id=\\\"Dot\\\" cx=\\\"270.833\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot24\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot25\\\" serif:id=\\\"Dot\\\" cx=\\\"354.167\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot26\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot27\\\" serif:id=\\\"Dot\\\" cx=\\\"437.5\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot28\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot29\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"770.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot30\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot31\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"854.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot32\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot33\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"937.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot34\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot35\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"1020.83\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot36\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot37\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot38\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot39\\\" serif:id=\\\"Dot\\\" cx=\\\"187.5\\\" cy=\\\"1020.83\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot40\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot41\\\" serif:id=\\\"Dot\\\" cx=\\\"270.833\\\" cy=\\\"937.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot42\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot43\\\" serif:id=\\\"Dot\\\" cx=\\\"187.5\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot44\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot45\\\" serif:id=\\\"Dot\\\" cx=\\\"270.833\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot46\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot47\\\" serif:id=\\\"Dot\\\" cx=\\\"354.167\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot48\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot49\\\" serif:id=\\\"Dot\\\" cx=\\\"437.5\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot50\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot51\\\" serif:id=\\\"Dot\\\" cx=\\\"104.167\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot52\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot53\\\" serif:id=\\\"Dot\\\" cx=\\\"187.5\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot54\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot55\\\" serif:id=\\\"Dot\\\" cx=\\\"270.833\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot56\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot57\\\" serif:id=\\\"Dot\\\" cx=\\\"354.167\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot58\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot59\\\" serif:id=\\\"Dot\\\" cx=\\\"437.5\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot60\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot61\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"270.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot62\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot63\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"437.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot64\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot65\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"354.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot66\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot67\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"520.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot68\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot69\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"604.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot70\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot71\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"687.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot72\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot73\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"770.833\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot74\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot75\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"854.167\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot76\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot77\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"937.5\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot78\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot79\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"1020.83\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot80\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot81\\\" serif:id=\\\"Dot\\\" cx=\\\"520.833\\\" cy=\\\"1104.17\\\" r=\\\"10.417\\\"/></g><g id=\\\"Dot82\\\" serif:id=\\\"Dot\\\"><circle id=\\\"Dot83\\\" serif:id=\\\"Dot\\\" cx=\\\"437.5\\\" cy=\\\"354.167\\\" r=\\\"10.417\\\"/></g></g></g>\\n<g id=\\\"Numbers\\\">\\n <path id=\\\"_1\\\" class=\\\"hide\\\" serif:id=\\\"1\\\" d=\\\"M104.167,687.5l416.666,-416.741l0,833.408\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_2\\\" class=\\\"hide\\\" serif:id=\\\"2\\\" d=\\\"M499.945,291.95c-0.032,75.846 0.372,332.766 0.157,385.828l-0.008,0.998l-410.659,410.659c-5.954,5.955 -7.739,14.908 -4.521,22.691c3.217,7.782 10.802,12.862 19.223,12.874c0,-0 374.294,0.524 416.953,-0.002c11.498,-0.141 20.717,-9.591 20.575,-21.088c-0.142,-11.498 -9.591,-20.717 -21.088,-20.575c-32.86,0.405 -262.762,0.184 -366.181,0.062c0.003,-0 381.169,-381.166 381.169,-381.166c0.567,-0.567 5.538,-4.337 6.079,-13.634c0.042,-0.716 0.099,-4.431 0.124,-10.65c0.225,-55.62 -0.229,-335.156 -0.155,-395.568l0.033,-9.766c0.363,-3.694 -0.328,-7.395 -2.179,-11.096c-0.566,-1.133 -12.209,-7.12 -22.705,-7.426l2.455,-4.004c-0,-0 -4.598,0.101 -9.978,0.144c-66.492,0.537 -400.89,-0.231 -405.072,-0.231c-11.499,-0 -20.834,9.335 -20.834,20.833c0,11.499 9.335,20.834 20.834,20.834c4.012,-0 311.652,0.705 395.778,0.283Zm26.539,-1.009c-1.995,0.576 -3.997,0.803 -5.99,0.744c1.45,-0.046 2.355,-0.097 2.676,-0.134c1.184,-0.14 2.287,-0.346 3.314,-0.61Zm13.877,-12.846l0.35,-1.009c-0.206,0.687 -0.437,1.331 -0.688,1.937l0.338,-0.928Z\\\"/>\\n <path id=\\\"_3\\\" class=\\\"hide\\\" serif:id=\\\"3\\\" d=\\\"M471.31,707.902c-101.179,100.448 -369.732,367.322 -382.94,382.682c-7.497,8.718 -6.505,21.883 2.214,29.379c8.718,7.497 21.883,6.505 29.379,-2.213c15.971,-18.575 412.237,-412.791 412.285,-412.822c10.555,-6.913 10.51,-15.979 8.761,-22.699c-0.922,-3.541 -3.29,-11.228 -13.842,-14.618c-0.77,-0.247 -6.735,-1.224 -17.028,-1.323c-50.337,-0.486 -261.89,1.516 -357.823,1.292c98.658,-99.8 383.187,-381.954 383.187,-381.954c5.994,-5.944 7.809,-14.919 4.594,-22.725c-3.214,-7.806 -10.821,-12.901 -19.264,-12.901l-416.666,0c-11.499,0 -20.834,9.335 -20.834,20.833c0,11.499 9.335,20.834 20.834,20.834l366.092,-0c-89.019,88.358 -316.553,314.404 -369.789,369.222c-8.216,8.461 -12.857,13.813 -13.591,14.918c-9.094,13.71 -0.024,23.771 2.344,26.209c1.476,1.519 4.322,4.242 9.752,5.689c1.225,0.327 6.399,1.024 14.919,1.216c48.843,1.103 260.157,-0.801 357.416,-1.019Zm31.9,-31.666l6.208,-6.164c-2.879,1.886 -4.849,4.017 -6.208,6.164Z\\\"/>\\n <path id=\\\"_4\\\" class=\\\"hide\\\" serif:id=\\\"4\\\" d=\\\"M104.167,270.833l-0,416.667l416.666,0l0,-416.667l0,833.334\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_5\\\" class=\\\"hide\\\" serif:id=\\\"5\\\" d=\\\"M520.833,270.833l-416.666,0l-0,416.667l416.666,0l0,416.667l-416.666,-0\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_6\\\" class=\\\"hide\\\" serif:id=\\\"6\\\" d=\\\"M520.833,270.833l-417.595,417.01l0.929,416.324l416.666,-0l0,-416.667l-416.666,-0\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_7\\\" class=\\\"hide\\\" serif:id=\\\"7\\\" d=\\\"M104.167,270.833l416.666,0l-416.666,416.667l-0,416.667\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_8\\\" class=\\\"hide\\\" serif:id=\\\"8\\\" d=\\\"M104.167,687.5l-0,-416.667l416.666,0l0,416.667l-416.666,0l-0,416.667l416.666,-0l0,-416.667\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <path id=\\\"_9\\\" class=\\\"hide\\\" serif:id=\\\"9\\\" d=\\\"M104.167,1104.17l416.666,-416.667l0,-416.667l-416.666,0l-0,416.667l416.666,0\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n <rect id=\\\"_0\\\" class=\\\"hide\\\" serif:id=\\\"0\\\" x=\\\"104.167\\\" y=\\\"270.833\\\" width=\\\"416.667\\\" height=\\\"833.333\\\" style=\\\"fill:none;stroke:#000;stroke-width:41.67px;\\\"/>\\n</g>\\n</svg>\\n\";\n\n//# sourceURL=webpack://frame-rate-web-component/./src/themes/post-like/post-like.svg?");
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval devtool is used.
/******/ var __webpack_exports__ = __webpack_require__("./src/index.js");
/******/
/******/ })()
;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment