borbad.s5l.ru/vue/app/shared/AppLink/index.coffee

# Загрузка стилей компонента
document.head.insertAdjacentHTML('beforeend','<style type="text/tailwindcss"  page="AppLink">'+stylFns['app/shared/AppLink/index.styl']+'</style>')

module.exports =
    name: 'AppLink'
    render: (new Function '_ctx', '_cache', renderFns['app/shared/AppLink/index.pug'])()
    
    props:
        to:
            type: [String, Object]
            required: true
        href:
            type: String
            default: ''
        target:
            type: String
            default: '_self'
        rel:
            type: String
            default: ''
        class:
            type: [String, Object, Array]
            default: ''
        activeClass:
            type: String
            default: 'app-link--active'
        exact:
            type: Boolean
            default: false
    
    computed:
        # Определяем тип ссылки: внутренняя (router) или внешняя
        isExternalLink: ->
            if typeof @to is 'string'
                return @isExternalUrl(@to) or @to.startsWith('http') or @to.startsWith('//') or @to.startsWith('mailto:') or @to.startsWith('tel:')
            return false
        
        # Определяем является ли ссылка маршрутом Vue Router
        isRouterLink: ->
            if typeof @to is 'object'
                return true
            if typeof @to is 'string' and not @isExternalLink
                return @to.startsWith('/') and not @to.startsWith('//')
            return false
        
        # Нормализованный URL для внешних ссылок
        normalizedHref: ->
            if @href
                return @href
            if typeof @to is 'string' and @isExternalLink
                return @to
            return ''
        
        # Нормализованный to для router-link
        normalizedTo: ->
            if typeof @to is 'object'
                return @to
            if typeof @to is 'string' and not @isExternalLink
                return @to
            return ''
        
        # Классы для компонента
        linkClasses: ->
            baseClasses = 'app-link transition-colors duration-200'
            
            if typeof @class is 'string'
                return baseClasses + ' ' + @class
            else if Array.isArray(@class)
                return [baseClasses, ...@class]
            else if typeof @class is 'object'
                return Object.assign({}, {[baseClasses]: true}, @class)
            else
                return baseClasses
    
    methods:
        # Проверка является ли URL внешним
        isExternalUrl: (url) ->
            if not url or typeof url isnt 'string'
                return false
            
            # Проверяем различные признаки внешних ссылок
            externalPatterns = [
                /^https?:\/\//i
                /^\/\//i
                /^mailto:/i
                /^tel:/i
                /^ftp:/i
                /^#/i  # якорные ссылки считаем внешними для простоты
            ]
            
            for pattern in externalPatterns
                if pattern.test(url)
                    return true
            
            return false
        
        # Обработчик клика для внешних ссылок
        handleExternalClick: (event) ->
            # Если target="_blank", добавляем noopener noreferrer для безопасности
            if @target is '_blank' and not @rel
                @$el.rel = 'noopener noreferrer'
            
            # Можно добавить аналитику или другие обработчики здесь
            EventBus.emit('external_link_clicked', {
                url: @normalizedHref
                target: @target
            })
        
        # Обработчик клика для внутренних ссылок
        handleInternalClick: (event) ->
            # Можно добавить аналитику или другие обработчики здесь
            EventBus.emit('internal_link_clicked', {
                to: @normalizedTo
                route: @$route
            })