[LiveComponent] Add support for live components in reusable bundles

[javiereguiluz]

Symfony UX doesn't officially support defining Live Components in reusable bundles (see #3064). However, if you add the following config for your live component, it works inside a bundle:

    // config/services.php
    return static function (ContainerConfigurator $container) {
        // ...

        $services->set(ProductSearch::class)
            // ...
            ->tag('twig.component', [
                'live' => true,
                'route' => 'ux_live_component',
                'url_reference_type' => true,
            ])
            ->tag('controller.service_arguments');
    };

We don't want to promote this because it's a hack that could break at any moment because of Symfony UX changes. But, hopefully there's a way to make this work officially in some way to allow Live Components be distributable more easily in Symfony bundles.

Thanks!

[GromNaN]

I guess this is because services defined in reusable bundles are not autoconfigured by default and this configuration is added by autoconfiguration:

ux/src/TwigComponent/src/DependencyInjection/TwigComponentExtension.php

Lines 80 to 85 in d20f2c0

	$container->registerAttributeForAutoconfiguration(
	AsTwigComponent::class,
	static function (ChildDefinition $definition, AsTwigComponent $attribute) {
	$definition->addTag('twig.component', array_filter($attribute->serviceConfig()));
	}
	);

    // config/services.php
    return static function (ContainerConfigurator $container) {
        // ...

        $services->set(ProductSearch::class)
            // ...
            ->autoconfigure();
    };

I did not test, just guessing.

[javiereguiluz]

Please note that it's not enough with adding the tag twig.component. You must also add the live, route and url_reference_type options. Otherwise, it won't work.

[GromNaN]

That should be automatic when using the #[AsTwigComponent] attribute on the class:

ux/src/LiveComponent/src/Attribute/AsLiveComponent.php

Lines 89 to 99 in 5966758

	public function serviceConfig(): array
	{
	return array_merge(parent::serviceConfig(), [
	'default_action' => $this->defaultAction,
	'live' => true,
	'csrf' => $this->csrf,
	'route' => $this->route,
	'method' => $this->method,
	'url_reference_type' => $this->urlReferenceType,
	]);
	}

[javiereguiluz]

It didn't work when I tested this in one of my bundles ... but I tested many things, so maybe I did it wrong.

[smnandre]

More explanation here: #3094 (comment)