Carview!

Glaze

Use Glaze to access your Alpas named routes from inside your JavaScript.

Usage

You can use Glaze in one of two ways - using glaze template function that will make a global Glaze JavaScript object as well as a route() helper function, you can then call these to access named routes in your JavaScript.

You can also integrate Glaze with Mix by importing it in your asset pipeline. You can then use it from a frontend library like VueJS easily.

Examples:

// Returns '/posts'
route('posts.index')
// Returns /posts/1
route('posts.show', 1)
route('posts.show', [1])
route('posts.show', {id: 1})

Getting Started

Add Glaze as a Gradle dependency:

implementation 'com.github.alpas:glaze:master'

Register GlazeServiceProvider in both HttpKernel and ConsoleKernel:

override fun serviceProviders(app: Application): Iterable<KClass<out ServiceProvider>> {
    return listOf(
        //...
        //...
        GlazeServiceProvider::class
    )
}

Using in a template

Add {{ glaze() }} in one of your layout template's <head> section. Any scripts added after this will have access to a global Glaze object and a route() helper function.

Using it from a VueJS component

Publish all the required scripts by using the alpas glaze:publish console command. This will add two scripts — route.js and glaze.js — in resources/js folder.
Open webpack.mix.js file and add the following:

const path = require('path')
mix.webpackConfig({
  resolve: {
    alias: {
      glaze: path.resolve('src/main/resources/js/route.js'),
    },
  },
})

Open app.js and make the route() method available in every Vue components:

import Vue from 'vue'
import route from 'glaze'
import { Glaze } from './glaze'
// ...
Vue.mixin({
  methods: {
    route: (name, params, absolute) =>  route(name, params, absolute, Glaze)
  }
})
// ...

You can now use the route() method in your Vue components like so: <a :href="route('login')">Login</a> Or you can call it from your VueJS component's script like so: this.route('login')

Glaze Config

You can set the base URL to be used for each routes by extending the GlazeConfig file.

Glaze is hugely inspired and based on Ziggy and js-routes.

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
gradle/wrapper		gradle/wrapper
js/glaze		js/glaze
src/main		src/main
.editorconfig		.editorconfig
.gitignore		.gitignore
README.md		README.md
babel.config.js		babel.config.js
build.gradle		build.gradle
gradle.properties		gradle.properties
gradlew		gradlew
gradlew.bat		gradlew.bat
jitpack.yml		jitpack.yml
package.json		package.json
settings.gradle		settings.gradle
webpack.config.js		webpack.config.js
yarn.lock		yarn.lock

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Repository files navigation

Glaze

Usage

Examples:

Getting Started

Using in a template

Using it from a VueJS component

Glaze Config

About

Uh oh!

Releases

Packages

Languages

alpas/glaze

Folders and files

Latest commit

History

Repository files navigation

Glaze

Usage

Examples:

Getting Started

Using in a template

Using it from a VueJS component

Glaze Config

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages