From ea01cb0602f4b6be2f17f1ec1bfcf2e714570df4 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Fri, 17 Sep 2021 20:28:39 -0300
Subject: [PATCH] =?UTF-8?q?Usar=20el=20caj=C3=B3n=20de=20compartir=20nativ?=
 =?UTF-8?q?o=20si=20est=C3=A1=20disponible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _includes/share_box.html               | 15 +++++++++++++-
 _packs/controllers/share_controller.js | 27 ++++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 _packs/controllers/share_controller.js

diff --git a/_includes/share_box.html b/_includes/share_box.html
index 3270986..7ecff0d 100644
--- a/_includes/share_box.html
+++ b/_includes/share_box.html
@@ -1,4 +1,17 @@
-<input type="checkbox" id="share" class="toggler" autocomplete="off" />
+{%- assign title = include.title | escape -%}
+{%- assign text = include.description | strip_html | escape -%}
+{%- assign url = site.url | append: include.url | escape -%}
+
+<input
+  data-controller="share"
+  data-action="share#share"
+  data-share-title-value="{{ title }}"
+  data-share-text-value="{{ text }}"
+  data-share-url-value="{{ url }}"
+  type="checkbox"
+  id="share"
+  class="toggler"
+  autocomplete="off" />
 
 <label class="share btn border btn-block" for="share">
   {{ site.i18n.share.text }}
diff --git a/_packs/controllers/share_controller.js b/_packs/controllers/share_controller.js
new file mode 100644
index 0000000..b0d1486
--- /dev/null
+++ b/_packs/controllers/share_controller.js
@@ -0,0 +1,27 @@
+import { Controller } from 'stimulus'
+
+export default class extends Controller {
+  static values = {
+    title: String,
+    text: String,
+    url: String
+  }
+
+  async share (event = undefined) {
+    event?.preventDefault()
+    event?.stopPropagation()
+
+    const title = this.titleValue
+    const text = this.textValue
+    const url = this.urlValue
+    const data = { title, text, url }
+
+    if ('share' in navigator) {
+      if (navigator.canShare(data)) {
+        navigator.share(data)
+      } else {
+        console.error('No se puede compartir', data)
+      }
+    }
+  }
+}