Skip to content

Commit 9265573

Browse files
weaverryanweaverryan
committed
minor #1084 [Site] Renaming "components" to "packages" (weaverryan)
This PR was squashed before being merged into the 2.x branch. Discussion ---------- [Site] Renaming "components" to "packages" | Q | A | ------------- | --- | Bug fix? | no | New feature? | no | Tickets | None | License | MIT The word "components" is a bit overloaded in Symfony UX, as we have "Twig Components", "Live Components" and help you render "React/Svelte/Vue components". So, I've changed the name of the UX "components" to packages. Cheers! Commits ------- 2cbdc2f [Site] Renaming "components" to "packages"
2 parents a005d2f + 2cbdc2f commit 9265573

31 files changed

+101
-75
lines changed

‎ux.symfony.com/assets/styles/app.css.map

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎ux.symfony.com/assets/styles/app.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
@import './live_demos';
1111

1212
@import './components/Icon';
13-
@import './components/ComponentBox';
13+
@import './components/PackageBox';
1414

1515
body {
1616
font-family: Inter;

‎ux.symfony.com/assets/styles/components/_ComponentBox.scss renamed to ‎ux.symfony.com/assets/styles/components/_PackageBox.scss

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
.ComponentBox {
1+
.PackageBox {
22
--space-large: 1.5rem;
33

44
border: 1px solid var(--border-color);
@@ -22,7 +22,7 @@
2222
}
2323
}
2424

25-
.ComponentBox::before {
25+
.PackageBox::before {
2626
content: "";
2727
position: absolute;
2828
inset: .25rem 0 -.25rem 0;
@@ -34,13 +34,13 @@
3434
transition: opacity 600ms ease-in-out;
3535
z-index: -1;
3636
}
37-
.ComponentBox:hover::before {
37+
.PackageBox:hover::before {
3838
transition: opacity 250ms ease-in-out;
3939
opacity: .25;
4040
z-index: -1;
4141
}
4242

43-
.ComponentBox::after {
43+
.PackageBox::after {
4444
content: "";
4545
position: absolute;
4646
inset: 0 0;
@@ -50,14 +50,14 @@
5050
transition: opacity 600ms ease-in-out;
5151
opacity: .95;
5252
}
53-
.ComponentBox:hover::after {
53+
.PackageBox:hover::after {
5454
transition: opacity 250ms ease-in-out;
5555
opacity: .99;
5656
z-index: -1;
5757
}
5858

5959

60-
.ComponentBox_logo {
60+
.PackageBox_logo {
6161
--logo-size: 6rem;
6262

6363
background: var(--gradient);
@@ -77,7 +77,7 @@
7777
filter 600ms ease-in-out,
7878
transform 600ms ease-in-out;
7979

80-
.ComponentBox:hover & {
80+
.PackageBox:hover & {
8181
filter: drop-shadow(0 .25rem 1rem rgba(0, 0, 0, .3));
8282
transform: scale(1.05);
8383
transition:
@@ -88,21 +88,21 @@
8888
}
8989
}
9090

91-
.ComponentBox_content {
91+
.PackageBox_content {
9292
display: flex;
9393
flex-direction: column;
9494
justify-content: center;
9595
flex: 1 1 auto;
9696
}
9797

98-
.ComponentBox_title {
98+
.PackageBox_title {
9999
display: flex;
100100
flex-direction: row;
101101
align-items: center;
102102
gap: .75rem;
103103
}
104104

105-
.ComponentBox_link {
105+
.PackageBox_link {
106106
&:after {
107107
content: '';
108108
position: absolute;
@@ -111,18 +111,18 @@
111111
}
112112
}
113113

114-
.ComponentBox_arrow {
114+
.PackageBox_arrow {
115115
color: gray;
116116
font-size: 1.5rem;
117117
opacity: .5;
118118
transition: opacity 600ms ease-in-out;
119-
.ComponentBox:hover & {
119+
.PackageBox:hover & {
120120
transition: opacity 250ms ease-in-out;
121121
opacity: 1;
122122
}
123123
}
124124

125-
.ComponentBox_description {
125+
.PackageBox_description {
126126
p {
127127
line-height: 1.4;
128128
}

‎ux.symfony.com/phpunit.xml.dist

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,7 @@
3434
<listener class="Symfony\Bridge\PhpUnit\SymfonyTestsListener" />
3535
</listeners>
3636

37-
<!-- Run `composer require symfony/panther` before enabling this extension -->
38-
<!--
3937
<extensions>
40-
<extension class="Symfony\Component\Panther\ServerExtension" />
38+
<extension class="Zenstruck\Browser\Test\BrowserExtension" />
4139
</extensions>
42-
-->
4340
</phpunit>

‎ux.symfony.com/src/Controller/MainController.php

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
use App\Model\RecipeFileTree;
66
use App\Service\PackageRepository;
77
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
8+
use Symfony\Component\HttpFoundation\RedirectResponse;
89
use Symfony\Component\HttpFoundation\Response;
910
use Symfony\Component\Routing\Annotation\Route;
1011

@@ -21,13 +22,19 @@ public function homepage(PackageRepository $packageRepository): Response
2122
]);
2223
}
2324

24-
#[Route('/components', name: 'app_all_components')]
25-
public function allComponents(PackageRepository $packageRepository): Response
25+
#[Route('/packages', name: 'app_all_packages')]
26+
public function allPackages(PackageRepository $packageRepository): Response
2627
{
2728
$packages = $packageRepository->findAll();
2829

29-
return $this->render('main/components.html.twig', [
30+
return $this->render('main/packages.html.twig', [
3031
'packages' => $packages,
3132
]);
3233
}
34+
35+
#[Route('/components')]
36+
public function componentsRedirect(): RedirectResponse
37+
{
38+
return $this->redirectToRoute('app_all_packages', [], Response::HTTP_MOVED_PERMANENTLY);
39+
}
3340
}

‎ux.symfony.com/src/Twig/ComponentBox.php renamed to ‎ux.symfony.com/src/Twig/PackageBox.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
77

88
#[AsTwigComponent()]
9-
class ComponentBox
9+
class PackageBox
1010
{
1111
public Package $package;
1212
}

‎ux.symfony.com/templates/_main_nav.html.twig

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@
1818
<div class="dropdown my-2 my-lg-0">
1919
<button
2020
class="nav-options me-4 ms-0"
21-
id="components-dropdown-button"
21+
id="packages-dropdown-button"
2222
data-bs-toggle="dropdown"
2323
aria-expanded="false"
24-
>Components <twig:Icon name="chevron-down" /></button>
25-
<ul class="dropdown-menu" aria-labelledby="components-dropdown-button">
24+
>Packages <twig:Icon name="chevron-down" /></button>
25+
<ul class="dropdown-menu" aria-labelledby="packages-dropdown-button">
2626
{% for package in twigPackageHelper.topNavPackages %}
2727
<li>
2828
<a class="dropdown-item" href="{{ path(package.route) }}">
@@ -37,7 +37,7 @@
3737
</li>
3838
{% endfor %}
3939
<li><hr class="dropdown-divider"></li>
40-
<li><a class="dropdown-item" href="{{ path('app_all_components') }}">Browse all Components</a></li>
40+
<li><a class="dropdown-item" href="{{ path('app_all_packages') }}">Browse all Packages</a></li>
4141
</ul>
4242
</div>
4343
<p class="nav-options mb-0 me-4 d-none d-lg-inline">|</p>

‎ux.symfony.com/templates/chart/chartjs.html.twig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% extends 'packageBase.html.twig' %}
22

3-
{% block component_header %}
3+
{% block package_header %}
44
{% component PackageHeader with {
55
package: 'chartjs',
66
eyebrowText: 'Charts from PHP'

‎ux.symfony.com/templates/components/Alert.html.twig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
{{ message }}
44

55
{% if type == 'success' %}
6-
<a href="{{ path('app_all_components') }}" class="alert-right-message">
6+
<a href="{{ path('app_all_packages') }}" class="alert-right-message">
77
(browse all {{ this.packageCount }} packages)
88
</a>
99
{% endif %}

‎ux.symfony.com/templates/components/ComponentBox.html.twig

Lines changed: 0 additions & 19 deletions
This file was deleted.

0 commit comments

Comments
 (0)