files.vuetify.libs.vuex-router-sync.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of sitegen-maven-plugin Show documentation
The newest version!
/*
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
 *
 * Copyright (c) 2018, 2022 Oracle and/or its affiliates.
 *
 * The contents of this file are subject to the terms of either the GNU
 * General Public License Version 2 only ("GPL") or the Common Development
 * and Distribution License("CDDL") (collectively, the "License").  You
 * may not use this file except in compliance with the License.  You can
 * obtain a copy of the License at
 * https://oss.oracle.com/licenses/CDDL+GPL-1.1
 * or LICENSE.txt.  See the License for the specific
 * language governing permissions and limitations under the License.
 *
 * When distributing the software, include this License Header Notice in each
 * file and include the License file at LICENSE.txt.
 *
 * GPL Classpath Exception:
 * Oracle designates this particular file as subject to the "Classpath"
 * exception as provided by Oracle in the GPL Version 2 section of the License
 * file that accompanied this code.
 *
 * Modifications:
 * If applicable, add the following below the License Header, with the fields
 * enclosed by brackets [] replaced by your own identifying information:
 * "Portions Copyright [year] [name of copyright owner]"
 *
 * Contributor(s):
 * If you wish your version of this file to be governed by only the CDDL or
 * only the GPL Version 2, indicate your decision by adding "[Contributor]
 * elects to include this software in this distribution under the [CDDL or GPL
 * Version 2] license."  If you don't indicate a single choice of license, a
 * recipient has the option to distribute your version of this file under
 * either the CDDL, the GPL Version 2 or to extend the choice of license to
 * its licensees as provided above.  However, if you add GPL Version 2 code
 * and therefore, elected the GPL Version 2 license, then the option applies
 * only if the new code is made subject to such option by the copyright
 * holder.
 */

// vuex-router-sync source code pasted here because no proper cdn service found
function sync(store, router, options) {
    var moduleName = (options || {}).moduleName || 'route'

    store.registerModule(moduleName, {
        namespaced: true,
        state: cloneRoute(router.currentRoute),
        mutations: {
            'ROUTE_CHANGED': function (state, transition) {
                store.state[moduleName] = cloneRoute(transition.to, transition.from)
            }
        }
    })

    var isTimeTraveling = false
    var currentPath

    // sync router on store change
    store.watch(
        function (state) {
            return state[moduleName]
        },
        function (route) {
            if (route.fullPath === currentPath) {
                return
            }
            isTimeTraveling = true
            var methodToUse = currentPath == null ?
                'replace' :
                'push'
            currentPath = route.fullPath
            router[methodToUse](route)
        }, {
            sync: true
        }
    )

    // sync store on router navigation
    router.afterEach(function (to, from) {
        if (isTimeTraveling) {
            isTimeTraveling = false
            return
        }
        currentPath = to.fullPath
        store.commit(moduleName + '/ROUTE_CHANGED', {
            to: to,
            from: from
        })
    })
}

function cloneRoute(to, from) {
    var clone = {
        name: to.name,
        path: to.path,
        hash: to.hash,
        query: to.query,
        params: to.params,
        fullPath: to.fullPath,
        meta: to.meta
    }
    if (from) {
        clone.from = cloneRoute(from)
    }
    return Object.freeze(clone)
}