@symbo.ls/link 3.0.100 → 3.1.2

package/index.js

@@ -5,59 +5,75 @@ import { router as defaultRouter } from '@domql/router'
 export const Link = {
   extends: 'Focusable',
   tag: 'a',
-  props: {
-    aria: {},
-    fontWeight: 'bold',
-    textDecoration: 'none',
-    color: 'currentColor',
-    draggable: false
-  },
+
+  aria: {},
+  fontWeight: 'bold',
+  textDecoration: 'none',
+  color: 'currentColor',
+  draggable: false,
+
   attr: {
     href: (el, s, ctx) => {
       const props = el.props
-      const href = el.call('exec', props.href, el) || el.call('exec', el.call('exec', props, el).href, el)
+      const href =
+        el.call('exec', props.href, el) ||
+        el.call('exec', el.call('exec', props, el).href, el)
       if (el.call('isString', href) && href.includes('{{')) {
         return el.call('replaceLiteralsWithObjectFields', href)
       }
       return href
     },
     target: ({ props }) => props.target,
-    'aria-label': ({ props }) => props.aria ? props.aria.label : props.text,
+    'aria-label': ({ props }) => (props.aria ? props.aria.label : props.text),
     draggable: ({ props }) => props.draggable
   }
 }
 
 export const RouterLink = {
-  on: {
-    click: (event, el, s) => {
-      const { props, context: ctx } = el
-      const { href: h, scrollToTop, stopPropagation } = props
-      let href = el.call('exec', h, el)
+  onClick: (event, el, s) => {
+    const { props, context: ctx } = el
+    const { href: h, scrollToTop, stopPropagation } = props
+    let href = el.call('exec', h, el)
 
-      if (el.call('isString', href) && href.includes('{{')) {
-        href = el.call('replaceLiteralsWithObjectFields', href)
-      }
+    if (el.call('isString', href) && href.includes('{{')) {
+      href = el.call('replaceLiteralsWithObjectFields', href)
+    }
 
-      if (stopPropagation) event.stopPropagation()
-      if (!href) return
-      const { utils, snippets, functions, routerOptions } = ctx
-      const root = el.__ref.root
-      const linkIsExternal = href.includes('http://') ||
-        href.includes('https://') ||
-        href.includes('mailto:') ||
-        href.includes('tel:')
-      if (href && !linkIsExternal) {
-        try {
-          (functions.router || snippets.router || utils.router || defaultRouter)(href, root, {}, {
+    if (stopPropagation) event.stopPropagation()
+    if (!href) return
+    const { utils, snippets, functions, routerOptions } = ctx
+    const root = el.__ref.root
+    const linkIsExternal =
+      href.startsWith('http://') ||
+      href.startsWith('https://') ||
+      href.startsWith('mailto:') ||
+      href.startsWith('tel:') ||
+      href.startsWith('sketch:') ||
+      href.startsWith('whatsapp:') ||
+      href.startsWith('sms:') ||
+      href.startsWith('skype:') ||
+      href.startsWith('viber:') ||
+      href.startsWith('callto:') ||
+      href.startsWith('facetime:') ||
+      href.startsWith('facetime-audio:') ||
+      href.startsWith('geo:') ||
+      href.startsWith('maps:')
+    if (href && !linkIsExternal) {
+      try {
+        ;(functions.router || snippets.router || utils.router || defaultRouter)(
+          href,
+          root,
+          {},
+          {
             scrollToOptions: { behaviour: 'instant' },
             scrollToTop: el.call('isDefined', scrollToTop) ? scrollToTop : true,
             ...routerOptions,
             ...props.routerOptions
-          })
-          event.preventDefault()
-        } catch (e) {
-          console.warn(e)
-        }
+          }
+        )
+        event.preventDefault()
+      } catch (e) {
+        console.warn(e)
       }
     }
   }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/link",
-  "version": "3.0.100",
+  "version": "3.1.2",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "1302a0674cc4d420f304737973a7f7bece86f359",
+  "gitHead": "429b36616aa04c8587a26ce3c129815115e35897",
   "dependencies": {
-    "@domql/router": "^3.0.0",
-    "@symbo.ls/atoms": "^3.0.100"
+    "@domql/router": "^3.1.2",
+    "@symbo.ls/atoms": "^3.1.2"
   },
   "source": "src/index.js"
 }