MVP of the debug cart panel

src/Sylius/Bundle/CoreBundle/Collector/CartCollector.php

@@ -0,0 +1,134 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Paweł Jędrzejewski
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Sylius\Bundle\CoreBundle\Collector;
+
+use Sylius\Component\Core\Model\OrderInterface;
+use Sylius\Component\Core\Model\OrderItemInterface;
+use Sylius\Component\Order\Context\CartContextInterface;
+use Sylius\Component\Order\Context\CartNotFoundException;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Symfony\Component\HttpKernel\DataCollector\DataCollector;
+
+/**
+ * @internal
+ */
+final class CartCollector extends DataCollector
+{
+    /** @var CartContextInterface */
+    private $cartContext;
+
+    public function __construct(CartContextInterface $cartContext)
+    {
+        $this->cartContext = $cartContext;
+        $this->data = [];
+    }
+
+    public function hasCart(): bool
+    {
+        return $this->data !== [];
+    }
+
+    public function getId(): ?int
+    {
+        return $this->data['id'];
+    }
+
+    public function getTotal(): ?int
+    {
+        return $this->data['total'];
+    }
+
+    public function getSubtotal(): ?int
+    {
+        return $this->data['subtotal'];
+    }
+
+    public function getCurrency(): ?string
+    {
+        return $this->data['currency'];
+    }
+
+    public function getLocale(): ?string
+    {
+        return $this->data['locale'];
+    }
+
+    public function getQuantity(): ?int
+    {
+        return $this->data['quantity'];
+    }
+
+    public function getItems(): ?array
+    {
+        return $this->data['items'];
+    }
+
+    public function getStates(): ?array
+    {
+        return $this->data['states'];
+    }
+
+    public function collect(Request $request, Response $response, \Exception $exception = null): void
+    {
+        try {
+            /** @var OrderInterface $cart */
+            $cart = $this->cartContext->getCart();
+
+            $itemsData = $cart->getItems()->map(static function (OrderItemInterface $item): array {
+                $variant = $item->getVariant();
+                $product = $variant->getProduct();
+
+                return [
+                    'id' => $item->getId(),
+                    'variantName' => $variant->getName(),
+                    'variantId' => $variant->getId(),
+                    'variantCode' => $variant->getCode(),
+                    'quantity' => $item->getQuantity(),
+                    'productName' => $product->getName(),
+                    'productCode' => $product->getCode(),
+                    'productId' => $product->getId(),
+                ];
+            })->toArray();
+
+            $this->data = [
+                'id' => $cart->getId(),
+                'total' => $cart->getTotal(),
+                'subtotal' => $cart->getItemsTotal(),
+                'currency' => $cart->getCurrencyCode(),
+                'locale' => $cart->getLocaleCode(),
+                'quantity' => count($cart->getItems()),
+                'items' => $itemsData,
+                'states' => [
+                    'main' => $cart->getState(),
+                    'checkout' => $cart->getCheckoutState(),
+                    'shipping' => $cart->getShippingState(),
+                    'payment' => $cart->getPaymentState(),
+                ]
+            ];
+        } catch (CartNotFoundException $exception) {
+            $this->data = [];
+        }
+    }
+
+    public function reset(): void
+    {
+        $this->data = [];
+    }
+
+    public function getName(): string
+    {
+        return 'sylius_cart';
+    }
+}

src/Sylius/Bundle/CoreBundle/Resources/config/services.xml

@@ -72,6 +72,11 @@
             <tag name="data_collector" template="@SyliusCore/Collector/sylius.html.twig" id="sylius_core" priority="-512" />
         </service>
 
+        <service id="Sylius\Bundle\CoreBundle\Collector\CartCollector" public="false">
+            <argument type="service" id="sylius.context.cart" />
+            <tag name="data_collector" template="@SyliusCore/Collector/cart.html.twig" id="sylius_cart" priority="-512" />
+        </service>
+
         <service id="sylius.shipping_methods_resolver.zones_and_channel_based" class="Sylius\Component\Core\Resolver\ZoneAndChannelBasedShippingMethodsResolver">
             <argument type="service" id="sylius.repository.shipping_method" />
             <argument type="service" id="sylius.zone_matcher" />

