@cocreate/pwa 1.18.2 → 1.19.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.19.0](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.18.2...v1.19.0) (2024-03-18)
+
+
+### Features
+
+* web share api using share, share-title, share-text, share-url ([b760a1f](https://github.com/CoCreate-app/CoCreate-pwa/commit/b760a1f5ae4b9376b4adac3b9456b706d83f9fbc))
+
 ## [1.18.2](https://github.com/CoCreate-app/CoCreate-pwa/compare/v1.18.1...v1.18.2) (2024-02-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/pwa",
-  "version": "1.18.2",
+  "version": "1.19.0",
   "description": "A simple pwa component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "pwa",

package/src/index.js

@@ -24,6 +24,7 @@
 
 import observer from '@cocreate/observer'
 import localStorage from '@cocreate/local-storage'
+import './web-share'
 
 
 /**

package/src/web-share.js

@@ -1 +1,82 @@
 // https://web.dev/web-share-target/
+/********************************************************************************
+ * Copyright (C) 2023 CoCreate and Contributors.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ ********************************************************************************/
+
+/**
+ * Commercial Licensing Information:
+ * For commercial use of this software without the copyleft provisions of the AGPLv3,
+ * you must obtain a commercial license from CoCreate LLC.
+ * For details, visit <https://cocreate.app/licenses/> or contact us at sales@cocreate.app.
+ */
+
+import Observer from '@cocreate/observer'
+import Actions from '@cocreate/actions'
+
+const selector = "[share]";
+
+async function init(element) {
+    if (element && !(element instanceof HTMLCollection) && !Array.isArray(element))
+        element = [element]
+    else if (!element) {
+        element = document.querySelectorAll(selector)
+    }
+
+    for (let i = 0; i < element.length; i++)
+        element[i].addEventListener('click', function (e) {
+            share(e.target);
+        });
+
+}
+
+function share(element) {
+    if (navigator.share && element) {
+        let title = element.getAttribute('share-title') || document.title;
+        let text = element.getAttribute('share-text') || document.querySelector('meta[name="description"]')?.content || '';
+        let url = element.getAttribute('share-url') || window.location.href;
+
+        navigator.share({
+            title: title,
+            text: text,
+            url: url
+        })
+            .then(() => console.log('Successful share'))
+            .catch((error) => console.log('Error sharing', error));
+    } else {
+        console.log('Web Share API is not supported or element is not provided.');
+    }
+}
+
+Observer.init({
+    name: 'webshare',
+    observe: ['addedNodes'],
+    target: '[share]',
+    callback: (mutation) => {
+        init(mutation.target)
+    }
+});
+
+Actions.init({
+    name: "share",
+    callback: (action) => {
+        share(action.element);
+    }
+})
+
+init()
+
+export default { init }
+