web-social-share

A Web Component to share url and text on social networks

MIT License

Downloads
6.9K
Stars
79
Committers
17

Bot releases are hidden (Show)

web-social-share - ESM Latest Release

Published by peterpeterparker 9 months ago

Fix

  • Make package ESM ready (#63)
web-social-share - Vite

Published by peterpeterparker about 2 years ago

Build

  • improve support for vite
web-social-share - DSCVR

Published by peterpeterparker about 2 years ago

Features

  • share to DSCVR
  • per default, open share link in new window (*)
  • new option openWindowTarget to set another target to open the url than _blank (*)

(*) except "email" and "copy" targets

web-social-share - OpenChat

Published by peterpeterparker about 2 years ago

Features

Fix

  • improve mobile detection to share Twitter or Whatsapp accordingly

Refactor

  • move utils to providers

Build

  • bump dev dependencies
  • remove pretty-quick and husky
  • format code (max 100 chars instead of 140)
web-social-share - ESM NodeJS

Published by peterpeterparker almost 3 years ago

Fix

  • add manual support for ESM in NodeJS (#55)
web-social-share - Custom element entry modified

Published by peterpeterparker almost 3 years ago

Breaking Changes

  • custom element entry modified (Stencil dist-custom-elements instead of deprecated dist-custom-elements-bundle | #48)
import 'web-social-share/dist/components/web-social-share';
web-social-share - Undefined Reddit title

Published by peterpeterparker almost 3 years ago

Fix

  • undefined Reddit title if socialShareText not provided
web-social-share - Ripple Effect

Published by peterpeterparker almost 3 years ago

Features

  • improve user feedback on click with a ripple effect

Fix

  • module entry point (#48)

Build

  • bump dev dependencies
  • package-lock version v2 - npm v7
web-social-share - Output custom elements bundle

Published by peterpeterparker over 3 years ago

Build

  • output custom elements as a single bundle (dist-custom-elements-bundle)
  • bump dependencies
web-social-share - Telegram

Published by peterpeterparker over 3 years ago

Features

  • share to Telegram
web-social-share - Drop support of IE11, Edge 16-18 and Safari 10

Published by peterpeterparker over 3 years ago

Breaking changes

  • drop support of IE11, Edge 16-18 and Safari 10

Features

  • update dependencies (Stencil v2)
  • code refactored to hopefully make it easier to read
  • isMobile detection improved

Chore

  • use prettier to format code
web-social-share - Update Stencil v1.17.x

Published by peterpeterparker about 4 years ago

Chore

  • update Stencil v1.17.x
web-social-share - Update dependencies

Published by peterpeterparker over 4 years ago

Features

  • update dependencies
web-social-share - Share to Hacker News

Published by peterpeterparker over 4 years ago

Features

  • add "Hacker News"
  • exposes interfaces in bundle
  • improve UI (max. width 540px instead of 500px, box-shadow and border-radius for the container)
  • refactor duplicate actions functions code
  • GitHub action to deploy demo website to Firebase
  • transfer GitHub repo to my self (peterpeterparker)
web-social-share - Remove internal slots manipulation

Published by peterpeterparker about 5 years ago

Fix

  • refactor component to avoid the need to move slots in order to be compatible with Font Awesome (CSS import) (#18)

Special note

There isn't any "breaking changes" but according the type and how you style your icons, you might need to change some CSS variables to keep styles in terms of size the same way.

For example I had to change width to font-size in the index.html of the component.

From:

<i class="fab fa-twitter" slot="twitter" style="color: #00aced; width: 1.4rem;"></i>

To:

<i class="fab fa-twitter" slot="twitter" style="color: #00aced; font-size: 1.6rem;"></i>
web-social-share - Copy (to clipboard) and zIndex

Published by peterpeterparker over 5 years ago

6.1.0

Features

  • CSS variable to set the base zIndex of the component

6.0.0

Features

  • add "Copy (to clipboard)" support (#17)
web-social-share - Stencil One

Published by peterpeterparker over 5 years ago

Libs

  • Stencil One
web-social-share - Shadow DOM

Published by peterpeterparker over 5 years ago

Breaking changes

  • transform component to a shadowed Web Component (#14)

Notes:

As of version v5.0.0 this Web Component will be shadowed. Therefore, you will have to use slots to inject the icons for the sharing actions and will have to style these in order to apply for example the proper colors. The README of the component has been updated to reflect these changes.

If you would miss variables to style the component, ping me, I would be happy to add more options.

web-social-share - Fix WhatsApp empty text

Published by peterpeterparker over 5 years ago

Fix

  • incorrect URL when WhatsApp socialShareText is empty (#13, thx @fmendoza for the PR 👍)
web-social-share - Freaking iPhones

Published by peterpeterparker over 5 years ago

Fix

  • freaking iphone might trim/cut action text (like displaying "Pintere") (a6bd031 and 1856787)
Package Rankings
Top 3.59% on Npmjs.org
Badges
Extracted from project README
version npm
Related Projects