General information

• embetty version: 1.1.2
• Node.js version: Supplied by Official Docker image
• Operating system name and version: Ubuntu 18.04
• Browser name and version: Firefox 61.0.1 (64-Bit)

Steps to reproduce the behaviour

Embedding a Tweet that contains one or more hashtags with german Umlauts.
E.g. #stadtköln

Expected behaviour

The whole hashtag gets linked to https://twitter.com/hashtag/stadtköln

<a href="https://twitter.com/hashtag/stadtköln" class="style-scope embetty-tweet">#stadtköln</a>

Actual behaviour

<a href="https://twitter.com/hashtag/stadt" class="style-scope embetty-tweet">#stadtk</a>oeln

Thea hrefends at "stadtk": https://twitter.com/hashtag/stadtk

Fix suggestion:

Change the Regex in embetty.js from

return this._data.full_text.replace(/#(\w+)/g, function (hashTag, word) {
return '<a href="https://twitter.com/hashtag/' + word + '">' + hashTag + '</a>';

to maybe something like: #([A-Za-z0-9_äÄöÖüÜß]+)

return this._data.full_text.replace(/#([A-Za-z0-9_äÄöÖüÜß]+)/g, function (hashTag, word) {
return '<a href="https://twitter.com/hashtag/' + word + '">' + hashTag + '</a>';

The devDependency husky was updated from 4.2.1 to 4.2.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

husky is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

• Added the new Node.js version to your .travis.yml

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

Your Greenkeeper Bot 🌴

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

It would be nice if Instagram posts could be proxied as well.

I have a working Embetty-instance for years with my Wordpress-Blog. Now I want to update to embed Mastodon-posts.

General information

• embetty version: 3.2.5
• embetty.js version: 4.0.0
• Node.js version: 18.19,0
• Operating system name and version: Debian Bookworm
• Browser name and version: Firefox 123.0.1

Steps to reproduce the behaviour

I updated the docker-component and the embetty.js
Embetty is working for Youtube-videos.

Expected behaviour

I added something like this:

and the Toot should be displayed.

Actual behaviour

The Toot is not displayed.

I've developed an alternative to this WebComponents implementation for Vue.js: https://github.com/FloEdelmann/embetty-vue

It would be nice if you could link to it from the README. Thanks :)

Browser: Firefox

When reading your article (https://www.heise.de/newsticker/meldung/Embetty-Social-Media-Inhalte-datenschutzgerecht-einbinden-4060362.html ), I noticed that the image was slightly cut on the left and right side. This was espcially visible on the heise-E (see screenshot).

The issues is a result of the CSS rule

embetty-tweet #media.embetty-tweet img.embetty-tweet {
    ...
    -o-object-fit: cover;
    object-fit: cover;

}

which is also included twice one the page

The devDependency @webcomponents/webcomponentsjs was updated from 2.4.1 to 2.4.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@webcomponents/webcomponentsjs is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Could you clarify what it protects against, and how?

What's the exact use case

thanks

There have been updates to the babel7 monorepo:

• • The devDependency @babel/core was updated from 7.7.7 to 7.8.0.

• The devDependency @babel/plugin-proposal-object-rest-spread was updated from 7.8.0 to 7.8.3.
• The devDependency @babel/preset-env was updated from 7.8.0 to 7.8.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

☝️ Important announcement: Greenkeeper will be saying goodbye 👋 and passing the torch to Snyk on June 3rd, 2020! Find out how to migrate to Snyk and more at greenkeeper.io

The dependency regenerator-runtime was updated from 0.13.4 to 0.13.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

regenerator-runtime is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

General information

• embetty version: v1.0.5
  No further information required.

I was looking for a way to check if embetty started successfully and found that event :)
It would be good if there was a reference in the documentation to the use of the'initialized' event with code example.

