written text
" + - 'more written text
" + - 'and even more
"; const animatedImageCooked = @@ -71,7 +71,13 @@ module( setupRenderingTest(hooks); test("escapes youtube header", async function (assert) { - this.set("cooked", youtubeCooked.replace("ytId1", evilString)); + this.set( + "cooked", + youtubeCooked.replace( + "https://www.youtube.com/watch?v=ytId1", + `https://www.youtube.com/watch?v=${evilString}` + ) + ); await render(hbs`
+
+
+
+ 15 Sorting Algorithms in 6 Minutes
+ + HTML + + expect(PrettyText.format_for_email(cooked_html, post)).to match_html(email_formated) + end +end diff --git a/plugins/discourse-lazy-videos/test/javascripts/components/lazy-video-test.js b/plugins/discourse-lazy-videos/test/javascripts/components/lazy-video-test.js new file mode 100644 index 00000000000..a1d2f54b4e3 --- /dev/null +++ b/plugins/discourse-lazy-videos/test/javascripts/components/lazy-video-test.js @@ -0,0 +1,49 @@ +import { setupRenderingTest } from "discourse/tests/helpers/component-test"; +import hbs from "htmlbars-inline-precompile"; +import { module, test } from "qunit"; +import { click, render } from "@ember/test-helpers"; + +module("Discourse Lazy Videos | Component | lazy-video", function (hooks) { + setupRenderingTest(hooks); + + this.attributes = { + url: "https://www.youtube.com/watch?v=kPRA0W1kECg", + thumbnail: "thumbnail.jpeg", + title: "15 Sorting Algorithms in 6 Minutes", + providerName: "youtube", + id: "kPRA0W1kECg", + }; + + test("displays the correct video title", async function (assert) { + await render(hbs`,
- )
',
- ].join("")
- )
- );
- }
-
- $thumb = $el
- .find(".ytp-thumbnail")
- .addClass("lazyYT-image-loaded")
- .on("keypress click", function (e) {
- // Only support Enter for keypress
- if (e.type === "keypress" && e.keyCode !== 13) {
- return;
- }
- e.preventDefault();
-
- if (
- !$el.hasClass("lazyYT-video-loaded") &&
- $thumb.hasClass("lazyYT-image-loaded")
- ) {
- $el
- .html(
- ''
- )
- .addClass("lazyYT-video-loaded");
- }
-
- if (settings.onPlay) {
- settings.onPlay(e, $el);
- }
- });
- }
-
- $.fn.lazyYT = function (newSettings) {
- let defaultSettings = {
- default_ratio: "16:9",
- callback: null, // TODO: execute callback if given
- container_class: "lazyYT-container",
- };
- let settings = Object.assign(defaultSettings, newSettings);
-
- return this.each(function () {
- let $el = $(this).addClass(settings.container_class);
- setUp($el, settings);
- });
- };
-}
diff --git a/plugins/lazy-yt/assets/stylesheets/lazyYT.css b/plugins/lazy-yt/assets/stylesheets/lazyYT.css
deleted file mode 100644
index 848b57a11bd..00000000000
--- a/plugins/lazy-yt/assets/stylesheets/lazyYT.css
+++ /dev/null
@@ -1,127 +0,0 @@
-/*!
-* lazyYT (lazy load YouTube videos)
-* v1.0.1 - 2014-12-30
-* (CC) This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
-* http://creativecommons.org/licenses/by-sa/4.0/
-* Contributors: https://github.com/tylerpearson/lazyYT/graphs/contributors || https://github.com/daugilas/lazyYT/graphs/contributors
-*/
-
-.lazyYT-container {
- position: relative;
- z-index: z("base");
- display: block;
- height: 0;
- padding: 0 0 56.25% 0;
- overflow: hidden;
- background-color: #000000;
- margin-bottom: 12px;
-}
-
-.lazyYT-container iframe {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: 0;
-}
-
-/*
-* Video Title (YouTube style)
-*/
-
-.lazyYT-container .html5-info-bar {
- position: absolute;
- top: 0;
- z-index: 935;
- width: 100%;
- height: 30px;
- overflow: hidden;
- font-family: Arial, sans-serif;
- font-size: 12px;
- color: #fff;
- background-color: rgba(0, 0, 0, 0.8);
- -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
- -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
- transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.lazyYT-container .html5-title {
- padding-right: 6px;
- padding-left: 12px;
-}
-
-.lazyYT-container .html5-title-text-wrapper {
- overflow: hidden;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- word-wrap: normal;
- white-space: nowrap;
-}
-
-.lazyYT-container .html5-title-text {
- width: 100%;
- font-size: 13px;
- line-height: 30px;
- color: #ccc;
- text-decoration: none;
-}
-
-.lazyYT-container .html5-title-text:hover {
- color: #fff;
- text-decoration: underline;
-}
-
-/*
-* Thumbnail
-*/
-
-.ytp-thumbnail {
- padding-bottom: inherit;
- cursor: pointer;
- background-position: 50% 50%;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
-}
-
-/*
-* Play button (YouTube style)
-*/
-
-.ytp-large-play-button {
- position: absolute;
- top: 50% !important;
- left: 50% !important;
- width: 86px !important;
- height: 60px !important;
- padding: 0 !important;
- margin: -29px 0 0 -42px !important;
- font-size: normal !important;
- font-weight: normal !important;
- line-height: 1 !important;
- opacity: 0.9;
- z-index: 935;
-}
-
-.ytp-large-play-button-svg {
- opacity: 0.9;
- fill: #1f1f1f;
-}
-
-.lazyYT-image-loaded:hover .ytp-large-play-button-svg,
-.lazyYT-image-loaded:focus .ytp-large-play-button-svg,
-.ytp-large-play-button:focus .ytp-large-play-button-svg {
- opacity: 1;
- fill: #cc181e;
-}
-
-.ytp-thumbnail-image {
- position: absolute;
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
diff --git a/plugins/lazy-yt/assets/stylesheets/lazyYT_mobile.scss b/plugins/lazy-yt/assets/stylesheets/lazyYT_mobile.scss
deleted file mode 100644
index 149a8d9b84f..00000000000
--- a/plugins/lazy-yt/assets/stylesheets/lazyYT_mobile.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.lazyYT {
- max-width: 100%;
-}
diff --git a/plugins/lazy-yt/config/locales/server.en.yml b/plugins/lazy-yt/config/locales/server.en.yml
deleted file mode 100644
index 1ac0bee45f9..00000000000
--- a/plugins/lazy-yt/config/locales/server.en.yml
+++ /dev/null
@@ -1,3 +0,0 @@
-en:
- site_settings:
- lazy_yt_enabled: "Enable the LazyYT plugin"
diff --git a/plugins/lazy-yt/config/settings.yml b/plugins/lazy-yt/config/settings.yml
deleted file mode 100644
index cca346d5df1..00000000000
--- a/plugins/lazy-yt/config/settings.yml
+++ /dev/null
@@ -1,5 +0,0 @@
-plugins:
- lazy_yt_enabled:
- default: true
- client: false
- hidden: true
diff --git a/plugins/lazy-yt/plugin.rb b/plugins/lazy-yt/plugin.rb
deleted file mode 100644
index 5fb481c041a..00000000000
--- a/plugins/lazy-yt/plugin.rb
+++ /dev/null
@@ -1,74 +0,0 @@
-# frozen_string_literal: true
-
-# name: lazy-yt
-# about: Uses the lazyYT plugin to lazy load Youtube videos
-# version: 1.0.1
-# authors: Arpit Jalan
-# url: https://github.com/discourse/discourse/tree/main/plugins/lazy-yt
-
-hide_plugin if self.respond_to?(:hide_plugin)
-enabled_site_setting :lazy_yt_enabled
-
-require "onebox"
-
-# stylesheet
-register_asset "stylesheets/lazyYT.css"
-register_asset "stylesheets/lazyYT_mobile.scss", :mobile
-
-# freedom patch YouTube Onebox
-class Onebox::Engine::YoutubeOnebox
- include Onebox::Engine
- alias_method :yt_onebox_to_html, :to_html
-
- def to_html
- if SiteSetting.lazy_yt_enabled && video_id && !params["list"]
- size_restricted = [params["width"], params["height"]].any?
- video_width = (params["width"] && params["width"].to_i <= 695) ? params["width"] : 690 # embed width
- video_height = (params["height"] && params["height"].to_i <= 500) ? params["height"] : 388 # embed height
- size_tags = ["width=\"#{video_width}\"", "height=\"#{video_height}\""]
-
- result = parse_embed_response
- result ||= get_opengraph.data
-
- thumbnail_url = result[:image] || "https://img.youtube.com/vi/#{video_id}/hqdefault.jpg"
-
- # Put in the LazyYT div instead of the iframe
- escaped_title = ERB::Util.html_escape(video_title)
-
- <<~HTML
-