title: Artisan Commands description: WireFlow Artisan commands for installation and asset management. order: 11 section: Reference

Artisan Commands

wireflow:install

One-command setup for WireFlow. Replaces the manual steps in the installation guide.

php artisan wireflow:install

This command:

1. Publishes config — copies wireflow.php to config/wireflow.php
2. Publishes assets — copies AlpineFlow JS/CSS to public/vendor/alpineflow/
3. Adds JS import — prepends the AlpineFlow import and alpine:init registration to resources/js/app.js
4. Adds CSS imports — adds structural and theme CSS imports to resources/css/app.css

If imports already exist in your files, they won't be duplicated.

Options

After running

npm run build

Then use <x-flow> in your Blade views:

<x-flow :nodes="$nodes" :edges="$edges" style="height: 400px;">
    <x-slot:node>
        <x-flow-handle type="target" />
        <span x-text="node.data.label"></span>
        <x-flow-handle type="source" />
    </x-slot:node>
</x-flow>

What it adds to app.js

import AlpineFlow from '../../vendor/getartisanflow/wireflow/dist/alpineflow.bundle.esm.js';

document.addEventListener('alpine:init', () => {
    window.Alpine.plugin(AlpineFlow);
});

What it adds to app.css

[@import](https://github.com/import) '../../vendor/getartisanflow/wireflow/dist/alpineflow.css';
[@import](https://github.com/import) '../../vendor/getartisanflow/wireflow/dist/alpineflow-theme.css';

Related

• Installation — manual setup steps
• Configuration — config options