maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use <web-share-wrapper> for article sharing (#1524)

Browse source
This commit is contained in:
Phil Nash 2019-02-12 08:05:52 +11:00 • committed by Mac Siri
parent 7c369facf1
commit d8de2b0d14
5 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/packs/webShare.js Normal file
View file

@ -0,0 +1,2 @@
/* eslint no-unused-vars: ["error", { "argsIgnorePattern": "_" }] */
import 'web-share-wrapper';

13
app/views/articles/_actions.html.erb
View file

@ -31,10 +31,15 @@
<div class="dropdown-link-row">
<input value="https://dev.to<%= @article.path %>" onClick="this.setSelectionRange(0, this.value.length)" readonly/>
</div>
<div class="dropdown-link-row"><a target='_blank' href='https://twitter.com/intent/tweet?text="<%= @article.title %>" by <%= @article.user.twitter_username ? "@" + @article.user.twitter_username : @article.user.name %> %23DEVcommunity https://dev.to<%= @article.path %>'>Share to Twitter</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.linkedin.com/shareArticle?mini=true&url=https://dev.to<%=@article.path%>&title=<%=@article.title%>&summary=<%=@article.description%>&source=dev.to'>Share to LinkedIn</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.reddit.com/submit?url=https://dev.to<%=@article.path%>&title=<%= @article.title %>'>Share to Reddit</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.facebook.com/sharer.php?u=https://dev.to<%=@article.path%>'>Share to Facebook</a></div>
<web-share-wrapper shareurl="https://dev.to<%= @article.path %>" sharetext="<%= @article.title %>" template="web-share-button">
<div class="dropdown-link-row"><a target='_blank' href='https://twitter.com/intent/tweet?text="<%= @article.title %>" by <%= @article.user.twitter_username ? "@" + @article.user.twitter_username : @article.user.name %> %23DEVcommunity https://dev.to<%= @article.path %>'>Share to Twitter</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.linkedin.com/shareArticle?mini=true&url=https://dev.to<%=@article.path%>&title=<%=@article.title%>&summary=<%=@article.description%>&source=dev.to'>Share to LinkedIn</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.reddit.com/submit?url=https://dev.to<%=@article.path%>&title=<%= @article.title %>'>Share to Reddit</a></div>
<div class="dropdown-link-row"><a target='_blank' href='https://www.facebook.com/sharer.php?u=https://dev.to<%=@article.path%>'>Share to Facebook</a></div>
</web-share-wrapper>
<template id="web-share-button">
<div class="dropdown-link-row"><a href="#">Share Post</a></div>
</template>
<div class="dropdown-link-row"><a href="/report-abuse">Report Abuse</a></div>
</div>
</div>

4
app/views/articles/show.html.erb
View file

@ -211,7 +211,7 @@
<% end %>
<% end %>
<% cache("article-show-scripts", expires_in: 8.hours) do %>
<% cache("article-show-scripts", expires_in: 8.hours) do %>
<script async>
<%= TweetTag.script.html_safe %>
<%= YoutubeTag.script.html_safe %>
@ -220,3 +220,5 @@
<%= RunkitTag.script.html_safe %>
</script>
<% end %>
<%= javascript_pack_tag "webShare", defer: true %>

1
package.json
View file

@ -98,6 +98,7 @@
"preact-textarea-autosize": "^4.0.7",
"prop-types": "^15.7.1",
"pusher-js": "^4.3.1",
"web-share-wrapper": "^0.2.1",
"twilio-video": "^1.15.2"
}
}

5
yarn.lock
View file

@ -10804,6 +10804,11 @@ wbuf@^1.1.0, wbuf@^1.7.2:
dependencies:
minimalistic-assert "^1.0.0"
web-share-wrapper@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/web-share-wrapper/-/web-share-wrapper-0.2.1.tgz#679a8daf339fe6da17f5999c1744fb89552f99ee"
integrity sha512-YEHwLgxLP3qOiP7/pKNdwSLdXfJ8+U9b1A12jbALzE9nSX/sbu4TTZXxQWu1nFjAfzxeqbwokAhcMDWe/4ey0Q==
webidl-conversions@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"