src/Sylius/Bundle/CoreBundle/Resources/views/Collector/cart.html.twig

@@ -0,0 +1,108 @@
+{% extends '@WebProfiler/Profiler/layout.html.twig' %}
+
+{% block toolbar %}
+    {% if collector.hasCart %}
+        {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
+
+        {% set icon %}
+            {{ include('@SyliusCore/Collector/Icon/cart.svg') }}
+            <span class="sf-toolbar-value">{{ collector.quantity|default(0) }}</span>
+        {% endset %}
+
+        {% set text %}
+            <div class="sf-toolbar-info-group">
+                <div class="sf-toolbar-info-piece">
+                    <b>ID</b>
+                    <span>{{ collector.id }}</span>
+                </div>
+                <div class="sf-toolbar-info-piece">
+                    <b>Subtotal</b>
+                    <span>{{ money.convertAndFormat(collector.subtotal, collector.currency) }}</span>
+                </div>
+                <div class="sf-toolbar-info-piece">
+                    <b>Total</b>
+                    <span>{{ money.convertAndFormat(collector.total, collector.currency) }}</span>
+                </div>
+            </div>
+            <div class="sf-toolbar-info-group">
+                <div class="sf-toolbar-info-piece">
+                    <span><a href="{{ profiler_url ~ '?panel=sylius_cart' }}" rel="help">View details</a></span>
+                </div>
+            </div>
+        {% endset %}
+
+        {% include '@WebProfiler/Profiler/toolbar_item.html.twig' with {'link': profiler_url} %}
+    {% endif %}
+{% endblock %}
+
+{% block menu %}
+    {% if collector.hasCart %}
+        <span class="label {% if collector.quantity|default(0) == 0 %}disabled{% endif %}">
+            <span class="icon">{{ include('@SyliusCore/Collector/Icon/cart.svg') }}</span>
+            <strong>Cart</strong>
+            <span class="count">
+                <span>{{ collector.quantity|default(0) }}</span>
+            </span>
+        </span>
+    {% endif %}
+{% endblock %}
+
+{% block panel %}
+    {% if collector.hasCart %}
+        {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
+
+        <h2>Cart</h2>
+        <table>
+            <tr>
+                <th>ID</th>
+                <th>Currency</th>
+                <th>Locale</th>
+                <th>Subtotal</th>
+                <th>Total</th>
+            </tr>
+            <tr>
+                <td>{{ collector.id }}</td>
+                <td>{{ collector.currency }}</td>
+                <td>{{ collector.locale }}</td>
+                <td>{{ money.convertAndFormat(collector.subtotal, collector.currency) }}</td>
+                <td>{{ money.convertAndFormat(collector.total, collector.currency) }}</td>
+            </tr>
+        </table>
+
+        <h2>States</h2>
+        <table>
+            <tr>
+                <th>Main</th>
+                <th>Checkout</th>
+                <th>Shipping</th>
+                <th>Payment</th>
+            </tr>
+            <tr>
+                <td>{{ collector.states.main }}</td>
+                <td>{{ collector.states.checkout }}</td>
+                <td>{{ collector.states.shipping }}</td>
+                <td>{{ collector.states.payment }}</td>
+            </tr>
+        </table>
+
+        {% if collector.items|length > 0 %}
+            <h2>Items</h2>
+            <table>
+                <tr>
+                    <th>ID</th>
+                    <th>Product (Code, ID)</th>
+                    <th>Variant (Code, ID)</th>
+                    <th>Quantity</th>
+                </tr>
+                {% for item in collector.items %}
+                <tr>
+                    <td>{{ item.id }}</td>
+                    <td>{{ item.productName }} ({{ item.productCode }}, {{ item.productId }})</td>
+                    <td>{{ item.variantName }} ({{ item.variantCode }}, {{ item.variantId }})</td>
+                    <td>{{ item.quantity }}</td>
+                </tr>
+                {% endfor %}
+            </table>
+        {% endif %}
+    {% endif %}
+{% endblock %}