https://github.com/xactsystems/js-routing-bundle

A JS routing bundle for Symfony 4+ using webpack. Derived from the FOS JSRoutingBundle. See 3.4 branch for Symfony 3.4.
https://github.com/xactsystems/js-routing-bundle

hacktoberfest routing symfony webpack

Last synced: about 2 months ago
JSON representation

A JS routing bundle for Symfony 4+ using webpack. Derived from the FOS JSRoutingBundle. See 3.4 branch for Symfony 3.4.

• Host: GitHub
• URL: https://github.com/xactsystems/js-routing-bundle
• Owner: XactSystems
• License: mit
• Created: 2020-04-30T04:19:39.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-10-29T17:41:07.000Z (about 3 years ago)
• Last Synced: 2024-07-17T12:18:30.356Z (5 months ago)
• Topics: hacktoberfest, routing, symfony, webpack
• Language: PHP
• Homepage:
• Size: 95.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
XactJSRoutingBundle

===============

This bundle allows you to expose your Symfony routes and use them in your webpack managed JavaScript code.

It allows you to easily integrate the functionality of the FOSJsRoutingBundle into webpack modules.

Documentation

-------------

### 1) Add JSRoutingBundle to your project

```bash

composer require xactsystems/js-routing-bundle

```

For Symfony 3.4 use:

```bash

composer require xactsystems/js-routing-bundle:^3.4

```

### 2) Include the routing template in your base Twig template

```twig

// templates/base.html.twig

{{ include("@XactJSRouting/js-routing.html.twig") }}

```

### 3) Include the JS module in your App.js

```javascript

// assets/js/App.js

// Import the JS routing scripts

import '../../vendor/xactsystems/js-routing-bundle/assets/js-routing.js';

```

The actual path to the js-routing.js file may not be exactly as shown, you may need to adjust this for your own project.

### 4) Using the routing class, exactly as you would with FOS bundle

```javascript

// Get the URL of your routes

let url1 = Routing.generate('home');

let url2 = Routing.generate('some-other-route', {id: myLocalId, state: myLocalState});

```

### 5) For Symfony 3.4, if you are not using Flex and ENV you may need to add the following:

```php

// app/AppKernel.php

    public function registerBundles()

    {

        // You many need to do this to get the render(controller()) Twig method working for XactJSRoutingBundle

        $_ENV["APP_ENV"] = $this->getEnvironment();

```

And for the Symfony Serializer component:

```yaml

// app/config/config.yml

framework:

    ...

    # If you haven't already enabled the Symfony Serializer

    serializer: { enabled: true }

```

Credits

-------

* Ian Foulds as the creator of this package.

* William DURAND as author of the FOS bundle.

* Julien MUETTON (Carpe Hora) for the inspiration.

License

-------

This bundle is released under the MIT license. See the complete license in the

bundle:

[LICENSE](https://github.com/ianfoulds/js-routing-bundle/blob/master/LICENSE)