Livewiremesh Laravel Package

Fixed

• Mesh components rendered mid-page-life (e.g. inside a Livewire-toggled modal) now mount reliably on the first render instead of racing the asset loader. The wrapper view now emits a data-mesh-asset URL and the client dynamically imports it when the component isn't already registered; the previous polling retry loop is removed.
• MeshComponent::getMeshViewPath() now refreshes its per-class cached view when the package view is newer, so package view updates propagate without requiring consumers to manually clear storage/framework/views/mesh-*.blade.php.

Deprecated

• maxRenderAttempts and renderDelay on initLivewireMesh config are unused (dynamic asset loading replaced the retry loop). They remain accepted for backward compatibility and will be removed in a future version.

Added Livewire 4 support.

Added a new useErrorBag hook. Which makes the error bag from laravel validation available for use.

const $wire = useWire();
const [userName, setUserName] = useEntangle<string>('user_name');
const errors = useErrorBag();

useEffect(() => {
    console.log({
        errors
    })
}, [errors]);


return <> 
{/* ....... */}
<TextInput value={userName} onChange={setUserName} hasErrors={errors['user_name'] !== null}/>
<ErrorMessage error={errors['user_name']}/>

<Button onClick={() => $wire.save()}>Save</Button>
</>

Multiple errors can be returned, So we also have a provided type, that can be used to help with the ErrorMessage component

import { ErrorBagItem } from '[@livewiremesh](https://github.com/livewiremesh)/react/hooks/useErrorBag';

interface IError extends React.HTMLProps<HTMLParagraphElement> {
    error?: ErrorBagItem;
}
const Error: React.FC<IError> = ({ message, error, className, ...props }) => {
    if (!error) return null;
    return (
        <p className={cn('text-red-500 error', className)} {...props}>
            {error &&
                error.map((item) => (
                    <span key={item} className="block">
                        {item}
                    </span>
                ))}
        </p>
    );
};

export default Error;

Updated useEntangle hook to accept generics for the data type.

const [count, setCount] = useEntangle<number>('count')

What's Changed

• Resolved bug where assets would only load for the first component on the page.
• Added Debug Logs

• Bump dependabot/fetch-metadata from 2.3.0 to 2.4.0 by @dependabot in https://github.com/EthanBarlo/LivewireMesh/pull/2

Full Changelog: https://github.com/EthanBarlo/LivewireMesh/compare/v0.5.4...v0.5.5

What's Changed

• Bump aglipanci/laravel-pint-action from 2.4 to 2.5 by @dependabot in https://github.com/EthanBarlo/LivewireMesh/pull/1
• Resolved unmount error caused by duplicate render calls

New Contributors

• @dependabot made their first contribution in https://github.com/EthanBarlo/LivewireMesh/pull/1

Full Changelog: https://github.com/EthanBarlo/LivewireMesh/compare/v0.5.2...v0.5.3

Full Changelog: https://github.com/EthanBarlo/LivewireMesh/compare/v0.5.1...v0.5.2

Full Changelog: https://github.com/EthanBarlo/LivewireMesh/commits/v0.5.1

Full Changelog: https://github.com/EthanBarlo/LivewireMesh/commits/v0.5.0