\n )\n );\n};\n\nexport default LatestPosts;\n","import React from \"react\";\n\nconst icon = () => {\n return (\n \n );\n};\nexport default icon;\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n/** Used as references for various `Number` constants. */\n\nvar NAN = 0 / 0;\n/** `Object#toString` result references. */\n\nvar symbolTag = '[object Symbol]';\n/** Used to match leading and trailing whitespace. */\n\nvar reTrim = /^\\s+|\\s+$/g;\n/** Used to detect bad signed hexadecimal string values. */\n\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n/** Used to detect binary string values. */\n\nvar reIsBinary = /^0b[01]+$/i;\n/** Used to detect octal string values. */\n\nvar reIsOctal = /^0o[0-7]+$/i;\n/** Built-in method references without a dependency on `root`. */\n\nvar freeParseInt = parseInt;\n/** Detect free variable `global` from Node.js. */\n\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n/** Detect free variable `self`. */\n\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n/** Used as a reference to the global object. */\n\nvar root = freeGlobal || freeSelf || Function('return this')();\n/** Used for built-in method references. */\n\nvar objectProto = Object.prototype;\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\n\nvar objectToString = objectProto.toString;\n/* Built-in method references for those with the same name as other `lodash` methods. */\n\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\n\nvar now = function now() {\n return root.Date.now();\n};\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\n\n\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n\n wait = toNumber(wait) || 0;\n\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time; // Start the timer for the trailing edge.\n\n timerId = setTimeout(timerExpired, wait); // Invoke the leading edge.\n\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime; // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n\n function timerExpired() {\n var time = now();\n\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n } // Restart the timer.\n\n\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined; // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n\n return result;\n }\n\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\n\n\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\n\n\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\n\n\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\n\n\nfunction isSymbol(value) {\n return typeof value == 'symbol' || isObjectLike(value) && objectToString.call(value) == symbolTag;\n}\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\n\n\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n\n if (isSymbol(value)) {\n return NAN;\n }\n\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? other + '' : other;\n }\n\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\n\nmodule.exports = throttle;","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inViewport;\n\nvar _getElementPosition = require('./getElementPosition');\n\nvar _getElementPosition2 = _interopRequireDefault(_getElementPosition);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nvar isHidden = function isHidden(element) {\n return element.offsetParent === null;\n};\n\nfunction inViewport(element, container, customOffset) {\n if (isHidden(element)) {\n return false;\n }\n\n var top = void 0;\n var bottom = void 0;\n var left = void 0;\n var right = void 0;\n\n if (typeof container === 'undefined' || container === window) {\n top = window.pageYOffset;\n left = window.pageXOffset;\n bottom = top + window.innerHeight;\n right = left + window.innerWidth;\n } else {\n if (!inViewport(container, window, customOffset)) return false;\n var containerPosition = (0, _getElementPosition2.default)(container);\n top = containerPosition.top;\n left = containerPosition.left;\n bottom = top + container.offsetHeight;\n right = left + container.offsetWidth;\n }\n\n var elementPosition = (0, _getElementPosition2.default)(element);\n return top <= elementPosition.top + element.offsetHeight + customOffset.top && bottom >= elementPosition.top - customOffset.bottom && left <= elementPosition.left + element.offsetWidth + customOffset.left && right >= elementPosition.left - customOffset.right;\n}","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _utils = require(\"../utils\");\n\nvar _jsxFileName = \"/Users/brettstevenson/Desktop/Folder/gatsby-plugin-workspace/gatsby-plugin-disqus/src/components/CommentCount.jsx\";\nvar queueResetCount = (0, _utils.debounce)(function () {\n if (window.DISQUSWIDGETS) {\n window.DISQUSWIDGETS.getCount({\n reset: true\n });\n }\n}, 300, false);\n\nvar CommentCount = /*#__PURE__*/function (_React$Component) {\n (0, _inheritsLoose2.default)(CommentCount, _React$Component);\n\n function CommentCount(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.shortname = typeof GATSBY_DISQUS_SHORTNAME !== \"undefined\" && GATSBY_DISQUS_SHORTNAME !== '' ? GATSBY_DISQUS_SHORTNAME : '';\n return _this;\n }\n\n var _proto = CommentCount.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.loadInstance();\n };\n\n _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n if (this.props === nextProps) return false;\n return (0, _utils.shallowComparison)(this.props, nextProps);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n this.loadInstance();\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cleanInstance();\n };\n\n _proto.loadInstance = function loadInstance() {\n if (window.document.getElementById('dsq-count-scr')) {\n queueResetCount();\n } else {\n (0, _utils.insertScript)(\"https://\" + this.shortname + \".disqus.com/count.js\", 'dsq-count-scr', window.document.body);\n }\n };\n\n _proto.cleanInstance = function cleanInstance() {\n (0, _utils.removeScript)('dsq-count-scr', window.document.body);\n window.DISQUSWIDGETS = undefined;\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n config = _this$props.config,\n placeholder = _this$props.placeholder,\n props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"config\", \"placeholder\"]);\n return /*#__PURE__*/_react.default.createElement(\"span\", (0, _extends2.default)({\n className: \"disqus-comment-count\",\n \"data-disqus-identifier\": config.identifier,\n \"data-disqus-url\": config.url\n }, props, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 7\n }\n }), placeholder);\n };\n\n return CommentCount;\n}(_react.default.Component);\n\nexports.default = CommentCount;\nCommentCount.defaultProps = {\n placeholder: '...'\n};\nCommentCount.propTypes = {\n config: _propTypes.default.shape({\n /*\n * Tells the Disqus service how to identify the current page. \n * When the Disqus embed is loaded, the identifier is used to look up \n * the correct thread. \n */\n identifier: _propTypes.default.string,\n\n /*\n * Tells the Disqus service the title of the current page.\n * This is used when creating the thread on Disqus.\n */\n title: _propTypes.default.string,\n\n /*\n * Tells the Disqus service the URL of the current page.\n * This URL is used when a thread is created so that Disqus knows which\n * page a thread belongs to.\n * (If undefined, Disqus will use the global.location.href)\n */\n url: _propTypes.default.string\n }),\n\n /*\n * This is the text that will be used as a placeholder prior to \n * loading the response.\n */\n placeholder: _propTypes.default.string\n};","import { useStaticQuery, graphql } from \"gatsby\";\n\nexport const FindCategory = (ID) => {\n const { categories } = FindItems();\n\n const category = categories.nodes.find((category) => category.frontmatter.id === ID);\n const categoryName = category?.frontmatter?.title;\n const categoryLink = category?.fields?.slug;\n\n return { categoryName, categoryLink };\n};\n\nexport const FindAuthor = (ID) => {\n const { authors } = FindItems();\n\n const author = authors.nodes.find((author) => author.frontmatter.id === ID);\n const authorName = author?.frontmatter?.title;\n const authorLink = author?.fields?.slug;\n\n return { authorName, authorLink };\n};\n\nexport const CreateID = (name) =>\n name\n .replace(/[^\\w ]/, \"\")\n .split(\" \")\n .join(\"_\");\n\nexport const LinkFix = (item) => (item.link?.includes(\"/\") ? item.link : `/${item.link}/`);\n\nconst FindItems = () => {\n const { authors, categories } = useStaticQuery(graphql`\n query Authors {\n authors: allMarkdownRemark(filter: { frontmatter: { templateKey: { eq: \"author-page\" } } }) {\n nodes {\n fields {\n slug\n }\n frontmatter {\n id\n title\n }\n }\n }\n categories: allMarkdownRemark(filter: { frontmatter: { templateKey: { eq: \"category-page\" } } }) {\n nodes {\n fields {\n slug\n }\n frontmatter {\n id\n title\n }\n }\n }\n }\n `);\n\n return { authors, categories };\n};\n","var setPrototypeOf = require(\"./setPrototypeOf\");\n\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct\");\n\nfunction _construct(Parent, args, Class) {\n if (isNativeReflectConstruct()) {\n module.exports = _construct = Reflect.construct;\n } else {\n module.exports = _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _jsxFileName = \"/Users/brettstevenson/Desktop/Folder/gatsby-plugin-workspace/gatsby-plugin-disqus/src/components/CommentEmbed.jsx\";\n\nvar CommentEmbed = /*#__PURE__*/function (_React$Component) {\n (0, _inheritsLoose2.default)(CommentEmbed, _React$Component);\n\n function CommentEmbed() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = CommentEmbed.prototype;\n\n _proto.getSrc = function getSrc() {\n var RADIX_BASE = 36;\n var post = Number(this.props.commentId).toString(RADIX_BASE);\n var parentParam = this.props.showParentComment ? '1' : '0';\n var mediaParam = this.props.showMedia ? '1' : '0';\n return \"https://embed.disqus.com/p/\" + post + \"?p=\" + parentParam + \"&m=\" + mediaParam;\n };\n\n _proto.render = function render() {\n return /*#__PURE__*/_react.default.createElement(\"iframe\", {\n src: this.getSrc(),\n width: this.props.width,\n height: this.props.height,\n seamless: \"seamless\",\n scrolling: \"no\",\n frameBorder: \"0\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 13\n }\n });\n };\n\n return CommentEmbed;\n}(_react.default.Component);\n\nexports.default = CommentEmbed;\nCommentEmbed.defaultProps = {\n width: 420,\n height: 320,\n showMedia: true,\n showParentComment: true\n};\nCommentEmbed.propTypes = {\n /*\n * This is used to determine the comment that gets embeded.\n * The ID can be found in the Disqus moderation panel or as a `data-post-id`\n * attribute on the HTML element.\n */\n commentId: _propTypes.default.string.isRequired,\n\n /*\n * Determines the width of the embedded comment container.\n */\n width: _propTypes.default.number,\n\n /*\n * Determines the height of the embedded comment container.\n */\n height: _propTypes.default.number,\n\n /*\n * Determines whether the embedded comment should include or omit media from \n * within the original comment.\n */\n showMedia: _propTypes.default.bool,\n\n /*\n * Determines whether the parent comment should be displayed for nested comments.\n */\n showParentComment: _propTypes.default.bool\n};","import React from \"react\";\n\nconst icon = () => {\n return (\n \n );\n};\nexport default icon;\n","import React from \"react\";\n\nconst icon = () => {\n return (\n \n );\n};\nexport default icon;\n","import React from \"react\";\nimport Calendar from \"../../svg-icons/calendar.js\";\nimport CommentDots from \"../../svg-icons/comment-dots.js\";\nimport Facebook from \"../../svg-icons/facebook.js\";\nimport Twitter from \"../../svg-icons/twitter.js\";\nimport Pinterest from \"../../svg-icons/pinterest.js\";\nimport useSiteMetadata from \"../SiteMetadata.js\";\nimport { CommentCount } from \"gatsby-plugin-disqus\";\n\nconst BlogInfo = (props) => {\n const { siteURL } = useSiteMetadata();\n\n return (\n
\n );\n};\n\nexport const useAllImages = (src) => {\n const { allImageSharp } = useStaticQuery(graphql`\n query AllImages {\n allImageSharp {\n nodes {\n fluid {\n originalName\n height: presentationHeight\n width: presentationWidth\n }\n }\n }\n }\n `);\n const image = allImageSharp.nodes.filter((item) => item.fluid.originalName === src)[0];\n return (image && image.fluid) || {};\n};\n\nexport const AnchorID = ({ children }) => {\n return (\n \n {children}\n \n );\n};\n\nexport const YTFrame = ({ id }) => {\n return ;\n};\n","import React from \"react\";\nimport { Link } from \"gatsby\";\n\nconst Writer = ({ writer }) => {\n const writers = [\"Zakriya Amir\", \"Atif Liaqat\"];\n const descriptions = [\"Zakriya is right from Pakistan. He was raised with a quest for gaming craze with an organization of specialized folks. This is the place he understood that computer games can grow your creative mind to unlimited universes. Gaming is no longer for him only a method for amusement, yet enthusiasm. From the youthful age of 8, gaming was simply the main method for communicating. At whatever point he got the opportunity to play computer games, he took it with two hands and played for quite a long time. Much to his dismay that gaming would turn into his closest companion.\", \"I have been fond of computer technology for a long time, ever since childhood, and was always meddling with various hardware and software. With graduation in computer engineering from a recognized university like NUST was a dream come true and enabled me to pursue my dreams in swift ways. Currently, I am working for various websites as a hardware reviewer and content writer.\"];\n const images = [\"Zakriya Amir.jpeg\", \"Atif Liaqat.jpeg\"];\n const links = [\"/author/zakriya-amir/\", \"/author/atif-liaqat/\"];\n const index = writers.findIndex((_writer) => writer === _writer);\n\n return (\n
\n \n \n \n
\n \n {writers[index]}\n \n
{descriptions[index]}
\n
\n
\n );\n};\n\nexport default Writer;\n","import React from \"react\";\n\nconst icon = () => {\n return (\n \n );\n};\nexport default icon;\n","import React from \"react\";\nimport Star from \"../../svg-icons/star.js\";\n\nconst RatingBox = ({ count, value }) => {\n const pingPong = () => {\n const ratingStars = [];\n let isChecked = false;\n let i = 0;\n while (i <= 5) {\n if (!isChecked) {\n if (!count && !i) {\n isChecked = true;\n } else if (count && i + 0.2 >= value) {\n isChecked = true;\n }\n }\n ratingStars.push(\n \n \n \n \n );\n i = i + 0.5;\n }\n\n return ratingStars;\n };\n\n return (\n
\n \n )\n );\n};\n\nexport default SidebarTableofContents;\n","/**\n * Indexes for all substring searches (e.g. the term \"cat\" is indexed as \"c\", \"ca\", \"cat\", \"a\", \"at\", and \"t\").\n */\nvar AllSubstringsIndexStrategy = /*#__PURE__*/function () {\n function AllSubstringsIndexStrategy() {}\n\n var _proto = AllSubstringsIndexStrategy.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.expandToken = function expandToken(token) {\n var expandedTokens = [];\n var string;\n\n for (var i = 0, length = token.length; i < length; ++i) {\n string = '';\n\n for (var j = i; j < length; ++j) {\n string += token.charAt(j);\n expandedTokens.push(string);\n }\n }\n\n return expandedTokens;\n };\n\n return AllSubstringsIndexStrategy;\n}();\n/**\n * Indexes for exact word matches.\n */\n\n\nvar ExactWordIndexStrategy = /*#__PURE__*/function () {\n function ExactWordIndexStrategy() {}\n\n var _proto = ExactWordIndexStrategy.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.expandToken = function expandToken(token) {\n return token ? [token] : [];\n };\n\n return ExactWordIndexStrategy;\n}();\n/**\n * Indexes for prefix searches (e.g. the term \"cat\" is indexed as \"c\", \"ca\", and \"cat\" allowing prefix search lookups).\n */\n\n\nvar PrefixIndexStrategy = /*#__PURE__*/function () {\n function PrefixIndexStrategy() {}\n\n var _proto = PrefixIndexStrategy.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.expandToken = function expandToken(token) {\n var expandedTokens = [];\n var string = '';\n\n for (var i = 0, length = token.length; i < length; ++i) {\n string += token.charAt(i);\n expandedTokens.push(string);\n }\n\n return expandedTokens;\n };\n\n return PrefixIndexStrategy;\n}();\n/**\n * Enforces case-sensitive text matches.\n */\n\n\nvar CaseSensitiveSanitizer = /*#__PURE__*/function () {\n function CaseSensitiveSanitizer() {}\n\n var _proto = CaseSensitiveSanitizer.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.sanitize = function sanitize(text) {\n return text ? text.trim() : '';\n };\n\n return CaseSensitiveSanitizer;\n}();\n/**\n * Sanitizes text by converting to a locale-friendly lower-case version and triming leading and trailing whitespace.\n */\n\n\nvar LowerCaseSanitizer = /*#__PURE__*/function () {\n function LowerCaseSanitizer() {}\n\n var _proto = LowerCaseSanitizer.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.sanitize = function sanitize(text) {\n return text ? text.toLocaleLowerCase().trim() : '';\n };\n\n return LowerCaseSanitizer;\n}();\n/**\n * Find and return a nested object value.\n *\n * @param object to crawl\n * @param path Property path\n * @returns {any}\n */\n\n\nfunction getNestedFieldValue(object, path) {\n path = path || [];\n object = object || {};\n var value = object; // walk down the property path\n\n for (var i = 0; i < path.length; i++) {\n value = value[path[i]];\n\n if (value == null) {\n return null;\n }\n }\n\n return value;\n}\n/**\n * Search index capable of returning results matching a set of tokens and ranked according to TF-IDF.\n */\n\n\nvar TfIdfSearchIndex = /*#__PURE__*/function () {\n function TfIdfSearchIndex(uidFieldName) {\n this._uidFieldName = uidFieldName;\n this._tokenToIdfCache = {};\n this._tokenMap = {};\n }\n /**\n * @inheritDocs\n */\n\n\n var _proto = TfIdfSearchIndex.prototype;\n\n _proto.indexDocument = function indexDocument(token, uid, doc) {\n this._tokenToIdfCache = {}; // New index invalidates previous IDF caches\n\n var tokenMap = this._tokenMap;\n var tokenDatum;\n\n if (typeof tokenMap[token] !== 'object') {\n tokenMap[token] = tokenDatum = {\n $numDocumentOccurrences: 0,\n $totalNumOccurrences: 1,\n $uidMap: {}\n };\n } else {\n tokenDatum = tokenMap[token];\n tokenDatum.$totalNumOccurrences++;\n }\n\n var uidMap = tokenDatum.$uidMap;\n\n if (typeof uidMap[uid] !== 'object') {\n tokenDatum.$numDocumentOccurrences++;\n uidMap[uid] = {\n $document: doc,\n $numTokenOccurrences: 1\n };\n } else {\n uidMap[uid].$numTokenOccurrences++;\n }\n }\n /**\n * @inheritDocs\n */\n ;\n\n _proto.search = function search(tokens, corpus) {\n var uidToDocumentMap = {};\n\n for (var i = 0, numTokens = tokens.length; i < numTokens; i++) {\n var token = tokens[i];\n var tokenMetadata = this._tokenMap[token]; // Short circuit if no matches were found for any given token.\n\n if (!tokenMetadata) {\n return [];\n }\n\n if (i === 0) {\n var keys = Object.keys(tokenMetadata.$uidMap);\n\n for (var j = 0, numKeys = keys.length; j < numKeys; j++) {\n var uid = keys[j];\n uidToDocumentMap[uid] = tokenMetadata.$uidMap[uid].$document;\n }\n } else {\n var keys = Object.keys(uidToDocumentMap);\n\n for (var j = 0, numKeys = keys.length; j < numKeys; j++) {\n var uid = keys[j];\n\n if (typeof tokenMetadata.$uidMap[uid] !== 'object') {\n delete uidToDocumentMap[uid];\n }\n }\n }\n }\n\n var documents = [];\n\n for (var uid in uidToDocumentMap) {\n documents.push(uidToDocumentMap[uid]);\n }\n\n var calculateTfIdf = this._createCalculateTfIdf(); // Return documents sorted by TF-IDF\n\n\n return documents.sort(function (documentA, documentB) {\n return calculateTfIdf(tokens, documentB, corpus) - calculateTfIdf(tokens, documentA, corpus);\n });\n };\n\n _proto._createCalculateIdf = function _createCalculateIdf() {\n var tokenMap = this._tokenMap;\n var tokenToIdfCache = this._tokenToIdfCache;\n return function calculateIdf(token, documents) {\n if (!tokenToIdfCache[token]) {\n var numDocumentsWithToken = typeof tokenMap[token] !== 'undefined' ? tokenMap[token].$numDocumentOccurrences : 0;\n tokenToIdfCache[token] = 1 + Math.log(documents.length / (1 + numDocumentsWithToken));\n }\n\n return tokenToIdfCache[token];\n };\n };\n\n _proto._createCalculateTfIdf = function _createCalculateTfIdf() {\n var tokenMap = this._tokenMap;\n var uidFieldName = this._uidFieldName;\n\n var calculateIdf = this._createCalculateIdf();\n\n return function calculateTfIdf(tokens, document, documents) {\n var score = 0;\n\n for (var i = 0, numTokens = tokens.length; i < numTokens; ++i) {\n var token = tokens[i];\n var inverseDocumentFrequency = calculateIdf(token, documents);\n\n if (inverseDocumentFrequency === Infinity) {\n inverseDocumentFrequency = 0;\n }\n\n var uid;\n\n if (uidFieldName instanceof Array) {\n uid = document && getNestedFieldValue(document, uidFieldName);\n } else {\n uid = document && document[uidFieldName];\n }\n\n var termFrequency = typeof tokenMap[token] !== 'undefined' && typeof tokenMap[token].$uidMap[uid] !== 'undefined' ? tokenMap[token].$uidMap[uid].$numTokenOccurrences : 0;\n score += termFrequency * inverseDocumentFrequency;\n }\n\n return score;\n };\n };\n\n return TfIdfSearchIndex;\n}();\n/**\n * Search index capable of returning results matching a set of tokens but without any meaningful rank or order.\n */\n\n\nvar UnorderedSearchIndex = /*#__PURE__*/function () {\n function UnorderedSearchIndex() {\n this._tokenToUidToDocumentMap = {};\n }\n /**\n * @inheritDocs\n */\n\n\n var _proto = UnorderedSearchIndex.prototype;\n\n _proto.indexDocument = function indexDocument(token, uid, doc) {\n if (typeof this._tokenToUidToDocumentMap[token] !== 'object') {\n this._tokenToUidToDocumentMap[token] = {};\n }\n\n this._tokenToUidToDocumentMap[token][uid] = doc;\n }\n /**\n * @inheritDocs\n */\n ;\n\n _proto.search = function search(tokens, corpus) {\n var intersectingDocumentMap = {};\n var tokenToUidToDocumentMap = this._tokenToUidToDocumentMap;\n\n for (var i = 0, numTokens = tokens.length; i < numTokens; i++) {\n var token = tokens[i];\n var documentMap = tokenToUidToDocumentMap[token]; // Short circuit if no matches were found for any given token.\n\n if (!documentMap) {\n return [];\n }\n\n if (i === 0) {\n var keys = Object.keys(documentMap);\n\n for (var j = 0, numKeys = keys.length; j < numKeys; j++) {\n var uid = keys[j];\n intersectingDocumentMap[uid] = documentMap[uid];\n }\n } else {\n var keys = Object.keys(intersectingDocumentMap);\n\n for (var j = 0, numKeys = keys.length; j < numKeys; j++) {\n var uid = keys[j];\n\n if (typeof documentMap[uid] !== 'object') {\n delete intersectingDocumentMap[uid];\n }\n }\n }\n }\n\n var keys = Object.keys(intersectingDocumentMap);\n var documents = [];\n\n for (var i = 0, numKeys = keys.length; i < numKeys; i++) {\n var uid = keys[i];\n documents.push(intersectingDocumentMap[uid]);\n }\n\n return documents;\n };\n\n return UnorderedSearchIndex;\n}();\n\nvar REGEX = /[^a-zа-яё0-9\\-']+/i;\n/**\n * Simple tokenizer that splits strings on whitespace characters and returns an array of all non-empty substrings.\n */\n\nvar SimpleTokenizer = /*#__PURE__*/function () {\n function SimpleTokenizer() {}\n\n var _proto = SimpleTokenizer.prototype;\n /**\n * @inheritDocs\n */\n\n _proto.tokenize = function tokenize(text) {\n return text.split(REGEX).filter(function (text) {\n return text;\n } // Filter empty tokens\n );\n };\n\n return SimpleTokenizer;\n}();\n/**\n * Stemming is the process of reducing search tokens to their root (or stem) so that searches for different forms of a\n * word will match. For example \"search\", \"searching\" and \"searched\" are all reduced to the stem \"search\".\n *\n *
This stemming tokenizer converts tokens (words) to their stem forms before returning them. It requires an\n * external stemming function to be provided; for this purpose I recommend the NPM 'porter-stemmer' library.\n *\n *
For more information see http : //tartarus.org/~martin/PorterStemmer/\n */\n\n\nvar StemmingTokenizer = /*#__PURE__*/function () {\n /**\n * Constructor.\n *\n * @param stemmingFunction Function capable of accepting a word and returning its stem.\n * @param decoratedIndexStrategy Index strategy to be run after all stop words have been removed.\n */\n function StemmingTokenizer(stemmingFunction, decoratedTokenizer) {\n this._stemmingFunction = stemmingFunction;\n this._tokenizer = decoratedTokenizer;\n }\n /**\n * @inheritDocs\n */\n\n\n var _proto = StemmingTokenizer.prototype;\n\n _proto.tokenize = function tokenize(text) {\n return this._tokenizer.tokenize(text).map(this._stemmingFunction);\n };\n\n return StemmingTokenizer;\n}();\n/**\n * Stop words list copied from Lunr JS.\n */\n\n\nvar StopWordsMap = {\n a: true,\n able: true,\n about: true,\n across: true,\n after: true,\n all: true,\n almost: true,\n also: true,\n am: true,\n among: true,\n an: true,\n and: true,\n any: true,\n are: true,\n as: true,\n at: true,\n be: true,\n because: true,\n been: true,\n but: true,\n by: true,\n can: true,\n cannot: true,\n could: true,\n dear: true,\n did: true,\n 'do': true,\n does: true,\n either: true,\n 'else': true,\n ever: true,\n every: true,\n 'for': true,\n from: true,\n 'get': true,\n got: true,\n had: true,\n has: true,\n have: true,\n he: true,\n her: true,\n hers: true,\n him: true,\n his: true,\n how: true,\n however: true,\n i: true,\n 'if': true,\n 'in': true,\n into: true,\n is: true,\n it: true,\n its: true,\n just: true,\n least: true,\n \"let\": true,\n like: true,\n likely: true,\n may: true,\n me: true,\n might: true,\n most: true,\n must: true,\n my: true,\n neither: true,\n no: true,\n nor: true,\n not: true,\n of: true,\n off: true,\n often: true,\n on: true,\n only: true,\n or: true,\n other: true,\n our: true,\n own: true,\n rather: true,\n said: true,\n say: true,\n says: true,\n she: true,\n should: true,\n since: true,\n so: true,\n some: true,\n than: true,\n that: true,\n the: true,\n their: true,\n them: true,\n then: true,\n there: true,\n these: true,\n they: true,\n 'this': true,\n tis: true,\n to: true,\n too: true,\n twas: true,\n us: true,\n wants: true,\n was: true,\n we: true,\n were: true,\n what: true,\n when: true,\n where: true,\n which: true,\n 'while': true,\n who: true,\n whom: true,\n why: true,\n will: true,\n 'with': true,\n would: true,\n yet: true,\n you: true,\n your: true\n}; // Prevent false positives for inherited properties\n\nStopWordsMap.constructor = false;\nStopWordsMap.hasOwnProperty = false;\nStopWordsMap.isPrototypeOf = false;\nStopWordsMap.propertyIsEnumerable = false;\nStopWordsMap.toLocaleString = false;\nStopWordsMap.toString = false;\nStopWordsMap.valueOf = false;\n/**\n * Stop words are very common (e.g. \"a\", \"and\", \"the\") and are often not semantically meaningful in the context of a\n * search. This tokenizer removes stop words from a set of tokens before passing the remaining tokens along for\n * indexing or searching purposes.\n */\n\nvar StopWordsTokenizer = /*#__PURE__*/function () {\n /**\n * Constructor.\n *\n * @param decoratedIndexStrategy Index strategy to be run after all stop words have been removed.\n */\n function StopWordsTokenizer(decoratedTokenizer) {\n this._tokenizer = decoratedTokenizer;\n }\n /**\n * @inheritDocs\n */\n\n\n var _proto = StopWordsTokenizer.prototype;\n\n _proto.tokenize = function tokenize(text) {\n return this._tokenizer.tokenize(text).filter(function (token) {\n return !StopWordsMap[token];\n });\n };\n\n return StopWordsTokenizer;\n}();\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n/**\n * Simple client-side searching within a set of documents.\n *\n *
Documents can be searched by any number of fields. Indexing and search strategies are highly customizable.\n */\n\n\nvar Search = /*#__PURE__*/function () {\n /**\n * Array containing either a property name or a path (list of property names) to a nested value\n */\n\n /**\n * Constructor.\n * @param uidFieldName Field containing values that uniquely identify search documents; this field's values are used\n * to ensure that a search result set does not contain duplicate objects.\n */\n function Search(uidFieldName) {\n if (!uidFieldName) {\n throw Error('js-search requires a uid field name constructor parameter');\n }\n\n this._uidFieldName = uidFieldName; // Set default/recommended strategies\n\n this._indexStrategy = new PrefixIndexStrategy();\n this._searchIndex = new TfIdfSearchIndex(uidFieldName);\n this._sanitizer = new LowerCaseSanitizer();\n this._tokenizer = new SimpleTokenizer();\n this._documents = [];\n this._searchableFields = [];\n }\n /**\n * Override the default index strategy.\n * @param value Custom index strategy\n * @throws Error if documents have already been indexed by this search instance\n */\n\n\n var _proto = Search.prototype;\n /**\n * Add a searchable document to the index. Document will automatically be indexed for search.\n * @param document\n */\n\n _proto.addDocument = function addDocument(document) {\n this.addDocuments([document]);\n }\n /**\n * Adds searchable documents to the index. Documents will automatically be indexed for search.\n * @param document\n */\n ;\n\n _proto.addDocuments = function addDocuments(documents) {\n this._documents = this._documents.concat(documents);\n this.indexDocuments_(documents, this._searchableFields);\n }\n /**\n * Add a new searchable field to the index. Existing documents will automatically be indexed using this new field.\n *\n * @param field Searchable field or field path. Pass a string to index a top-level field and an array of strings for nested fields.\n */\n ;\n\n _proto.addIndex = function addIndex(field) {\n this._searchableFields.push(field);\n\n this.indexDocuments_(this._documents, [field]);\n }\n /**\n * Search all documents for ones matching the specified query text.\n * @param query\n * @returns {Array
\n 
\n 
\n ![\"Best](\"/img/best-product.png\")
\n ![{writers[index]}]({`/img/${images[index]}`})
\n \n 
\n