Skip to content

feat: add BreadcrumbsResolver for artisanpack/breadcrumbs (#565) #575

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ViewFromTheBox merged 2 commits into from
Jun 13, 2026
Merged

feat: add BreadcrumbsResolver for artisanpack/breadcrumbs (#565) #575

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0ad41d8
feat: add BreadcrumbsResolver for artisanpack/breadcrumbs (#565)
ViewFromTheBox Jun 12, 2026
432aa7f
chore: address CodeRabbit review
ViewFromTheBox Jun 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions config/visual-editor.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -313,6 +313,29 @@
'redirect_param' => 'redirect_to',
],

/*
|--------------------------------------------------------------------------
| Breadcrumbs block (#565)
|--------------------------------------------------------------------------
|
| Configures the `artisanpack/breadcrumbs` block's server-side trail
| resolver. The resolver builds a default trail
| (`Home → …ancestors → current`) for every breadcrumbs block on
| render; hosts customize the trail through the
| `ap.visual-editor.breadcrumbs.trail` filter (e.g. to insert a
| "Category" hop between Home and a blog post).
|
| `home_url` overrides the root link target — leave null to fall back
| to `url('/')`. `home_label` overrides the human-readable label — leave
| null to fall back to the translated "Home" string.
|
*/

'breadcrumbs' => [
'home_url' => null,
'home_label' => null,
],

/*
|--------------------------------------------------------------------------
| Global styles
Expand Down
40 changes: 40 additions & 0 deletions packages/visual-editor-renderer-blade/resources/assets/frontend/breadcrumbs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
/**
* Breadcrumbs block styles.
*
* Loaded in the editor via `blocks/breadcrumbs/index.ts`. Host apps
* are expected to ship matching (or compatible) rules on the public
* frontend — the Blade / React / Vue renderers emit the same class names.
*/

.ap-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem;
margin: 0;
padding: 0;
list-style: none;
}

.ap-breadcrumbs__item {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}

.ap-breadcrumbs__separator {
display: inline-flex;
align-items: center;
width: 1em;
height: 1em;
opacity: 0.6;
}

.ap-breadcrumbs__separator svg {
width: 100%;
height: 100%;
}

.ap-breadcrumbs__current {
font-weight: 600;
}
5 changes: 5 additions & 0 deletions packages/visual-editor-renderer-blade/resources/views/components/blocks-styles.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,11 @@
the `--ap-social-*` custom properties stamped by the renderers so
icon / hover / background color choices apply on the front end. --}}
<link rel="stylesheet" href="{{ $socialIconsStyleHref }}" data-ve-social-icons>
{{-- Breadcrumbs layout + separator baseline (#565). Matches the rules
the editor loads from `blocks/breadcrumbs/breadcrumbs.css` so the
server-stamped `<ol>` lays out inline with the chosen separator on
the public frontend. --}}
<link rel="stylesheet" href="{{ $breadcrumbsStyleHref }}" data-ve-breadcrumbs>
@if( '' !== $themeTokensCss )
<style data-ve-theme-tokens>{!! $themeTokensCss !!}</style>
@endif
Expand Down
Loading