$('embetty-video').on("initialized", function () { //your code here });

Additionally I would suggest an event after clicking on'playButton' ->'activated'.

Pull request: #29

Steps to reproduce the behaviour

Click on 'playButton'

Expected behaviour

Emit event 'activated'

$('embetty-video').on("activated", function () { //your code here });

Actual behaviour

NOP

The devDependency puppeteer was updated from 2.0.0 to 2.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

puppeteer is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency file-loader was updated from 4.1.0 to 4.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

file-loader is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency css-loader was updated from 3.3.2 to 3.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

css-loader is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

☝️ Important announcement: Greenkeeper will be saying goodbye 👋 and passing the torch to Snyk on June 3rd, 2020! Find out how to migrate to Snyk and more at greenkeeper.io

The devDependency webpack-bundle-analyzer was updated from 3.6.0 to 3.6.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack-bundle-analyzer is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency karma was updated from 3.1.1 to 3.1.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

karma is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency webpack was updated from 4.41.6 to 4.42.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

General information

• embetty version: 1.0.4
• Operating system name and version: ubuntu 16.04
• Browser name and version: Opera 53

Steps to reproduce the behaviour

I downloaded 1.0.4 from the release page and tried to follow the instructions (option 1) to setup a sample page.
There is no ./dist/embetty.js that is mentioned in the docs.
Including ./lib/embetty.js results in "Uncaught SyntaxError: Unexpected string" in opera + chrome. So the ./lib/embetty.js is obviously not the correct one.

The example pages reference a embetty.js that is also not available.

I did not try the other 2 options as I do not have a suitable dev environment.

So what am I missing?

Hello, I would like to embed a dynamic geographic map on my webpage with some kind of two click solution,
so that the users are asked before open street map data (or other background layer data) is loaded from external servers.

=> Is embetty the right tool to wrap dynamic maps?

a) If so, is there some example available?

b) If not, is there some alternative solution you would recommend?

The devDependency eslint-plugin-jest was updated from 23.7.0 to 23.8.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-jest is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

That allows embetted videos to go into fullscreen (note that the fullscreen button is disabled in the current demos).

The devDependency webpack-cli was updated from 3.3.2 to 3.3.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack-cli is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

General information

• embetty version: v1.0.5
• Node.js version: v8.9.4
• Operating system name and version: Win10 Pro 1703
• Browser name and version: Microsoft Edge 40.15063.674.0

Steps to reproduce the behaviour

1. Install the embetty-server and the demo page
2. Open with browser Edge

Expected behaviour

Working like a charm .. Chrome and FF

Actual behaviour

Not working with MS Edge

General information

• embetty version: v1.0.6
• Node.js version: build of embetty.js created with v10.5.0
• Browser name and version: all browsers that don't natively support Shadow DOM, for example Firefox v60

Steps to reproduce the behaviour

Create a build of embetty and add it to a web project (in this case a Ruby on Rails project, but should be irrelevant) that is running unrelated JavaScript code which makes use of Promises.

Expected behaviour

Embetty should stay in its lane. No error should occur.

Actual behaviour

Embetty tries to resolve Promises from unrelated parts of the codebase, then throws an error because it doesn't know what to do with the result of the Promise. Happens only in browsers listed above.

One example from our image lazy loading logic is:

SyntaxError: '[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement],[object HTMLImageElement]' is not a valid selector

As far as we have been able to debug this issue, this is caused by the shadydom code that is bundled with embetty as part of the webcomponents polyfill. And so this issue only occurs in browsers that don't natively support Shadow DOM.

We can't determine why it would do that or how it does that. We can't even determine which part of the code does it, since all embetty dependencies are transpiled/minified, even when we debugged the issue with a not-transpiled/not-minified test-build of embetty. We just saw that the error occurred in the webcomponent polyfill part of the code.

Hi dear Embetty team,

is it possible to use Embetty with YouTube playlists?

Thanks und best
Andreas

You may want to consider "autoplaying" Vimeo videos too. Just add ?autoplay=1 to the URL.

The devDependency cache-loader was updated from 1.2.3 to 1.2.4.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

cache-loader is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency webpack-dev-server was updated from 3.7.2 to 3.8.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack-dev-server is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Twitter currently advertises "Sneak a peek at the new Twitter" on its home page, giving its users the opportunity to try out their new layout.

As soon as a user activates it, the embetty-generated links in the form of

https://twitter.com/statuses/<tweet-id>

no longer work; they lead to a "Page not found" error on Twitter's site.

I have found that the link form of

https://twitter.com/<username>/status/<tweet-id>

seems to work in both "new Twitter" as well as in "legacy Twitter" (as Twitter calls it), so it might be a good idea to change the format returned by twitterUrl(). That format is the same that Twitter itself provides through its "Copy link to tweet" functionality so I regard it as official and stable.

There have been updates to the babel7 monorepo:

• • The devDependency @babel/core was updated from 7.8.4 to 7.8.6.

• The devDependency @babel/preset-env was updated from 7.8.4 to 7.8.6.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency webpack was updated from 4.41.5 to 4.41.6.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency webpack was updated from 4.19.0 to 4.19.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

This is a feature request: It would be great, if I there would be twitch support for embedding clips, videos and livestreams

General information

• embetty version: Latests on Demo Page
• Node.js version: ...
• Operating system name and version: Mac OSX
• Browser name and version: Firefox & Latest

Steps to reproduce the behaviour

Load the demo page, press play on the youtube video.
Notice one of the calls to youtube includes a cookie

Expected behaviour

I did not expect to be tracked.

Actual behaviour

Here is an example of the tracking that happens. I have inserted <private> in places where it seems that an identifier might have been.

GET /api/stats/watchtime?ns=yt&el=embedded&cpn=<private>&docid=m6UOo2YGbIE&ver=2&referrer=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fm6UOo2YGbIE%3Fautoplay%3D1&cmt=2.461&plid=AAVuCz9Dj9FZjI_Z&ei=PBEZW8maIY-F7QSIyp3ACw&fmt=135&fs=0&rt=8.003&of=up5AJuQ323o9cdDjlC2o8g&euri=https%3A%2F%2Fheiseonline.github.io%2Fembetty%2F&lact=2734&cl=199484561&state=paused&vm=CAEQARgE&volume=45&c=WEB_EMBEDDED_PLAYER&cver=20180606&cplayer=UNIPLAYER&cbr=Firefox&cbrver=60.0&cos=Macintosh&cosver=10.13&autoplay=1&hl=en_US&cr=DK&len=35550.678&rtn=18&afmt=140&idpj=-4&ldpj=-7&rti=8&muted=0&st=0&et=2.461&au=und.4 HTTP/1.1
Host: www.youtube.com
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:60.0) Gecko/20100101 Firefox/60.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://www.youtube.com/embed/m6UOo2YGbIE?autoplay=1
Cookie: SID=<private>; HSID=<private>; SSID=<private>; APISID=<private>; SAPISID=<private>; CONSENT=YES+<private>; VISITOR_INFO1_LIVE=<private>; PREF=f1=50000000; LOGIN_INFO=<private>; YSC=<private>; GPS=1
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

The devDependency webpack was updated from 4.35.3 to 4.36.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

General information

• embetty version: 1.0.5

Expected behaviour

Use youtube in privacy-enhanced mode aka youtube-nocookie.com.

Actual behaviour

Uses youtube.com.

Up to version 2.0.3 of the embetty server, the preview image of a youtube video was rendered fine, showing the preview image with the "native" resolution and aspect ratio of the video.

From version 3.0.0 on, it seems that the preview image is forced to a resolution of 480 x 360 px with an aspect ratio of 4:3, which leads to a distorted and low quality preview.

General information

• embetty version: 2.0.3 vs. 3.0.0 and up
• Node.js version: image from docker hub
• Operating system name and version: docker
• Browser name and version: chrome, firefox, safari, edge

Steps to reproduce the behaviour

Embed a youtube video for use with embetty, e.g. RvpudFBKUbo

Expected behaviour

The preview image rendered should have a resolution of 1280 x 720 px as with embetty server up to 2.0.3

Actual behaviour

The preview image has a resolution of 480 x 360 px (aspect ratio 4:3) from embetty server starting with version 3.0.0 which leads to a distorted and low resolution up scaled image which looks ugly

after upgrading raw-loader in 1.17 to the most recent version, the embetty logo o top of the embedded media does not show in the browser anymore. this is because raw-loaderintroduced a breaking change in v2. I further explained in PR #80.

You may want to consider "autoplaying" Facebook videos after its activation. Adding &autoplay=1&mute=0 to the URL solves this.

Showing the last tweets from a twitter account would add great benefit to the embetty tool.

<embetty-timeline type="twitter" account="heiseonline" max-count="5"></embetty-timeline>

Hi,

when I embed an YouTube Video, the preview image is broken. I've attached a screenshot.

Missing image: https://domain.space/embetty/video/youtube/youtubeid-poster-image

The dependency core-js was updated from 3.5.0 to 3.6.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

core-js is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The devDependency webpack-dev-server was updated from 3.10.1 to 3.10.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

webpack-dev-server is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