31:T744,style = html``32:[] 2f:{"title":"Share on Twitter Button","cells":[{"id":0,"value":"md`# Share on Twitter Button`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md` Inspired by [@mbostock/tweet](https://observablehq.com/@mbostock/tweet).\n\nThis notebook provides a tiny convenience function for sharing a tweet containing a specified URL or notebook's URL default using plain HTML. To use it in your notebook, first import it:\n\n\\`\\`\\`js\nimport {shareTweet} from \"@pierreleripoll/share-on-twitter-button\"\n\\`\\`\\`\n\nThen define a cell that calls *shareTweet*, passing in the URL to share (notebook's url default), with or without options.\n\nNext I would like to add a media/upload option using [this API](https://developer.twitter.com/en/docs/media/upload-media/overview).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"md` Default :`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"shareTweet()","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"md` Example with specific URL + options :`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"shareTweet(document.baseURI, {\n buttonText: \"Share this notebook on Twitter !\",\n text: \"Great @ObservableHQ notebook : create a share-on-twitter button 😉\",\n hashtags: \"observable,demo\",\n via: \"pierreripoll\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"md`## Link`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"md`If you prefer you can also create a link instead of a button with \n\\`\\`\\`js\nimport {shareTweetLink} from \"@pierreleripoll/share-on-twitter-button\"\n\\`\\`\\``","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"link = shareTweetLink(document.baseURI, {\n text: \"OMG ! This @ObservableHQ notebook changed my life 🤩\",\n hashtags: \"link,isthisreallife\",\n via: \"pierreripoll\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"md`You can then add it inside Markdown : [for example here](${link}), cool right ? It's simpler than a full ${shareTweet()} and incorporate better in a paragraph. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"md`## Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"svg_string = ``","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"function shareTweet(url = document.baseURI, options = {}) {\n return html`\n ${style}\n \n \n \n ${options.buttonText || \"Tweet\"}\n \n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"function shareTweetLink(url = document.baseURI, options = {}) {\n let link = new URL(\"https://twitter.com/intent/tweet\");\n let params = link.searchParams;\n\n params.set(\"original_referer\", document.baseURI);\n params.set('url', url);\n for (let o in options) {\n if (url_options.includes(o)) params.set(o, options[o]);\n else if (!button_options.includes(o))\n throw new Error(\n `${o} is not a valid option for the share tweet button !`\n );\n }\n\n return link.href;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"url_options = ['text', 'hashtags', 'via', 'related']","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"button_options = ['buttonText', 'blockNewTab']","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}