{"version":3,"file":"discourse-lazy-videos.js","names":["define","_exports","_component","_component2","_templateFactory","Object","defineProperty","value","default","LazyIframe","iframeSrc","this","args","providerName","url","videoId","startTime","time","match","toString","hours","minutes","seconds","slice","parseInt","convertToSeconds","includes","setComponentTemplate","createTemplateFactory","id","block","moduleName","isStrictMode","_tracking","_helper","_modifier","_object","_template","_concatClass","_discourseI18n","_lazyIframe","LazyVideo","dt7948","g","prototype","tracked","isLoaded","i","thumbnailStyle","color","videoAttributes","dominantColor","htmlSafe","loadEmbed","onLoadedVideo","n","action","onKeyPress","event","key","preventDefault","scope","concat","i18n","on","_pluginApi","_lazyVideo","_lazyVideoAttributes","_templateOnly","initLazyEmbed","api","decorateCookedElement","cooked","helper","classList","contains","querySelectorAll","forEach","container","siteSettings","lookup","postId","closest","dataset","preventCloak","lazyVideo","document","createElement","add","renderGlimmer","undefined","param","replaceWith","onlyStream","name","initialize","withPluginApi","querySelector","getAttribute","img","thumbnail","title","videoTitle","videoStartTime"],"sources":["discourse/plugins/discourse-lazy-videos/discourse/components/lazy-iframe.js","discourse/plugins/discourse-lazy-videos/discourse/components/lazy-video.js","discourse/plugins/discourse-lazy-videos/initializers/lazy-videos.js","discourse/plugins/discourse-lazy-videos/lib/lazy-video-attributes.js"],"sourcesContent":["define(\"discourse/plugins/discourse-lazy-videos/discourse/components/lazy-iframe\", [\"exports\", \"@glimmer/component\", \"@ember/component\", \"@ember/template-factory\"], function (_exports, _component, _component2, _templateFactory) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n function convertToSeconds(time) {\n const match = time.toString().match(/(?:(\\d+)h)?(?:(\\d+)m)?(?:(\\d+)s)?/);\n const [hours, minutes, seconds] = match.slice(1);\n if (hours || minutes || seconds) {\n const h = parseInt(hours, 10) || 0;\n const m = parseInt(minutes, 10) || 0;\n const s = parseInt(seconds, 10) || 0;\n return h * 3600 + m * 60 + s;\n }\n return time;\n }\n class LazyIframe extends _component.default {\n get iframeSrc() {\n switch (this.args.providerName) {\n case \"youtube\":\n let url = `https://www.youtube.com/embed/${this.args.videoId}?autoplay=1&rel=0`;\n if (this.args.startTime) {\n url += `&start=${convertToSeconds(this.args.startTime)}`;\n }\n return url;\n case \"vimeo\":\n return `https://player.vimeo.com/video/${this.args.videoId}${this.args.videoId.includes(\"?\") ? \"&\" : \"?\"}autoplay=1`;\n case \"tiktok\":\n return `https://www.tiktok.com/embed/v2/${this.args.videoId}`;\n }\n }\n static {\n (0, _component2.setComponentTemplate)((0, _templateFactory.createTemplateFactory)(\n /*\n \n {{#if @providerName}}\n \n {{/if}}\n \n */\n {\n \"id\": \"AkavoMLZ\",\n \"block\": \"[[[1,\\\"\\\\n\\\"],[41,[30,1],[[[1,\\\" \\\"],[10,\\\"iframe\\\"],[15,\\\"src\\\",[30,0,[\\\"iframeSrc\\\"]]],[15,\\\"title\\\",[30,2]],[14,\\\"allowFullScreen\\\",\\\"\\\"],[14,\\\"scrolling\\\",\\\"no\\\"],[14,\\\"frameborder\\\",\\\"0\\\"],[14,\\\"seamless\\\",\\\"seamless\\\"],[14,\\\"allow\\\",\\\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\\\"],[12],[13],[1,\\\"\\\\n\\\"]],[]],null],[1,\\\" \\\"]],[\\\"@providerName\\\",\\\"@title\\\"],[\\\"if\\\"]]\",\n \"moduleName\": \"/var/www/discourse/frontend/discourse/discourse/plugins/discourse-lazy-videos/discourse/components/lazy-iframe.js\",\n \"isStrictMode\": true\n }), this);\n }\n }\n _exports.default = LazyIframe;\n});","define(\"discourse/plugins/discourse-lazy-videos/discourse/components/lazy-video\", [\"exports\", \"@glimmer/component\", \"@glimmer/tracking\", \"@ember/helper\", \"@ember/modifier\", \"@ember/object\", \"@ember/template\", \"discourse/helpers/concat-class\", \"discourse-i18n\", \"discourse/plugins/discourse-lazy-videos/discourse/components/lazy-iframe\", \"@ember/component\", \"@ember/template-factory\"], function (_exports, _component, _tracking, _helper, _modifier, _object, _template, _concatClass, _discourseI18n, _lazyIframe, _component2, _templateFactory) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n class LazyVideo extends _component.default {\n static {\n dt7948.g(this.prototype, \"isLoaded\", [_tracking.tracked], function () {\n return false;\n });\n }\n #isLoaded = (dt7948.i(this, \"isLoaded\"), void 0);\n get thumbnailStyle() {\n const color = this.args.videoAttributes.dominantColor;\n if (color?.match(/^[0-9A-Fa-f]+$/)) {\n return (0, _template.htmlSafe)(`background-color: #${color};`);\n }\n }\n loadEmbed() {\n if (!this.isLoaded) {\n this.isLoaded = true;\n this.args.onLoadedVideo?.();\n }\n }\n static {\n dt7948.n(this.prototype, \"loadEmbed\", [_object.action]);\n }\n onKeyPress(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n this.loadEmbed();\n }\n }\n static {\n dt7948.n(this.prototype, \"onKeyPress\", [_object.action]);\n }\n static {\n (0, _component2.setComponentTemplate)((0, _templateFactory.createTemplateFactory)(\n /*\n \n \n {{#if this.isLoaded}}\n \n {{else}}\n \n \n \n \n
\n
\n \n {{@videoAttributes.title}}\n \n
\n
\n {{/if}}\n \n \n */\n {\n \"id\": \"IW7/krPx\",\n \"block\": \"[[[1,\\\"\\\\n \\\"],[10,0],[15,\\\"data-video-id\\\",[30,1,[\\\"id\\\"]]],[15,\\\"data-video-title\\\",[30,1,[\\\"title\\\"]]],[15,\\\"data-video-start-time\\\",[30,1,[\\\"startTime\\\"]]],[15,\\\"data-provider-name\\\",[30,1,[\\\"providerName\\\"]]],[15,0,[28,[32,0],[\\\"lazy-video-container\\\",[28,[32,1],[[30,1,[\\\"providerName\\\"]],\\\"-onebox\\\"],null],[52,[30,0,[\\\"isLoaded\\\"]],\\\"video-loaded\\\"]],null]],[12],[1,\\\"\\\\n\\\"],[41,[30,0,[\\\"isLoaded\\\"]],[[[1,\\\" \\\"],[8,[32,2],null,[[\\\"@providerName\\\",\\\"@title\\\",\\\"@videoId\\\",\\\"@startTime\\\"],[[30,1,[\\\"providerName\\\"]],[30,1,[\\\"title\\\"]],[30,1,[\\\"id\\\"]],[30,1,[\\\"startTime\\\"]]]],null],[1,\\\"\\\\n\\\"]],[]],[[[1,\\\" \\\"],[11,0],[24,\\\"role\\\",\\\"button\\\"],[24,\\\"tabindex\\\",\\\"0\\\"],[16,\\\"aria-label\\\",[28,[32,3],[\\\"lazy_videos.play_video\\\"],[[\\\"title\\\"],[[30,1,[\\\"title\\\"]]]]]],[16,5,[30,0,[\\\"thumbnailStyle\\\"]]],[16,0,[28,[32,0],[\\\"video-thumbnail\\\",[30,1,[\\\"providerName\\\"]]],null]],[4,[32,4],[\\\"click\\\",[30,0,[\\\"loadEmbed\\\"]]],null],[4,[32,4],[\\\"keypress\\\",[30,0,[\\\"onKeyPress\\\"]]],null],[12],[1,\\\"\\\\n \\\"],[10,\\\"img\\\"],[15,\\\"src\\\",[30,1,[\\\"thumbnail\\\"]]],[15,\\\"title\\\",[30,1,[\\\"title\\\"]]],[14,\\\"loading\\\",\\\"lazy\\\"],[15,0,[28,[32,1],[[30,1,[\\\"providerName\\\"]],\\\"-thumbnail\\\"],null]],[12],[13],[1,\\\"\\\\n \\\"],[10,0],[15,0,[28,[32,0],[\\\"icon\\\",[28,[32,1],[[30,1,[\\\"providerName\\\"]],\\\"-icon\\\"],null]],null]],[12],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"title-container\\\"],[12],[1,\\\"\\\\n \\\"],[10,0],[14,0,\\\"title-wrapper\\\"],[12],[1,\\\"\\\\n \\\"],[10,3],[15,6,[30,1,[\\\"url\\\"]]],[15,\\\"title\\\",[30,1,[\\\"title\\\"]]],[14,\\\"target\\\",\\\"_blank\\\"],[14,\\\"rel\\\",\\\"noopener noreferrer\\\"],[14,0,\\\"title-link\\\"],[12],[1,\\\"\\\\n \\\"],[1,[30,1,[\\\"title\\\"]]],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n \\\"],[13],[1,\\\"\\\\n\\\"]],[]]],[1,\\\" \\\"],[13],[1,\\\"\\\\n \\\"]],[\\\"@videoAttributes\\\"],[\\\"if\\\"]]\",\n \"moduleName\": \"/var/www/discourse/frontend/discourse/discourse/plugins/discourse-lazy-videos/discourse/components/lazy-video.js\",\n \"scope\": () => [_concatClass.default, _helper.concat, _lazyIframe.default, _discourseI18n.i18n, _modifier.on],\n \"isStrictMode\": true\n }), this);\n }\n }\n _exports.default = LazyVideo;\n});","define(\"discourse/plugins/discourse-lazy-videos/initializers/lazy-videos\", [\"exports\", \"discourse/lib/plugin-api\", \"discourse/plugins/discourse-lazy-videos/discourse/components/lazy-video\", \"discourse/plugins/discourse-lazy-videos/lib/lazy-video-attributes\", \"@ember/component\", \"@ember/template-factory\", \"@ember/component/template-only\"], function (_exports, _pluginApi, _lazyVideo, _lazyVideoAttributes, _component, _templateFactory, _templateOnly) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = void 0;\n function initLazyEmbed(api) {\n api.decorateCookedElement((cooked, helper) => {\n if (cooked.classList.contains(\"d-editor-preview\")) {\n return;\n }\n const lazyContainers = cooked.querySelectorAll(\".lazy-video-container\");\n lazyContainers.forEach(container => {\n const siteSettings = api.container.lookup(\"service:site-settings\");\n const videoAttributes = (0, _lazyVideoAttributes.default)(container);\n if (siteSettings[`lazy_${videoAttributes.providerName}_enabled`]) {\n const onLoadedVideo = () => {\n const postId = cooked.closest(\"article\")?.dataset?.postId;\n if (postId) {\n api.preventCloak(parseInt(postId, 10));\n }\n };\n const lazyVideo = document.createElement(\"p\");\n lazyVideo.classList.add(\"lazy-video-wrapper\");\n helper.renderGlimmer(lazyVideo, (0, _component.setComponentTemplate)((0, _templateFactory.createTemplateFactory)(\n /*\n \n \n \n */\n {\n \"id\": \"bYFIM0WD\",\n \"block\": \"[[[1,\\\"\\\\n \\\"],[8,[32,0],null,[[\\\"@videoAttributes\\\",\\\"@onLoadedVideo\\\"],[[30,1,[\\\"param\\\"]],[30,1,[\\\"onLoadedVideo\\\"]]]],null],[1,\\\"\\\\n \\\"]],[\\\"@data\\\"],[]]\",\n \"moduleName\": \"/var/www/discourse/frontend/discourse/discourse/plugins/discourse-lazy-videos/initializers/lazy-videos.js\",\n \"scope\": () => [_lazyVideo.default],\n \"isStrictMode\": true\n }), (0, _templateOnly.default)(undefined, undefined)), {\n param: videoAttributes,\n onLoadedVideo\n });\n container.replaceWith(lazyVideo);\n }\n });\n }, {\n onlyStream: true\n });\n }\n var _default = _exports.default = {\n name: \"discourse-lazy-videos\",\n initialize() {\n (0, _pluginApi.withPluginApi)(initLazyEmbed);\n }\n };\n});","define(\"discourse/plugins/discourse-lazy-videos/lib/lazy-video-attributes\", [\"exports\"], function (_exports) {\n \"use strict\";\n\n Object.defineProperty(_exports, \"__esModule\", {\n value: true\n });\n _exports.default = getVideoAttributes;\n function getVideoAttributes(cooked) {\n if (!cooked.classList.contains(\"lazy-video-container\")) {\n return {};\n }\n const url = cooked.querySelector(\"a\")?.getAttribute(\"href\");\n const img = cooked.querySelector(\"img\");\n const thumbnail = img?.getAttribute(\"src\");\n const dominantColor = img?.dataset?.dominantColor;\n const title = cooked.dataset.videoTitle;\n const startTime = cooked.dataset.videoStartTime;\n const providerName = cooked.dataset.providerName;\n const id = cooked.dataset.videoId;\n return {\n url,\n thumbnail,\n title,\n providerName,\n id,\n dominantColor,\n startTime\n };\n }\n});"],"mappings":"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","ignoreList":[]}