force icon indicating copy to clipboard operation
force copied to clipboard

[WIP]: puzzle

Open rajsam003 opened this issue 2 years ago • 3 comments

The type of this PR is: TYPE

This PR solves [GRO-]

Description

rajsam003 avatar May 03 '22 13:05 rajsam003

react-web-share

Author: Harsh Zalavadiya

Description: Tiny [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) wrapper with fallback for unsupported browsers

Homepage: https://github.com/hc-oss/react-web-share#readme

Createdabout 2 years ago
Last Updated9 days ago
LicenseMIT
Maintainers1
Releases33
Direct Dependencies
Keywordsreact, share, web-share, native, fallback, polyfill, component, tiny and lightweight
README

react-web-share

Tiny Web Share API wrapper with fallback for unsupported browsers

GitHub Actions Status NPM gzip

Edit react-web-share

💡 most browsers restricts web share api only to https websites

✨ Features

  • 🍃 Only ~6kb gzipped and no external dependencies
  • 🌀 Uses React Portal
  • ✌ Written w/ TypeScript

🔧 Installation

npm i react-web-share    # npm
yarn add react-web-share # yarn

Preview

Mobile

Mobile Preview

Desktop

Desktop Preview

📦 Example

import React, { useState } from "react";
import { RWebShare } from "react-web-share";

const Example = () => {
  return (
    <div>
      <RWebShare
        data={{
          text: "Like humans, flamingos make friends for life",
          url: "https://on.natgeo.com/2zHaNup",
          title: "Flamingos",
        }}
        onClick={() => console.log("shared successfully!")}
      >
        <button>Share 🔗</button>
      </RWebShare>
    </div>
  );
};

export default Example;

👀 Props

Prop Description Type Default
data Share Object {text, url, title} {text: "", url: currentURL, title: "Share"}
sites sites string[] all platforms (see list below for key list)
closeText translate close string localise close text
onClick callback on sucessful share

🌎 Sites

  • facebook
  • twitter
  • whatsapp
  • reddit
  • telegram
  • linkedin
  • mail
  • copy (Copy to Clipboard)
  • vk
  • okru

📜 License

MIT © harshzalavadiya

react-motion

Author: Unknown

Description: A spring that solves your animation problems.

Homepage: https://github.com/chenglou/react-motion#readme

Createdalmost 7 years ago
Last Updatedabout 4 years ago
LicenseMIT
Maintainers2
Releases27
Direct Dependenciesperformance-now, prop-types and raf
Keywordsreact, component, react-component, transitiongroup, spring, tween, motion, animation, transition and ui
This README is too long to show.

New dependencies added: react-motion and react-web-share.

Generated by :no_entry_sign: dangerJS against adad37e1dd3e3884adab266ca08c44ab62827416

artsy-peril[bot] avatar May 03 '22 13:05 artsy-peril[bot]

omg put it under /artwork/:slug/puzzle and ship it haha

pvinis avatar May 11 '22 14:05 pvinis

👋 Heads up! A major change is incoming in Force, where we flatten out the src/v2 directory into src. This will take place next Thursday and be merged in, which could impact PRs with rebase conflicts (since all of our import paths will soon change). If your PR can be merged in, please do so by next Weds. (See this thread for more info.)

damassi avatar Jul 15 '22 18:07 damassi

@rajsam003 - gonna close this, feel free to reopen when wanting to work on it again!

damassi avatar Feb 17 '23 17:02 damassi