Code Coverage |
||||||||||
Lines |
Functions and Methods |
Classes and Traits |
||||||||
Total | |
0.00% |
0 / 33 |
|
0.00% |
0 / 10 |
CRAP | |
0.00% |
0 / 1 |
CardBuilder | |
0.00% |
0 / 33 |
|
0.00% |
0 / 10 |
182 | |
0.00% |
0 / 1 |
__construct | |
0.00% |
0 / 1 |
|
0.00% |
0 / 1 |
2 | |||
setId | |
0.00% |
0 / 2 |
|
0.00% |
0 / 1 |
2 | |||
setTitle | |
0.00% |
0 / 4 |
|
0.00% |
0 / 1 |
6 | |||
setDescription | |
0.00% |
0 / 2 |
|
0.00% |
0 / 1 |
2 | |||
setSupportingText | |
0.00% |
0 / 2 |
|
0.00% |
0 / 1 |
2 | |||
setUrl | |
0.00% |
0 / 4 |
|
0.00% |
0 / 1 |
6 | |||
setIconClass | |
0.00% |
0 / 2 |
|
0.00% |
0 / 1 |
2 | |||
setThumbnail | |
0.00% |
0 / 2 |
|
0.00% |
0 / 1 |
2 | |||
setAttributes | |
0.00% |
0 / 3 |
|
0.00% |
0 / 1 |
6 | |||
build | |
0.00% |
0 / 11 |
|
0.00% |
0 / 1 |
2 |
1 | <?php |
2 | /** |
3 | * CardBuilder.php |
4 | * |
5 | * This file is part of the Codex design system, the official design system |
6 | * for Wikimedia projects. It provides the `Card` class, a builder for constructing |
7 | * card components using the Codex design system. |
8 | * |
9 | * A Card is used to group information and actions related to a single topic. |
10 | * Cards can be clickable and offer a way to navigate to the content they represent (e.g., Wikipedia articles). |
11 | * |
12 | * @category Builder |
13 | * @package Codex\Builder |
14 | * @since 0.1.0 |
15 | * @author Doğu Abaris <abaris@null.net> |
16 | * @license https://www.gnu.org/copyleft/gpl.html GPL-2.0-or-later |
17 | * @link https://doc.wikimedia.org/codex/main/ Codex Documentation |
18 | */ |
19 | |
20 | namespace Wikimedia\Codex\Builder; |
21 | |
22 | use InvalidArgumentException; |
23 | use Wikimedia\Codex\Component\Card; |
24 | use Wikimedia\Codex\Component\Thumbnail; |
25 | use Wikimedia\Codex\Renderer\CardRenderer; |
26 | |
27 | /** |
28 | * CardBuilder |
29 | * |
30 | * This class implements the builder pattern to construct instances of Card. |
31 | * It provides a fluent interface for setting various properties and building the |
32 | * final immutable object with predefined configurations and immutability. |
33 | * |
34 | * @category Builder |
35 | * @package Codex\Builder |
36 | * @since 0.1.0 |
37 | * @author Doğu Abaris <abaris@null.net> |
38 | * @license https://www.gnu.org/copyleft/gpl.html GPL-2.0-or-later |
39 | * @link https://doc.wikimedia.org/codex/main/ Codex Documentation |
40 | */ |
41 | class CardBuilder { |
42 | |
43 | /** |
44 | * The ID for the card. |
45 | */ |
46 | protected string $id = ''; |
47 | |
48 | /** |
49 | * The title text displayed on the card. |
50 | */ |
51 | protected string $title = ''; |
52 | |
53 | /** |
54 | * The description text displayed on the card. |
55 | */ |
56 | protected string $description = ''; |
57 | |
58 | /** |
59 | * Optional supporting text for additional details on the card. |
60 | */ |
61 | protected string $supportingText = ''; |
62 | |
63 | /** |
64 | * The URL the card links to, if the card is clickable. |
65 | */ |
66 | protected string $url = ''; |
67 | |
68 | /** |
69 | * The CSS class for an optional icon in the card. |
70 | */ |
71 | protected ?string $iconClass = null; |
72 | |
73 | /** |
74 | * The Thumbnail object representing the card's thumbnail. |
75 | */ |
76 | protected ?Thumbnail $thumbnail = null; |
77 | |
78 | /** |
79 | * Additional HTML attributes for the card element. |
80 | */ |
81 | protected array $attributes = []; |
82 | |
83 | /** |
84 | * The renderer instance used to render the card. |
85 | */ |
86 | protected CardRenderer $renderer; |
87 | |
88 | /** |
89 | * Constructor for the CardBuilder class. |
90 | * |
91 | * @param CardRenderer $renderer The renderer to use for rendering the card. |
92 | */ |
93 | public function __construct( CardRenderer $renderer ) { |
94 | $this->renderer = $renderer; |
95 | } |
96 | |
97 | /** |
98 | * Set the card's HTML ID attribute. |
99 | * |
100 | * @since 0.1.0 |
101 | * @param string $id The ID for the card element. |
102 | * @return $this |
103 | */ |
104 | public function setId( string $id ): self { |
105 | $this->id = $id; |
106 | |
107 | return $this; |
108 | } |
109 | |
110 | /** |
111 | * Set the title for the card. |
112 | * |
113 | * The title is the primary text displayed on the card, typically representing the main topic |
114 | * or subject of the card. It is usually rendered in a larger font and is the most prominent |
115 | * piece of text on the card. |
116 | * |
117 | * @since 0.1.0 |
118 | * @param string $title The title text displayed on the card. |
119 | * @return $this Returns the Card instance for method chaining. |
120 | */ |
121 | public function setTitle( string $title ): self { |
122 | if ( trim( $title ) === '' ) { |
123 | throw new InvalidArgumentException( 'Card title cannot be empty.' ); |
124 | } |
125 | $this->title = $title; |
126 | |
127 | return $this; |
128 | } |
129 | |
130 | /** |
131 | * Set the description for the card. |
132 | * |
133 | * The description provides additional details about the card's content. It is typically rendered |
134 | * below the title in a smaller font. The description is optional and can be used to give users |
135 | * more context about what the card represents. |
136 | * |
137 | * @since 0.1.0 |
138 | * @param string $description The description text displayed on the card. |
139 | * @return $this Returns the Card instance for method chaining. |
140 | */ |
141 | public function setDescription( string $description ): self { |
142 | $this->description = $description; |
143 | |
144 | return $this; |
145 | } |
146 | |
147 | /** |
148 | * Set the supporting text for the card. |
149 | * |
150 | * The supporting text is an optional piece of text that can provide additional information |
151 | * or context about the card. It is typically placed at the bottom of the card, below the |
152 | * title and description, in a smaller font. This text can be used for subtitles, additional |
153 | * notes, or other relevant details. |
154 | * |
155 | * @since 0.1.0 |
156 | * @param string $supportingText The supporting text displayed on the card. |
157 | * @return $this Returns the Card instance for method chaining. |
158 | */ |
159 | public function setSupportingText( string $supportingText ): self { |
160 | $this->supportingText = $supportingText; |
161 | |
162 | return $this; |
163 | } |
164 | |
165 | /** |
166 | * Set the URL for the card. If provided, the card will be an `<a>` element. |
167 | * |
168 | * This method makes the entire card clickable by wrapping it in an anchor (`<a>`) element, |
169 | * turning it into a link. This is particularly useful for cards that serve as navigational |
170 | * elements, leading users to related content, such as articles, profiles, or external pages. |
171 | * |
172 | * @since 0.1.0 |
173 | * @param string $url The URL the card should link to. |
174 | * @return $this Returns the Card instance for method chaining. |
175 | */ |
176 | public function setUrl( string $url ): self { |
177 | if ( !filter_var( $url, FILTER_VALIDATE_URL ) ) { |
178 | throw new InvalidArgumentException( "Invalid URL: $url" ); |
179 | } |
180 | $this->url = $url; |
181 | |
182 | return $this; |
183 | } |
184 | |
185 | /** |
186 | * Set the icon class for the card. |
187 | * |
188 | * This method specifies a CSS class for an icon to be displayed inside the card. |
189 | * The icon can be used to visually represent the content or purpose of the card. |
190 | * It is typically rendered at the top or side of the card, depending on the design. |
191 | * |
192 | * @since 0.1.0 |
193 | * @param string $iconClass The CSS class for the icon. |
194 | * @return $this Returns the Card instance for method chaining. |
195 | */ |
196 | public function setIconClass( string $iconClass ): self { |
197 | $this->iconClass = $iconClass; |
198 | |
199 | return $this; |
200 | } |
201 | |
202 | /** |
203 | * Set the thumbnail for the card. |
204 | * |
205 | * This method accepts a `Thumbnail` object, which configures the thumbnail associated with the card. |
206 | * |
207 | * Example usage: |
208 | * $thumbnail = Thumbnail::setBackgroundImage('https://example.com/image.jpg'); |
209 | * $card->setThumbnail($thumbnail); |
210 | * |
211 | * @since 0.1.0 |
212 | * @param Thumbnail $thumbnail The Thumbnail object. |
213 | * @return $this Returns the Card instance for method chaining. |
214 | */ |
215 | public function setThumbnail( Thumbnail $thumbnail ): self { |
216 | $this->thumbnail = $thumbnail; |
217 | |
218 | return $this; |
219 | } |
220 | |
221 | /** |
222 | * Set additional HTML attributes for the card element. |
223 | * |
224 | * This method allows custom HTML attributes to be added to the card element, such as `id`, `data-*`, `aria-*`, |
225 | * or any other valid attributes. These attributes can be used to integrate the card with JavaScript, enhance |
226 | * accessibility, or provide additional metadata. |
227 | * |
228 | * The values of these attributes are automatically escaped to prevent XSS vulnerabilities. |
229 | * |
230 | * @since 0.1.0 |
231 | * @param array $attributes An associative array of HTML attributes. |
232 | * @return $this Returns the Card instance for method chaining. |
233 | */ |
234 | public function setAttributes( array $attributes ): self { |
235 | foreach ( $attributes as $key => $value ) { |
236 | $this->attributes[$key] = $value; |
237 | } |
238 | return $this; |
239 | } |
240 | |
241 | /** |
242 | * Build and return the Card component object. |
243 | * This method constructs the immutable Card object with all the properties set via the builder. |
244 | * |
245 | * @since 0.1.0 |
246 | * @return Card The constructed Card. |
247 | */ |
248 | public function build(): Card { |
249 | return new Card( |
250 | $this->id, |
251 | $this->title, |
252 | $this->description, |
253 | $this->supportingText, |
254 | $this->url, |
255 | $this->iconClass, |
256 | $this->thumbnail, |
257 | $this->attributes, |
258 | $this->renderer |
259 | ); |
260 | } |
261 | } |