├── Api
    └── ReceiverInterface.php
├── Block
    └── Adminhtml
    │   └── Edit
    │       ├── BackButton.php
    │       ├── DeleteAllButton.php
    │       ├── DeleteButton.php
    │       └── IgnoreButton.php
├── Controller
    └── Adminhtml
    │   └── JavaScriptErrorReporting
    │       ├── Delete.php
    │       ├── DeleteAll.php
    │       ├── Detail.php
    │       ├── Grid.php
    │       ├── IgnoreHash.php
    │       ├── MassDelete.php
    │       ├── ResetIgnore.php
    │       └── Statistics.php
├── Cron
    ├── PruneIgnoreList.php
    └── PruneOldJobs.php
├── Model
    ├── Event.php
    ├── Reciever.php
    └── ResourceModel
    │   ├── Event.php
    │   └── Event
    │       └── Collection.php
├── README.md
├── Scope
    └── Config.php
├── Screenshot.png
├── Ui
    ├── Component
    │   └── Listing
    │   │   └── Column
    │   │       └── EventActions.php
    └── DataProvider
    │   ├── EventDataProvider.php
    │   └── SummaryDataProvider.php
├── ViewModel
    ├── Charts.php
    └── DisabledScopes.php
├── composer.json
├── etc
    ├── acl.xml
    ├── adminhtml
    │   ├── menu.xml
    │   ├── routes.xml
    │   └── system.xml
    ├── config.xml
    ├── crontab.xml
    ├── db_schema.xml
    ├── db_schema_whitelist.json
    ├── di.xml
    ├── module.xml
    └── webapi.xml
├── registration.php
└── view
    ├── adminhtml
        ├── layout
        │   ├── fredden_javascripterrorreporting_detail.xml
        │   ├── fredden_javascripterrorreporting_grid.xml
        │   └── fredden_javascripterrorreporting_statistics.xml
        ├── templates
        │   ├── alert_config_disabled.phtml
        │   ├── ignored_hashes.phtml
        │   └── statistics
        │   │   └── charts.phtml
        ├── ui_component
        │   ├── fredden_javascripterrorreporting_detail.xml
        │   ├── fredden_javascripterrorreporting_grid.xml
        │   └── fredden_javascripterrorreporting_summary.xml
        └── web
        │   └── chart.js
    └── base
        ├── layout
            └── default.xml
        ├── templates
            └── script.phtml
        └── web
            └── error-handler.js


/Api/ReceiverInterface.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Api;
 4 | 
 5 | interface ReceiverInterface
 6 | {
 7 |     /**
 8 |      * Docblock required by Magento webapi implementaion
 9 |      *
10 |      * @return void
11 |      */
12 |     public function saveErrorInformation(): void;
13 | }
14 | 


--------------------------------------------------------------------------------
/Block/Adminhtml/Edit/BackButton.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit;
 4 | 
 5 | use Magento\Framework\UrlInterface;
 6 | use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
 7 | 
 8 | class BackButton implements ButtonProviderInterface
 9 | {
10 |     public function __construct(
11 |         private readonly UrlInterface $urlBuilder,
12 |     ) {
13 |     }
14 | 
15 |     public function getButtonData()
16 |     {
17 |         return [
18 |             'label' => __('Back'),
19 |             'on_click' => sprintf("location.href = '%s';", $this->getBackUrl()),
20 |             'class' => 'back',
21 |             'sort_order' => 10,
22 |         ];
23 |     }
24 | 
25 |     protected function getBackUrl()
26 |     {
27 |         return $this->urlBuilder->getUrl('*/*/grid');
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/Block/Adminhtml/Edit/DeleteAllButton.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit;
 4 | 
 5 | use Magento\Backend\Ui\Component\Control\DeleteButton as MagentoDeleteButton;
 6 | use Magento\Framework\App\RequestInterface;
 7 | use Magento\Framework\Escaper;
 8 | use Magento\Framework\UrlInterface;
 9 | 
10 | class DeleteAllButton extends MagentoDeleteButton
11 | {
12 |     public function __construct(
13 |         RequestInterface $request,
14 |         UrlInterface $urlBuilder,
15 |         Escaper $escaper
16 |     ) {
17 |         parent::__construct(
18 |             $request,
19 |             $urlBuilder,
20 |             $escaper,
21 |             $confirmationMessage = 'Are you sure you want to delete ALL events like this?',
22 |             $idFieldName = 'id',
23 |             $deleteRoutePath = '*/*/deleteAll',
24 |             $sortOrder = 15
25 |         );
26 |     }
27 | 
28 |     public function getButtonData()
29 |     {
30 |         $data = parent::getButtonData();
31 |         $data['label'] = __('Delete ALL');
32 |         return $data;
33 |     }
34 | }
35 | 


--------------------------------------------------------------------------------
/Block/Adminhtml/Edit/DeleteButton.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit;
 4 | 
 5 | use Magento\Backend\Ui\Component\Control\DeleteButton as MagentoDeleteButton;
 6 | use Magento\Framework\App\RequestInterface;
 7 | use Magento\Framework\Escaper;
 8 | use Magento\Framework\UrlInterface;
 9 | 
10 | class DeleteButton extends MagentoDeleteButton
11 | {
12 |     public function __construct(
13 |         RequestInterface $request,
14 |         UrlInterface $urlBuilder,
15 |         Escaper $escaper
16 |     ) {
17 |         parent::__construct(
18 |             $request,
19 |             $urlBuilder,
20 |             $escaper,
21 |             $confirmationMessage = 'Are you sure you want to delete this event?',
22 |             $idFieldName = 'id',
23 |             $deleteRoutePath = '*/*/delete',
24 |             $sortOrder = 20
25 |         );
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/Block/Adminhtml/Edit/IgnoreButton.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit;
 4 | 
 5 | use Magento\Backend\Ui\Component\Control\DeleteButton as MagentoDeleteButton;
 6 | use Magento\Framework\App\RequestInterface;
 7 | use Magento\Framework\Escaper;
 8 | use Magento\Framework\UrlInterface;
 9 | 
10 | class IgnoreButton extends MagentoDeleteButton
11 | {
12 |     public function __construct(
13 |         RequestInterface $request,
14 |         UrlInterface $urlBuilder,
15 |         Escaper $escaper
16 |     ) {
17 |         parent::__construct(
18 |             $request,
19 |             $urlBuilder,
20 |             $escaper,
21 |             $confirmationMessage = 'Are you sure you want to hide this error?',
22 |             $idFieldName = 'id',
23 |             $deleteRoutePath = '*/*/ignoreHash',
24 |             $sortOrder = 25
25 |         );
26 |     }
27 | 
28 |     public function getButtonData()
29 |     {
30 |         $data = parent::getButtonData();
31 |         $data['label'] = __('Ignore');
32 |         return $data;
33 |     }
34 | }
35 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/Delete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Exception;
 6 | use Fredden\JavaScriptErrorReporting\Model\EventFactory;
 7 | use Magento\Backend\App\Action;
 8 | use Magento\Backend\App\Action\Context;
 9 | use Magento\Framework\App\Action\HttpPostActionInterface;
10 | use Magento\Framework\Controller\ResultFactory;
11 | 
12 | class Delete extends Action implements HttpPostActionInterface
13 | {
14 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::delete';
15 | 
16 |     public function __construct(
17 |         Context $context,
18 |         private readonly EventFactory $eventFactory
19 |     ) {
20 |         parent::__construct($context);
21 |     }
22 | 
23 |     public function execute()
24 |     {
25 |         $id = (int) $this->getRequest()->getParam('id');
26 |         $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
27 | 
28 |         if ($id) {
29 |             $title = "";
30 |             try {
31 |                 $event = $this->eventFactory->create();
32 |                 $event->load($id);
33 |                 $event->delete();
34 | 
35 |                 $this->messageManager->addSuccessMessage(__('The event has been deleted.'));
36 |             } catch (Exception $e) {
37 |                 $this->messageManager->addErrorMessage($e->getMessage());
38 |                 return $resultRedirect->setPath('*/*/detail', ['event_id' => $id]);
39 |             }
40 |         } else {
41 |             $this->messageManager->addErrorMessage(__('Unable to find that event to delete.'));
42 |         }
43 | 
44 |         return $resultRedirect->setPath('*/*/grid');
45 |     }
46 | }
47 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/DeleteAll.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Exception;
 6 | use Fredden\JavaScriptErrorReporting\Model\EventFactory;
 7 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 8 | use Magento\Backend\App\Action;
 9 | use Magento\Backend\App\Action\Context;
10 | use Magento\Framework\App\Action\HttpPostActionInterface;
11 | use Magento\Framework\Controller\ResultFactory;
12 | 
13 | class DeleteAll extends Action implements HttpPostActionInterface
14 | {
15 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::delete';
16 | 
17 |     public function __construct(
18 |         Context $context,
19 |         private readonly CollectionFactory $collectionFactory,
20 |         private readonly EventFactory $eventFactory,
21 |     ) {
22 |         parent::__construct($context);
23 |     }
24 | 
25 |     public function execute()
26 |     {
27 |         $id = (int) $this->getRequest()->getParam('id');
28 |         $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
29 | 
30 |         if ($id) {
31 |             $title = "";
32 |             try {
33 |                 $event = $this->eventFactory->create();
34 |                 $event->load($id);
35 | 
36 |                 $collection = $this->collectionFactory->create();
37 |                 $collection->addFieldToFilter('hash', $event->getHash());
38 |                 $collectionSize = $collection->getSize();
39 | 
40 |                 foreach ($collection as $event) {
41 |                     $event->delete();
42 |                 }
43 | 
44 |                 $this->messageManager->addSuccessMessage(__('Successfully deleted %1 event(s).', $collectionSize));
45 |             } catch (Exception $e) {
46 |                 $this->messageManager->addErrorMessage($e->getMessage());
47 |                 return $resultRedirect->setPath('*/*/detail', ['event_id' => $id]);
48 |             }
49 |         } else {
50 |             $this->messageManager->addErrorMessage(__('Unable to find that event to delete.'));
51 |         }
52 | 
53 |         return $resultRedirect->setPath('*/*/grid');
54 |     }
55 | }
56 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/Detail.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Magento\Backend\App\Action;
 6 | use Magento\Backend\App\Action\Context;
 7 | use Magento\Backend\Model\View\Result\Page;
 8 | use Magento\Framework\View\Result\PageFactory;
 9 | 
10 | class Detail extends Action
11 | {
12 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::view';
13 | 
14 |     public function __construct(
15 |         private readonly PageFactory $resultPageFactory,
16 |         Context $context
17 |     ) {
18 |         parent::__construct($context);
19 |     }
20 | 
21 |     public function execute(): Page
22 |     {
23 |         $resultPage = $this->resultPageFactory->create();
24 |         $resultPage->setActiveMenu('Fredden_JavaScriptErrorReporting::view');
25 |         $resultPage->getConfig()->getTitle()->prepend(__('JavaScript Error Reporting'));
26 |         return $resultPage;
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/Grid.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Magento\Backend\App\Action;
 6 | use Magento\Backend\App\Action\Context;
 7 | use Magento\Backend\Model\View\Result\Page;
 8 | use Magento\Framework\View\Result\PageFactory;
 9 | 
10 | class Grid extends Action
11 | {
12 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::view';
13 | 
14 |     public function __construct(
15 |         private readonly PageFactory $resultPageFactory,
16 |         Context $context
17 |     ) {
18 |         parent::__construct($context);
19 |     }
20 | 
21 |     public function execute(): Page
22 |     {
23 |         $resultPage = $this->resultPageFactory->create();
24 |         $resultPage->setActiveMenu('Fredden_JavaScriptErrorReporting::view');
25 |         $resultPage->getConfig()->getTitle()->prepend(__('JavaScript Error Reporting'));
26 |         return $resultPage;
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/IgnoreHash.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Exception;
 6 | use Fredden\JavaScriptErrorReporting\Model\EventFactory;
 7 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 8 | use Magento\Backend\App\Action;
 9 | use Magento\Backend\App\Action\Context;
10 | use Magento\Framework\App\Action\HttpPostActionInterface;
11 | use Magento\Framework\Controller\ResultFactory;
12 | 
13 | class IgnoreHash extends Action implements HttpPostActionInterface
14 | {
15 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::ignore';
16 | 
17 |     public function __construct(
18 |         Context $context,
19 |         private readonly Config $config,
20 |         private readonly EventFactory $eventFactory,
21 |     ) {
22 |         parent::__construct($context);
23 |     }
24 | 
25 |     public function execute()
26 |     {
27 |         $id = (int) $this->getRequest()->getParam('id');
28 |         $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
29 | 
30 |         if ($id) {
31 |             try {
32 |                 $event = $this->eventFactory->create();
33 |                 $event->load($id);
34 | 
35 |                 $this->config->addHashToIgnore($event->getHash());
36 | 
37 |                 $this->messageManager->addSuccessMessage(__('The event has been hidden from the summary table.'));
38 |             } catch (Exception $e) {
39 |                 $this->messageManager->addErrorMessage($e->getMessage());
40 |             }
41 |         } else {
42 |             $this->messageManager->addErrorMessage(__('Unable to find that event to hide.'));
43 |         }
44 | 
45 |         return $resultRedirect->setPath('*/*/statistics');
46 |     }
47 | }
48 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/MassDelete.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 6 | use Magento\Backend\App\Action;
 7 | use Magento\Backend\App\Action\Context;
 8 | use Magento\Framework\App\Action\HttpPostActionInterface;
 9 | use Magento\Framework\Controller\ResultFactory;
10 | use Magento\Ui\Component\MassAction\Filter;
11 | 
12 | class MassDelete extends Action implements HttpPostActionInterface
13 | {
14 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::delete';
15 | 
16 |     public function __construct(
17 |         Context $context,
18 |         private readonly CollectionFactory $collectionFactory,
19 |         private readonly Filter $filter,
20 |     ) {
21 |         parent::__construct($context);
22 |     }
23 | 
24 |     public function execute()
25 |     {
26 |         $collection = $this->filter->getCollection($this->collectionFactory->create());
27 |         $collectionSize = $collection->getSize();
28 | 
29 |         foreach ($collection as $event) {
30 |             $event->delete();
31 |         }
32 | 
33 |         $this->messageManager->addSuccessMessage(__('Successfully deleted %1 event(s).', $collectionSize));
34 | 
35 |         $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
36 |         return $resultRedirect->setPath('*/*/grid');
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/ResetIgnore.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 6 | use Magento\Backend\App\Action;
 7 | use Magento\Backend\App\Action\Context;
 8 | use Magento\Framework\App\Action\HttpPostActionInterface;
 9 | use Magento\Framework\Controller\ResultFactory;
10 | 
11 | class ResetIgnore extends Action implements HttpPostActionInterface
12 | {
13 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::ignore';
14 | 
15 |     public function __construct(
16 |         Context $context,
17 |         private readonly Config $config,
18 |     ) {
19 |         parent::__construct($context);
20 |     }
21 | 
22 |     public function execute()
23 |     {
24 |         $this->config->resetHashIgnoreList();
25 |         $this->messageManager->addSuccessMessage(__('The ignore list has been reset.'));
26 | 
27 |         $resultRedirect = $this->resultFactory->create(ResultFactory::TYPE_REDIRECT);
28 | 
29 |         return $resultRedirect->setPath('*/*/statistics');
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/Controller/Adminhtml/JavaScriptErrorReporting/Statistics.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Controller\Adminhtml\JavaScriptErrorReporting;
 4 | 
 5 | use Magento\Backend\App\Action;
 6 | use Magento\Backend\App\Action\Context;
 7 | use Magento\Backend\Model\View\Result\Page;
 8 | use Magento\Framework\View\Result\PageFactory;
 9 | 
10 | class Statistics extends Action
11 | {
12 |     public const ADMIN_RESOURCE = 'Fredden_JavaScriptErrorReporting::view';
13 | 
14 |     public function __construct(
15 |         private readonly PageFactory $resultPageFactory,
16 |         Context $context
17 |     ) {
18 |         parent::__construct($context);
19 |     }
20 | 
21 |     public function execute(): Page
22 |     {
23 |         $resultPage = $this->resultPageFactory->create();
24 |         $resultPage->setActiveMenu('Fredden_JavaScriptErrorReporting::view');
25 |         $resultPage->getConfig()->getTitle()->prepend(__('JavaScript Error Reporting'));
26 |         return $resultPage;
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/Cron/PruneIgnoreList.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Cron;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 6 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 7 | use Magento\Cron\Model\ScheduleFactory;
 8 | 
 9 | class PruneIgnoreList
10 | {
11 |     public function __construct(
12 |         private readonly CollectionFactory $collectionFactory,
13 |         private readonly Config $config,
14 |     ) {
15 |     }
16 | 
17 |     public function execute(): void
18 |     {
19 |         $ignoredHashes = $this->config->getIgnoredHashes();
20 | 
21 |         if (!count($ignoredHashes)) {
22 |             return;
23 |         }
24 | 
25 |         $collection = $this->collectionFactory->create();
26 |         $collection->getSelect()->where('hash IN (?)', $ignoredHashes);
27 |         $collection->getSelect()->group('hash');
28 | 
29 |         $newHashes = [];
30 |         foreach ($collection as $event) {
31 |             $newHashes[] = $event->getHash();
32 |         }
33 | 
34 |         $this->config->replaceIgnoreList(implode(',', $newHashes));
35 |     }
36 | }
37 | 


--------------------------------------------------------------------------------
/Cron/PruneOldJobs.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Cron;
 4 | 
 5 | use DateInterval;
 6 | use DateTime;
 7 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 8 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 9 | use Magento\Cron\Model\Schedule;
10 | use Magento\Cron\Model\ScheduleFactory;
11 | 
12 | class PruneOldJobs
13 | {
14 |     private const EVENTS_PER_RUN = 400;
15 | 
16 |     public function __construct(
17 |         private readonly CollectionFactory $collectionFactory,
18 |         private readonly Config $config,
19 |         private readonly ScheduleFactory $scheduleFactory,
20 |     ) {
21 |     }
22 | 
23 |     public function execute(): void
24 |     {
25 |         $daysToKeep = $this->config->getDaysToKeep();
26 |         if ($daysToKeep <= 0) {
27 |             return;
28 |         }
29 | 
30 |         $date = new DateTime();
31 |         $date->sub(new DateInterval('P' . $daysToKeep . 'D'));
32 | 
33 |         $collection = $this->collectionFactory->create()
34 |             ->setPageSize(self::EVENTS_PER_RUN)
35 |             ->addFieldToFilter('created_at', [
36 |                 'lteq' => $date->format('Y-m-d H:i:s')
37 |             ]);
38 | 
39 |         if ($collection->getSize() > self::EVENTS_PER_RUN) {
40 |             // There are more events to delete than we'll process now; let's run
41 |             // this job again. We don't want to loop over too many events to
42 |             // avoid out-of-memory issues. We are scheduling this before the
43 |             // delete loop below in case the latter runs out of memory anyway.
44 |             $this->scheduleFactory->create()
45 |                 ->setJobCode('fredden_javascript_error_reporting_prune')
46 |                 ->setStatus(Schedule::STATUS_PENDING)
47 |                 ->setCreatedAt(date('Y-m-d H:i:s'))
48 |                 ->setScheduledAt(date('Y-m-d H:i:s'))
49 |                 ->save();
50 |         }
51 | 
52 |         foreach ($collection as $event) {
53 |             $event->delete();
54 |         }
55 |     }
56 | }
57 | 


--------------------------------------------------------------------------------
/Model/Event.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Model;
 4 | 
 5 | use Magento\Framework\Model\AbstractModel;
 6 | 
 7 | class Event extends AbstractModel
 8 | {
 9 |     public function _construct()
10 |     {
11 |         $this->_init(ResourceModel\Event::class);
12 |     }
13 | 
14 |     public function beforeSave()
15 |     {
16 |         $fileWithoutVersion = preg_replace(
17 |             '_/static/version\d+/_',
18 |             '/static/',
19 |             $this->getErrorFile()
20 |         );
21 | 
22 |         $this->setHash(md5(implode('|', [
23 |             $this->getErrorMessage(),
24 |             $fileWithoutVersion,
25 |             $this->getLine(),
26 |             $this->getColumn(),
27 |         ])));
28 | 
29 |         return parent::beforeSave();
30 |     }
31 | }
32 | 


--------------------------------------------------------------------------------
/Model/Reciever.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Model;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Api\ReceiverInterface;
 6 | use Fredden\JavaScriptErrorReporting\Model\EventFactory;
 7 | use Magento\Framework\Webapi\Rest\Request;
 8 | 
 9 | class Reciever implements ReceiverInterface
10 | {
11 |     public function __construct(
12 |         private readonly EventFactory $eventFactory,
13 |         private readonly Request $request,
14 |     ) {
15 |     }
16 | 
17 |     /**
18 |      * @inheritDoc
19 |      */
20 |     public function saveErrorInformation(): void
21 |     {
22 |         $parameters = $this->request->getBodyParams();
23 |         if (!isset($parameters['browser']) || !isset($parameters['event'])) {
24 |             return;
25 |         }
26 | 
27 |         $event = $this->eventFactory->create();
28 | 
29 |         $event->setUserAgent($this->request->getHeader('user-agent', null));
30 |         $event->setReferrer($this->request->getHeader('referer', null));
31 | 
32 |         $event->setBrowserHeight($parameters['browser']['height'] ?? 0);
33 |         $event->setBrowserWidth($parameters['browser']['width'] ?? 0);
34 |         $event->setUrl($parameters['browser']['url'] ?? null);
35 | 
36 |         $event->setErrorMessage($parameters['event']['message'] ?? '');
37 |         $event->setStackTrace($parameters['event']['stack'] ?? '');
38 |         $event->setErrorFile($parameters['event']['filename'] ?? '');
39 |         $event->setLine($parameters['event']['lineno'] ?? 0);
40 |         $event->setColumn($parameters['event']['colno'] ?? 0);
41 |         $event->setTimer($parameters['event']['timer'] ?? 0);
42 | 
43 |         $event->save();
44 |     }
45 | }
46 | 


--------------------------------------------------------------------------------
/Model/ResourceModel/Event.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Model\ResourceModel;
 4 | 
 5 | use Magento\Framework\Model\ResourceModel\Db\AbstractDb;
 6 | 
 7 | class Event extends AbstractDb
 8 | {
 9 |     public function _construct()
10 |     {
11 |         $this->_init('fredden_javascript_error_report', 'event_id');
12 |     }
13 | }
14 | 


--------------------------------------------------------------------------------
/Model/ResourceModel/Event/Collection.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Model\Event as Model;
 6 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event as ResourceModel;
 7 | use Magento\Framework\Model\ResourceModel\Db\Collection\AbstractCollection;
 8 | 
 9 | class Collection extends AbstractCollection
10 | {
11 |     public function _construct()
12 |     {
13 |         $this->_init(Model::class, ResourceModel::class);
14 |     }
15 | }
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # JavaScript error reporting for Magento 2
 2 | 
 3 | [![Latest stable version](https://img.shields.io/packagist/v/fredden/magento2-module-javascript-error-reporting?style=plastic)](https://packagist.org/packages/fredden/magento2-module-javascript-error-reporting)
 4 | [![Total downloads](https://img.shields.io/packagist/dt/fredden/magento2-module-javascript-error-reporting?style=plastic)](https://packagist.org/packages/fredden/magento2-module-javascript-error-reporting/stats)
 5 | [![Code quality alerts](https://img.shields.io/lgtm/alerts/g/fredden/magento2-module-javascript-error-reporting.svg?logo=lgtm&style=plastic)](https://lgtm.com/projects/g/fredden/magento2-module-javascript-error-reporting/alerts/)
 6 | 
 7 | ## Overview
 8 | A Magento 2 module which captures JavaScript errors for later review by website administrators.
 9 | JavaScript errors are kept for up to 180 days (configurable) and available via Magento's administration back-end.
10 | 
11 | <details open><summary>Screen-shot of summary view in admin area</summary>
12 | 
13 | ![](Screenshot.png)
14 | 
15 | </details>
16 | 
17 | ## Features
18 | * JavaScript errors are recorded for later review
19 |   - JavaScript error message
20 |   - File (URL), line number, column number of exception if available
21 |   - Stack trace of exception if available
22 | * Limited browser information which might be useful for debugging (but hopefully not for fingerprinting / identifying individual users) is recorded
23 |   - Current URL when error occurred
24 |   - User agent
25 |   - Viewport width & height
26 | * Errors are kept for up to 180 days (configurable) and automatically deleted after this period
27 | * Errors are available for review in Magento's back-end
28 |   - Admin -> Reports -> JavaScript Error Reporting
29 | * Errors can be marked as ignored to help reduce noise / focus on new errors
30 | * Module can be enabled / disabled via configuration
31 |   - Admin -> Stores -> Settings -> Configuration -> Advanced -> System -> JavaScript Error Reporting
32 | 
33 | ## Installation
34 | This module is available on packagist.org and installable via composer:
35 | 
36 | ```sh
37 | composer require fredden/magento2-module-javascript-error-reporting
38 | ```
39 | 
40 | This module uses [semantic versioning (semver)](http://semver.org/).
41 | 
42 | ## Compatibility
43 | |Version|Magento Open Source|Adobe Commerce|
44 | |-|-|-|
45 | |2.0.x|:x: *unsupported*|:x: *unsupported*|
46 | |2.1.x|:x: *unsupported*|:x: *unsupported*|
47 | |2.2.x|:white_check_mark: Yes `^0.1`|:white_check_mark: Yes `^0.1`|
48 | |2.3.x|:white_check_mark: Yes `^1.2.2`|:white_check_mark: Yes `^1.2.2`|
49 | |2.4.x|:white_check_mark: Yes `^1.0.1`|:white_check_mark: Yes `^1.0.1`|
50 | |2.4.4|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|
51 | |2.4.5|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|
52 | |2.4.6|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|:white_check_mark: Yes `^1.0.1 \|\| ^2.0`|
53 | 
54 | PHP version 7.1 or better is required.
55 | 
56 | No third-party libraries nor services are required.
57 | 
58 | ## Contributing
59 | Community contributions are welcome.
60 | Please open a pull request on GitHub if you have a code suggestion,
61 | or an issue on GitHub if you are encountering a problem with this module.
62 | Please note that issues relating to the problems that this module highlights in others' code are out of scope for support here.
63 | 
64 | ## Future development ideas
65 | 
66 | - filter grid by date **and time** range
67 | - details of "errors like this" (same hash) on details page.
68 |   - perhaps links for: first, last, next, previous
69 |   - maybe a chart of this error over time
70 |     - show same charts as statistics page, but specifically for this error
71 | - statistics page, link for details should go to latest not first instance of error
72 | - charts on statistics page, click node to go to details pane with this time filter applied
73 | 


--------------------------------------------------------------------------------
/Scope/Config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Scope;
 4 | 
 5 | use Magento\Framework\App\Config\ScopeConfigInterface;
 6 | use Magento\Framework\FlagManager;
 7 | use Magento\Framework\View\Element\Block\ArgumentInterface;
 8 | 
 9 | class Config implements ArgumentInterface
10 | {
11 |     private const FLAG_NAME = 'fredden_js_ignored_hashes';
12 |     private const XML_PATH_CHART_SHOW_DAYS = 'system/fredden_javascript_error_reporting/chart_show_days';
13 |     private const XML_PATH_CHART_SHOW_HOURS = 'system/fredden_javascript_error_reporting/chart_show_hours';
14 |     private const XML_PATH_CHART_SHOW_WEEKS = 'system/fredden_javascript_error_reporting/chart_show_weeks';
15 |     private const XML_PATH_DAYS_TO_KEEP = 'system/fredden_javascript_error_reporting/days_to_keep';
16 | 
17 |     public function __construct(
18 |         private readonly FlagManager $flagManager,
19 |         private readonly ScopeConfigInterface $scopeConfig,
20 |     ) {
21 |     }
22 | 
23 |     public function getDaysToKeep(): int
24 |     {
25 |         return (int) $this->scopeConfig->getValue(self::XML_PATH_DAYS_TO_KEEP);
26 |     }
27 | 
28 |     public function getIgnoredHashes(): array
29 |     {
30 |         $data = (string) $this->flagManager->getFlagData(self::FLAG_NAME);
31 | 
32 |         if ($data) {
33 |             return explode(',', $data);
34 |         }
35 | 
36 |         return [];
37 |     }
38 | 
39 |     public function addHashToIgnore(string $hashToAdd): void
40 |     {
41 |         $data = (string) $this->flagManager->getFlagData(self::FLAG_NAME);
42 | 
43 |         if ($data) {
44 |             $hashToAdd .= ',';
45 |         }
46 | 
47 |         $this->flagManager->saveFlag(self::FLAG_NAME, $hashToAdd . $data);
48 |     }
49 | 
50 |     public function removeHashFromIgnore(string $hashToRemove): void
51 |     {
52 |         $data = (string) $this->flagManager->getFlagData(self::FLAG_NAME);
53 |         $data = str_replace(",$hashToRemove,", ',', ",$data,");
54 |         $data = trim($data, ',');
55 |         $this->flagManager->saveFlag(self::FLAG_NAME, $data);
56 |     }
57 | 
58 |     public function resetHashIgnoreList(): void
59 |     {
60 |         $this->flagManager->deleteFlag(self::FLAG_NAME);
61 |     }
62 | 
63 |     public function replaceIgnoreList(string $newList): void
64 |     {
65 |         $this->flagManager->saveFlag(self::FLAG_NAME, $newList);
66 |     }
67 | 
68 |     public function getChartDisplayHowManyHours(): int
69 |     {
70 |         $value = (int) $this->scopeConfig->getValue(self::XML_PATH_CHART_SHOW_HOURS);
71 |         $keep = $this->getDaysToKeep();
72 | 
73 |         return $keep ? min($value, $keep * 24) : $value;
74 |     }
75 | 
76 |     public function getChartDisplayHowManyDays(): int
77 |     {
78 |         $value = (int) $this->scopeConfig->getValue(self::XML_PATH_CHART_SHOW_DAYS);
79 |         $keep = $this->getDaysToKeep();
80 | 
81 |         return $keep ? min($value, $keep) : $value;
82 |     }
83 | 
84 |     public function getChartDisplayHowManyWeeks(): int
85 |     {
86 |         $value = (int) $this->scopeConfig->getValue(self::XML_PATH_CHART_SHOW_WEEKS);
87 |         $keep = $this->getDaysToKeep();
88 | 
89 |         return $keep ? min($value, ceil($keep / 7)) : $value;
90 |     }
91 | }
92 | 


--------------------------------------------------------------------------------
/Screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fredden/magento2-module-javascript-error-reporting/7376b7bc4e1dbc78c673aa31b11876d44ac36c48/Screenshot.png


--------------------------------------------------------------------------------
/Ui/Component/Listing/Column/EventActions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Ui\Component\Listing\Column;
 4 | 
 5 | use Magento\Ui\Component\Listing\Columns\Column;
 6 | 
 7 | class EventActions extends Column
 8 | {
 9 |     public function prepareDataSource(array $dataSource)
10 |     {
11 |         if (isset($dataSource['data']['items'])) {
12 |             foreach ($dataSource['data']['items'] as &$item) {
13 |                 $item[$this->getData('name')] = [
14 |                     'view' => [
15 |                         'label' => __('View details'),
16 |                         'href' => $this->context->getUrl(
17 |                             'fredden/JavaScriptErrorReporting/detail',
18 |                             ['id' => $item[$this->getConfig()['indexField']]]
19 |                         ),
20 |                     ],
21 |                 ];
22 |             }
23 |         }
24 | 
25 |         return $dataSource;
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/Ui/DataProvider/EventDataProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Ui\DataProvider;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 6 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 7 | use Magento\Ui\DataProvider\AbstractDataProvider;
 8 | 
 9 | class EventDataProvider extends AbstractDataProvider
10 | {
11 |     public function __construct(
12 |         $name,
13 |         $primaryFieldName,
14 |         $requestFieldName,
15 |         Config $config,
16 |         CollectionFactory $collectionFactory,
17 |         array $meta = [],
18 |         array $data = []
19 |     ) {
20 |         parent::__construct($name, $primaryFieldName, $requestFieldName, $meta, $data);
21 |         $this->collection = $collectionFactory->create();
22 | 
23 |         $ignoredHashes = $config->getIgnoredHashes();
24 |         if ($ignoredHashes) {
25 |             $this->collection->getSelect()->where('hash NOT IN (?)', $ignoredHashes);
26 |         }
27 |     }
28 | 
29 |     public function getData()
30 |     {
31 |         $data = parent::getData();
32 | 
33 |         if (!empty($data['items'])) {
34 |             foreach ($data['items'] as &$item) {
35 |                 foreach (['error_file', 'referrer', 'url'] as $key) {
36 |                     $item[$key] = str_replace(
37 |                         ';',
38 |                         ';<wbr>',
39 |                         htmlentities(
40 |                             $item[$key],
41 |                             ENT_QUOTES | ENT_HTML5
42 |                         )
43 |                     );
44 | 
45 |                     // Split/wrap hashes in URLs, eg /admin/dashboard/index/key/{hash}/
46 |                     $item[$key] = preg_replace(
47 |                         '_&sol;<wbr>([a-f0-9]{16})([a-f0-9]{16})([a-f0-9]{16})([a-f0-9]{16})&sol;<wbr>_',
48 |                         '/<wbr>\1<wbr>\2<wbr>\3<wbr>\4/<wbr>',
49 |                         $item[$key]
50 |                     );
51 |                 }
52 |             }
53 | 
54 |             unset($item); // avoid side effects from $item being a reference
55 |         }
56 | 
57 |         return $data;
58 |     }
59 | }
60 | 


--------------------------------------------------------------------------------
/Ui/DataProvider/SummaryDataProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\Ui\DataProvider;
 4 | 
 5 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
 6 | use Fredden\JavaScriptErrorReporting\Scope\Config;
 7 | use Magento\Framework\DB\Select;
 8 | 
 9 | class SummaryDataProvider extends EventDataProvider
10 | {
11 |     public function __construct(
12 |         $name,
13 |         $primaryFieldName,
14 |         $requestFieldName,
15 |         CollectionFactory $collectionFactory,
16 |         Config $config,
17 |         array $meta = [],
18 |         array $data = []
19 |     ) {
20 |         parent::__construct($name, $primaryFieldName, $requestFieldName, $config, $collectionFactory, $meta, $data);
21 | 
22 |         $this->collection->addExpressionFieldToSelect('count', 'COUNT(event_id)', '');
23 |         $this->collection->addExpressionFieldToSelect('first', 'MIN(created_at)', '');
24 |         $this->collection->addExpressionFieldToSelect('last', 'MAX(created_at)', '');
25 | 
26 |         $this->collection->getSelect()->group('hash');
27 |         $this->collection->getSelect()->order('count ' . Select::SQL_DESC);
28 |         $this->collection->getSelect()->limit(100);
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/ViewModel/Charts.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Fredden\JavaScriptErrorReporting\ViewModel;
  4 | 
  5 | use Fredden\JavaScriptErrorReporting\Model\ResourceModel\Event\CollectionFactory;
  6 | use Fredden\JavaScriptErrorReporting\Scope\Config;
  7 | use Magento\Framework\DB\Select;
  8 | use Magento\Framework\Serialize\Serializer\Json;
  9 | use Magento\Framework\Stdlib\DateTime\TimezoneInterface;
 10 | use Magento\Framework\View\Element\Block\ArgumentInterface;
 11 | 
 12 | class Charts implements ArgumentInterface
 13 | {
 14 |     private ?array $data;
 15 |     private ?string $hash;
 16 | 
 17 |     public function __construct(
 18 |         private readonly CollectionFactory $collectionFactory,
 19 |         private readonly Json $json,
 20 |         private readonly Config $config,
 21 |         private readonly TimezoneInterface $timezone,
 22 |     ) {
 23 |     }
 24 | 
 25 |     public function setHash(?string $value): void
 26 |     {
 27 |         $this->hash = $value;
 28 |         $this->data = null;
 29 |     }
 30 | 
 31 |     public function getData(): array
 32 |     {
 33 |         if (isset($this->data)) {
 34 |             return $this->data;
 35 |         }
 36 | 
 37 |         // We are using the Select object directly here because using a collection is unreasonably slow
 38 |         $select = $this->collectionFactory->create()->getSelect();
 39 |         $select->reset(Select::COLUMNS);
 40 |         $select->columns(['timestamp' => 'UNIX_TIMESTAMP(created_at)']);
 41 |         $select->order('created_at DESC');
 42 | 
 43 |         if (isset($this->hash)) {
 44 |             $select->where('hash = ?', $this->hash);
 45 |         } elseif ($ignoreHashes = $this->config->getIgnoredHashes()) {
 46 |             $select->where('hash NOT IN (?)', $ignoreHashes);
 47 |         }
 48 | 
 49 |         $dbResult = $select->getConnection()->fetchAll($select, [], \Zend_Db::FETCH_COLUMN);
 50 | 
 51 |         $this->data = [];
 52 |         foreach ($dbResult as $item) {
 53 |             $this->data[] = (int) $item;
 54 |         }
 55 | 
 56 |         return $this->data;
 57 |     }
 58 | 
 59 |     public function getHourlyData(): string
 60 |     {
 61 |         return $this->getJsonData(
 62 |             3600,
 63 |             $this->config->getChartDisplayHowManyHours(),
 64 |             'jS M H:i'
 65 |         );
 66 |     }
 67 | 
 68 |     public function getDailyData(): string
 69 |     {
 70 |         return $this->getJsonData(
 71 |             86400,
 72 |             $this->config->getChartDisplayHowManyDays(),
 73 |             'D jS M'
 74 |         );
 75 |     }
 76 | 
 77 |     public function getWeeklyData(): string
 78 |     {
 79 |         return $this->getJsonData(
 80 |             604800,
 81 |             $this->config->getChartDisplayHowManyWeeks(),
 82 |             'Y-M-d'
 83 |         );
 84 |     }
 85 | 
 86 |     private function getJsonData(int $period, int $dataPointCount, string $dateFormat): string
 87 |     {
 88 |         $threshold = time() - ($period * $dataPointCount);
 89 | 
 90 |         $dataPoints = [];
 91 |         for ($i = time(); $i > $threshold; $i -= $period) {
 92 |             $key = floor($i / $period);
 93 |             $dataPoints[$key] = [
 94 |                 'start' => $i - ($period + 1),
 95 |                 'end' => $i,
 96 |                 'count' => 0,
 97 |             ];
 98 |         }
 99 |         ksort($dataPoints);
100 | 
101 |         foreach ($this->getData() as $event) {
102 |             $key = floor($event / $period);
103 |             if (!isset($dataPoints[$key])) {
104 |                 break;
105 |             }
106 |             $dataPoints[$key]['count']++;
107 |         }
108 | 
109 |         $labels = [];
110 |         $values = [];
111 |         foreach ($dataPoints as $point) {
112 |             $start = $this->timezone->date($point['start'])->format($dateFormat);
113 |             $end = $this->timezone->date($point['end'])->format($dateFormat);
114 | 
115 |             $labels[] = "$start - $end";
116 |             $values[] = $point['count'];
117 |         }
118 | 
119 |         return $this->json->serialize([
120 |             'labels' => $labels,
121 |             'values' => $values,
122 |         ]);
123 |     }
124 | }
125 | 


--------------------------------------------------------------------------------
/ViewModel/DisabledScopes.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Fredden\JavaScriptErrorReporting\ViewModel;
 4 | 
 5 | use Magento\Config\Model\ResourceModel\Config\Data\CollectionFactory;
 6 | use Magento\Framework\View\Element\Block\ArgumentInterface;
 7 | 
 8 | class DisabledScopes implements ArgumentInterface
 9 | {
10 |     public function __construct(
11 |         private readonly CollectionFactory $configCollectionFactory,
12 |     ) {
13 |     }
14 | 
15 |     public function getDisabledScopes(): array
16 |     {
17 |         $collection = $this->configCollectionFactory->create();
18 |         $collection->addFieldToFilter('path', ['eq' => 'system/fredden_javascript_error_reporting/enabled']);
19 |         $collection->addFieldToFilter('value', ['eq' => '0']);
20 | 
21 |         $result = [];
22 | 
23 |         foreach ($collection as $configValue) {
24 |             /** @var \Magento\Framework\App\Config\Value $configValue */
25 |             $scope = rtrim($configValue->getScope(), 's');
26 |             $scopeId = $configValue->getScopeId();
27 | 
28 |             $result[] = [$scope, $scopeId];
29 |         }
30 | 
31 |         return $result;
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "fredden/magento2-module-javascript-error-reporting",
 3 |     "description": "A Magento 2 module which captures JavaScript errors for later review by website administrators",
 4 |     "license": "CC-BY-NC-SA-4.0",
 5 |     "type": "magento2-module",
 6 |     "authors": [
 7 |         {
 8 |             "name": "Dan Wallis",
 9 |             "email": "dan@wallis.nz"
10 |         }
11 |     ],
12 |     "homepage": "https://github.com/fredden/magento2-module-javascript-error-reporting",
13 |     "require": {
14 |         "php": "~8.1.0 || ~8.2.0 || ~8.3.0",
15 |         "ext-pcre": "*",
16 |         "magento/framework": "^103.0.4",
17 |         "magento/module-backend": "^102.0.4",
18 |         "magento/module-config": "^101.2.4",
19 |         "magento/module-cron": "^100.4.4",
20 |         "magento/module-reports": "^100.4.4",
21 |         "magento/module-store": "^101.1.4",
22 |         "magento/module-ui": "^101.2.4"
23 |     },
24 |     "autoload": {
25 |         "psr-4": {
26 |             "Fredden\\JavaScriptErrorReporting\\": ""
27 |         },
28 |         "files": [
29 |             "registration.php"
30 |         ]
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/etc/acl.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 | xsi:noNamespaceSchemaLocation="urn:magento:framework:Acl/etc/acl.xsd">
 4 |     <acl>
 5 |         <resources>
 6 |             <resource id="Magento_Backend::admin">
 7 |                 <resource id="Magento_Reports::report">
 8 |                     <resource id="Fredden_JavaScriptErrorReporting::group" title="JavaScript Error Reporting" sortOrder="10" >
 9 |                         <resource id="Fredden_JavaScriptErrorReporting::view" title="View" sortOrder="150" />
10 |                         <resource id="Fredden_JavaScriptErrorReporting::delete" title="Delete" sortOrder="200" />
11 |                         <resource id="Fredden_JavaScriptErrorReporting::ignore" title="Manage list of ignored errors" sortOrder="250" />
12 |                     </resource>
13 |                 </resource>
14 |             </resource>
15 |         </resources>
16 |     </acl>
17 | </config>
18 | 


--------------------------------------------------------------------------------
/etc/adminhtml/menu.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
 4 |     <menu>
 5 |         <add id="Fredden_JavaScriptErrorReporting::view"
 6 |             title="JavaScript Error Reporting"
 7 |             module="Fredden_JavaScriptErrorReporting"
 8 |             sortOrder="1000"
 9 |             parent="Magento_Reports::report_statistics"
10 |             resource="Fredden_JavaScriptErrorReporting::view"
11 |             action="fredden/JavaScriptErrorReporting/statistics"
12 |             />
13 |     </menu>
14 | </config>
15 | 


--------------------------------------------------------------------------------
/etc/adminhtml/routes.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
 4 |     <router id="admin">
 5 |         <route id="fredden" frontName="fredden">
 6 |             <module name="Fredden_JavaScriptErrorReporting" before="Magento_Backend" />
 7 |         </route>
 8 |     </router>
 9 | </config>
10 | 


--------------------------------------------------------------------------------
/etc/adminhtml/system.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
 4 |     <system>
 5 |         <section id="system">
 6 |             <group id="fredden_javascript_error_reporting"
 7 |                     translate="label"
 8 |                     showInDefault="1"
 9 |                     showInWebsite="1"
10 |                     showInStore="1"
11 |                     sortOrder="2000">
12 |                 <label>JavaScript Error Reporting</label>
13 |                 <field id="enabled"
14 |                         translate="label"
15 |                         type="select"
16 |                         sortOrder="10"
17 |                         showInDefault="1"
18 |                         showInWebsite="1"
19 |                         showInStore="1"
20 |                         canRestore="1">
21 |                     <label>Record errors</label>
22 |                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
23 |                 </field>
24 |                 <field id="days_to_keep"
25 |                         translate="label comment"
26 |                         type="text"
27 |                         sortOrder="20"
28 |                         showInDefault="1"
29 |                         showInWebsite="0"
30 |                         showInStore="0"
31 |                         canRestore="1">
32 |                     <label>Keep error reports for up to this many days</label>
33 |                     <comment><![CDATA[Use <code>0</code> (zero) to keep errors forever]]></comment>
34 |                     <validate>integer no-whitespace required-entry validate-zero-or-greater</validate>
35 |                 </field>
36 |                 <field id="chart_show_hours"
37 |                        translate="label comment"
38 |                        type="text"
39 |                        sortOrder="42"
40 |                        showInDefault="1"
41 |                        showInWebsite="0"
42 |                        showInStore="0"
43 |                        canRestore="1">
44 |                     <label>Show this many hours on charts</label>
45 |                     <validate>integer no-whitespace required-entry validate-greater-than-zero</validate>
46 |                 </field>
47 |                 <field id="chart_show_days"
48 |                        translate="label comment"
49 |                        type="text"
50 |                        sortOrder="44"
51 |                        showInDefault="1"
52 |                        showInWebsite="0"
53 |                        showInStore="0"
54 |                        canRestore="1">
55 |                     <label>Show this many days on charts</label>
56 |                     <validate>integer no-whitespace required-entry validate-greater-than-zero</validate>
57 |                 </field>
58 |                 <field id="chart_show_weeks"
59 |                        translate="label comment"
60 |                        type="text"
61 |                        sortOrder="46"
62 |                        showInDefault="1"
63 |                        showInWebsite="0"
64 |                        showInStore="0"
65 |                        canRestore="1">
66 |                     <label>Show this many weeks on charts</label>
67 |                     <validate>integer no-whitespace required-entry validate-greater-than-zero</validate>
68 |                 </field>
69 |             </group>
70 |         </section>
71 |     </system>
72 | </config>
73 | 


--------------------------------------------------------------------------------
/etc/config.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Store:etc/config.xsd">
 4 |     <default>
 5 |         <system>
 6 |             <fredden_javascript_error_reporting>
 7 |                 <enabled>1</enabled>
 8 |                 <days_to_keep>180</days_to_keep>
 9 |                 <chart_show_hours>48</chart_show_hours>
10 |                 <chart_show_days>21</chart_show_days>
11 |                 <chart_show_weeks>52</chart_show_weeks>
12 |             </fredden_javascript_error_reporting>
13 |         </system>
14 |     </default>
15 | </config>
16 | 


--------------------------------------------------------------------------------
/etc/crontab.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Cron:etc/crontab.xsd">
 4 |     <group id="default">
 5 |         <job name="fredden_javascript_error_reporting_prune"
 6 |                 instance="Fredden\JavaScriptErrorReporting\Cron\PruneOldJobs"
 7 |                 method="execute">
 8 |             <schedule>47 23 * * *</schedule>
 9 |         </job>
10 |         <job name="fredden_javascript_error_reporting_prune_ignore_list"
11 |              instance="Fredden\JavaScriptErrorReporting\Cron\PruneIgnoreList"
12 |              method="execute">
13 |             <schedule>4 10 * * 0</schedule>
14 |         </job>
15 |     </group>
16 | </config>
17 | 


--------------------------------------------------------------------------------
/etc/db_schema.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <schema xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:Setup/Declaration/Schema/etc/schema.xsd">
 4 |     <table name="fredden_javascript_error_report" resource="default" engine="innodb">
 5 |         <column xsi:type="int" name="event_id" unsigned="true" nullable="false" identity="true" />
 6 |         <column xsi:type="timestamp" name="created_at" on_update="false" nullable="false" default="CURRENT_TIMESTAMP" />
 7 |         <column xsi:type="varchar" name="user_agent" nullable="false" length="1024" default="" />
 8 |         <column xsi:type="varchar" name="referrer" nullable="false" length="1024" default="" />
 9 |         <column xsi:type="varchar" name="url" nullable="false" length="1024" default="" />
10 |         <column xsi:type="int" name="browser_width" unsigned="true" nullable="false" default="0" />
11 |         <column xsi:type="int" name="browser_height" unsigned="true" nullable="false" default="0" />
12 |         <column xsi:type="varchar" name="error_message" nullable="false" length="1024" default="" />
13 |         <column xsi:type="text" name="stack_trace" nullable="true" />
14 |         <column xsi:type="varchar" name="error_file" nullable="false" length="1024" default="" />
15 |         <column xsi:type="int" name="line" unsigned="true" nullable="false" default="0" />
16 |         <column xsi:type="int" name="column" unsigned="true" nullable="false" default="0" />
17 |         <column xsi:type="decimal" name="timer" scale="2" precision="7" unsigned="true" nullable="false" default="0" />
18 |         <column xsi:type="varchar" name="hash" nullable="false" length="32" default="" />
19 |         <constraint xsi:type="primary" referenceId="PRIMARY">
20 |             <column name="event_id"/>
21 |         </constraint>
22 |         <index referenceId="FREDDEN_JAVASCRIPT_ERROR_REPORT_CREATED_AT" indexType="btree">
23 |             <column name="created_at" />
24 |         </index>
25 |         <index referenceId="FREDDEN_JAVASCRIPT_ERROR_REPORT_HASH" indexType="btree">
26 |             <column name="hash" />
27 |         </index>
28 |     </table>
29 | </schema>
30 | 


--------------------------------------------------------------------------------
/etc/db_schema_whitelist.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "fredden_javascript_error_report": {
 3 |         "column": {
 4 |             "event_id": true,
 5 |             "created_at": true,
 6 |             "user_agent": true,
 7 |             "referrer": true,
 8 |             "url": true,
 9 |             "browser_width": true,
10 |             "browser_height": true,
11 |             "error_message": true,
12 |             "stack_trace": true,
13 |             "error_file": true,
14 |             "line": true,
15 |             "column": true,
16 |             "timer": true,
17 |             "hash": true
18 |         },
19 |         "constraint": {
20 |             "PRIMARY": true
21 |         },
22 |         "index": {
23 |             "FREDDEN_JAVASCRIPT_ERROR_REPORT_CREATED_AT": true,
24 |             "FREDDEN_JAVASCRIPT_ERROR_REPORT_HASH": true
25 |         }
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/etc/di.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
4 |     <preference for="Fredden\JavaScriptErrorReporting\Api\ReceiverInterface"
5 |                 type="Fredden\JavaScriptErrorReporting\Model\Reciever"/>
6 | </config>
7 | 


--------------------------------------------------------------------------------
/etc/module.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
 4 |     <module name="Fredden_JavaScriptErrorReporting">
 5 |         <sequence>
 6 |             <module name="Magento_Backend"/>
 7 |             <module name="Magento_Cron" />
 8 |             <module name="Magento_Framework"/>
 9 |             <module name="Magento_Reports"/>
10 |             <module name="Magento_Store" />
11 |             <module name="Magento_Ui"/>
12 |         </sequence>
13 |     </module>
14 | </config>
15 | 


--------------------------------------------------------------------------------
/etc/webapi.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <routes xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Webapi:etc/webapi.xsd">
 4 |     <route url="/V1/fredden/javascript-error-reporting" method="POST">
 5 |         <service class="Fredden\JavaScriptErrorReporting\Api\ReceiverInterface"
 6 |             method="saveErrorInformation" />
 7 |         <resources>
 8 |             <resource ref="anonymous" />
 9 |         </resources>
10 |     </route>
11 | </routes>
12 | 


--------------------------------------------------------------------------------
/registration.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Magento\Framework\Component\ComponentRegistrar;
 4 | 
 5 | ComponentRegistrar::register(
 6 |     ComponentRegistrar::MODULE,
 7 |     'Fredden_JavaScriptErrorReporting',
 8 |     __DIR__
 9 | );
10 | 


--------------------------------------------------------------------------------
/view/adminhtml/layout/fredden_javascripterrorreporting_detail.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="content">
 6 |             <uiComponent name="fredden_javascripterrorreporting_detail"/>
 7 |         </referenceContainer>
 8 |     </body>
 9 | </page>
10 | 


--------------------------------------------------------------------------------
/view/adminhtml/layout/fredden_javascripterrorreporting_grid.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="content">
 6 |             <block name="alert_config_disabled" template="Fredden_JavaScriptErrorReporting::alert_config_disabled.phtml">
 7 |                 <arguments>
 8 |                     <argument name="disabled_scopes" xsi:type="object">Fredden\JavaScriptErrorReporting\ViewModel\DisabledScopes</argument>
 9 |                 </arguments>
10 |             </block>
11 | 
12 |             <uiComponent name="fredden_javascripterrorreporting_grid"/>
13 | 
14 |             <block name="ignored_hashes" template="Fredden_JavaScriptErrorReporting::ignored_hashes.phtml">
15 |                 <arguments>
16 |                     <argument name="config" xsi:type="object">Fredden\JavaScriptErrorReporting\Scope\Config</argument>
17 |                 </arguments>
18 |             </block>
19 |         </referenceContainer>
20 |     </body>
21 | </page>
22 | 


--------------------------------------------------------------------------------
/view/adminhtml/layout/fredden_javascripterrorreporting_statistics.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="content">
 6 |             <block name="alert_config_disabled" template="Fredden_JavaScriptErrorReporting::alert_config_disabled.phtml">
 7 |                 <arguments>
 8 |                     <argument name="disabled_scopes" xsi:type="object">Fredden\JavaScriptErrorReporting\ViewModel\DisabledScopes</argument>
 9 |                 </arguments>
10 |             </block>
11 |             <block name="charts" template="Fredden_JavaScriptErrorReporting::statistics/charts.phtml">
12 |                 <arguments>
13 |                     <argument name="charts" xsi:type="object">Fredden\JavaScriptErrorReporting\ViewModel\Charts</argument>
14 |                     <argument name="config" xsi:type="object">Fredden\JavaScriptErrorReporting\Scope\Config</argument>
15 |                 </arguments>
16 |             </block>
17 | 
18 |             <uiComponent name="fredden_javascripterrorreporting_summary"/>
19 | 
20 |             <block name="ignored_hashes" template="Fredden_JavaScriptErrorReporting::ignored_hashes.phtml">
21 |                 <arguments>
22 |                     <argument name="config" xsi:type="object">Fredden\JavaScriptErrorReporting\Scope\Config</argument>
23 |                 </arguments>
24 |             </block>
25 |         </referenceContainer>
26 |     </body>
27 | </page>
28 | 


--------------------------------------------------------------------------------
/view/adminhtml/templates/alert_config_disabled.phtml:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /** @var \Magento\Framework\Escaper $escaper */
 3 | /** @var \Magento\Backend\Block\Template $block */
 4 | $disabledScopes = $block->getDisabledScopes()->getDisabledScopes();
 5 | 
 6 | if ($disabledScopes): ?>
 7 | <aside class="message message-notice">
 8 |     <?= $escaper->escapeHtml(__('JavaScript error reporting is currently disabled at the following scope(s):')) ?>
 9 |     <?php
10 |     $lastItem = count($disabledScopes) - 1;
11 |     foreach ($disabledScopes as $i => $scope):
12 |         $urlParams = [
13 |             'section' => 'system',
14 |         ];
15 | 
16 |         if ($scope[0] !== 'default') {
17 |             $urlParams[$scope[0]] = $scope[1];
18 |             $scopeLabel = implode(' ', $scope);
19 |         } else {
20 |             $scopeLabel = $scope[0];
21 |         }
22 | 
23 |         $url = $block->getUrl('adminhtml/system_config/edit', $urlParams) . '#system_fredden_javascript_error_reporting-link';
24 | 
25 |         $punctuation = $i === $lastItem ? '.' : ', ';
26 | 
27 |         echo '<a href="' . $escaper->escapeHtmlAttr($escaper->escapeUrl($url)) . '">';
28 |         echo $scopeLabel;
29 |         echo '</a>' . $punctuation;
30 |     endforeach;
31 |     ?>
32 | </aside>
33 | <?php endif;
34 | 


--------------------------------------------------------------------------------
/view/adminhtml/templates/ignored_hashes.phtml:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /** @var \Magento\Framework\Escaper $escaper */
 3 | $count = count($block->getConfig()->getIgnoredHashes());
 4 | 
 5 | if ($count): ?>
 6 |     <p>
 7 |         <?= $escaper->escapeHtml(__('The above list has been filtered to ignore %1 errors.', $count)) ?>
 8 |     </p>
 9 | 
10 |     <form method="post" action="<?= $escaper->escapeUrl($block->getUrl('*/*/resetIgnore')); ?>">
11 |         <input type="hidden" name="form_key" value="<?= $block->getFormKey() ?>" />
12 | 
13 |         <button type="submit">
14 |             <?= $escaper->escapeHtml(__('Reset ignore list to show all errors')) ?>
15 |         </button>
16 |     </form>
17 | <?php endif;
18 | 


--------------------------------------------------------------------------------
/view/adminhtml/templates/statistics/charts.phtml:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /** @var \Magento\Framework\Escaper $escaper */
 3 | /** @var \Magento\Cms\Api\Data\BlockInterface $block */
 4 | /** @var \Fredden\JavaScriptErrorReporting\Scope\Config $config */
 5 | $config = $block->getConfig();
 6 | /** @var \Fredden\JavaScriptErrorReporting\ViewModel\Charts $charts */
 7 | $charts = $block->getCharts();
 8 | ?>
 9 | <div class="row">
10 |     <div class="col-m-6 col-xl-4">
11 |         <canvas id="chart_hourly" />
12 |     </div>
13 |     <div class="col-m-6 col-xl-4">
14 |         <canvas id="chart_daily" />
15 |     </div>
16 |     <div class="col-m-6 col-xl-4">
17 |         <canvas id="chart_weekly" />
18 |     </div>
19 | </div>
20 | 
21 | <script type="text/x-magento-init">
22 | {
23 |     "#chart_hourly": {
24 |         "Fredden_JavaScriptErrorReporting/chart": {
25 |             "title": "<?= $escaper->escapeHtml(__('Error rate - last %1 hours', $config->getChartDisplayHowManyHours())); ?>",
26 |             "data": <?= /* @noEscape */ $charts->getHourlyData(); ?>
27 |         }
28 |     },
29 |     "#chart_daily": {
30 |         "Fredden_JavaScriptErrorReporting/chart": {
31 |             "title": "<?= $escaper->escapeHtml(__('Error rate - last %1 days', $config->getChartDisplayHowManyDays())); ?>",
32 |             "data": <?= /* @noEscape */ $charts->getDailyData(); ?>
33 |         }
34 |     },
35 |     "#chart_weekly": {
36 |         "Fredden_JavaScriptErrorReporting/chart": {
37 |             "title": "<?= $escaper->escapeHtml(__('Error rate - last %1 weeks', $config->getChartDisplayHowManyWeeks())); ?>",
38 |             "data": <?= /* @noEscape */ $charts->getWeeklyData(); ?>
39 |         }
40 |     }
41 | }
42 | </script>
43 | 


--------------------------------------------------------------------------------
/view/adminhtml/ui_component/fredden_javascripterrorreporting_detail.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
  4 |     <argument name="data" xsi:type="array">
  5 |         <item name="js_config" xsi:type="array">
  6 |             <item name="provider" xsi:type="string">fredden_javascripterrorreporting_detail.fredden_javascripterrorreporting_data_source</item>
  7 |         </item>
  8 |         <item name="template" xsi:type="string">templates/form/collapsible</item>
  9 |     </argument>
 10 | 
 11 |     <settings>
 12 |         <buttons>
 13 |             <button name="back" class="Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit\BackButton" />
 14 |             <button name="ignore" class="Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit\IgnoreButton" />
 15 |             <button name="delete" class="Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit\DeleteButton" />
 16 |             <button name="delete_all" class="Fredden\JavaScriptErrorReporting\Block\Adminhtml\Edit\DeleteAllButton" />
 17 |         </buttons>
 18 |         <deps>
 19 |             <dep>fredden_javascripterrorreporting_detail.fredden_javascripterrorreporting_data_source</dep>
 20 |         </deps>
 21 |     </settings>
 22 | 
 23 |     <dataSource name="fredden_javascripterrorreporting_data_source">
 24 |         <argument name="data" xsi:type="array">
 25 |             <item name="js_config" xsi:type="array">
 26 |                 <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
 27 |             </item>
 28 |         </argument>
 29 |         <dataProvider class="Fredden\JavaScriptErrorReporting\Ui\DataProvider\EventDataProvider" name="fredden_javascripterrorreporting_data_source">
 30 |             <settings>
 31 |                 <requestFieldName>id</requestFieldName>
 32 |                 <primaryFieldName>event_id</primaryFieldName>
 33 |             </settings>
 34 |         </dataProvider>
 35 |     </dataSource>
 36 | 
 37 |     <fieldset name="error">
 38 |         <settings>
 39 |             <label translate="true">Error Information</label>
 40 |         </settings>
 41 | 
 42 |         <field name="created_at" formElement="input">
 43 |             <settings>
 44 |                 <elementTmpl>ui/form/element/text</elementTmpl>
 45 |                 <label translate="true">Created At</label>
 46 |                 <imports>
 47 |                     <link name="value">${ $.provider }:data.general.created_at</link>
 48 |                 </imports>
 49 |             </settings>
 50 |         </field>
 51 | 
 52 |         <field name="error_message" formElement="input">
 53 |             <settings>
 54 |                 <elementTmpl>ui/form/element/text</elementTmpl>
 55 |                 <label translate="true">Error Message</label>
 56 |                 <imports>
 57 |                     <link name="value">${ $.provider }:data.general.error_message</link>
 58 |                 </imports>
 59 |             </settings>
 60 |         </field>
 61 | 
 62 |         <field name="stack_trace" formElement="input">
 63 |             <settings>
 64 |                 <elementTmpl>ui/form/element/text</elementTmpl>
 65 |                 <label translate="true">Stack Trace</label>
 66 |                 <imports>
 67 |                     <link name="value">${ $.provider }:data.general.stack_trace</link>
 68 |                 </imports>
 69 |             </settings>
 70 |         </field>
 71 | 
 72 |         <field name="error_file" formElement="input">
 73 |             <settings>
 74 |                 <elementTmpl>ui/form/element/html</elementTmpl>
 75 |                 <label translate="true">Error File</label>
 76 |                 <imports>
 77 |                     <link name="value">${ $.provider }:data.general.error_file</link>
 78 |                 </imports>
 79 |             </settings>
 80 |         </field>
 81 | 
 82 |         <field name="line" formElement="input">
 83 |             <settings>
 84 |                 <elementTmpl>ui/form/element/text</elementTmpl>
 85 |                 <label translate="true">Line number</label>
 86 |                 <imports>
 87 |                     <link name="value">${ $.provider }:data.general.line</link>
 88 |                 </imports>
 89 |             </settings>
 90 |         </field>
 91 | 
 92 |         <field name="column" formElement="input">
 93 |             <settings>
 94 |                 <elementTmpl>ui/form/element/text</elementTmpl>
 95 |                 <label translate="true">Column</label>
 96 |                 <imports>
 97 |                     <link name="value">${ $.provider }:data.general.column</link>
 98 |                 </imports>
 99 |             </settings>
100 |         </field>
101 | 
102 |         <field name="timer" formElement="input">
103 |             <settings>
104 |                 <elementTmpl>ui/form/element/text</elementTmpl>
105 |                 <label translate="true">Seconds since page load</label>
106 |                 <imports>
107 |                     <link name="value">${ $.provider }:data.general.timer</link>
108 |                 </imports>
109 |             </settings>
110 |         </field>
111 |     </fieldset>
112 | 
113 |     <fieldset name="browser">
114 |         <settings>
115 |             <label translate="true">Browser Information</label>
116 |         </settings>
117 | 
118 |         <field name="user_agent" formElement="input">
119 |             <settings>
120 |                 <elementTmpl>ui/form/element/text</elementTmpl>
121 |                 <label translate="true">User Agent</label>
122 |                 <imports>
123 |                     <link name="value">${ $.provider }:data.general.user_agent</link>
124 |                 </imports>
125 |             </settings>
126 |         </field>
127 | 
128 |         <field name="referrer" formElement="input">
129 |             <settings>
130 |                 <elementTmpl>ui/form/element/html</elementTmpl>
131 |                 <label translate="true">Referrer</label>
132 |                 <imports>
133 |                     <link name="value">${ $.provider }:data.general.referrer</link>
134 |                 </imports>
135 |             </settings>
136 |         </field>
137 | 
138 |         <field name="url" formElement="input">
139 |             <settings>
140 |                 <elementTmpl>ui/form/element/html</elementTmpl>
141 |                 <label translate="true">URL</label>
142 |                 <imports>
143 |                     <link name="value">${ $.provider }:data.general.url</link>
144 |                 </imports>
145 |             </settings>
146 |         </field>
147 | 
148 |         <field name="browser_width" formElement="input">
149 |             <settings>
150 |                 <elementTmpl>ui/form/element/text</elementTmpl>
151 |                 <label translate="true">Viewport Width</label>
152 |                 <imports>
153 |                     <link name="value">${ $.provider }:data.general.browser_width</link>
154 |                 </imports>
155 |             </settings>
156 |         </field>
157 | 
158 |         <field name="browser_height" formElement="input">
159 |             <settings>
160 |                 <elementTmpl>ui/form/element/text</elementTmpl>
161 |                 <label translate="true">Viewport Height</label>
162 |                 <imports>
163 |                     <link name="value">${ $.provider }:data.general.browser_height</link>
164 |                 </imports>
165 |             </settings>
166 |         </field>
167 |     </fieldset>
168 | </form>
169 | 


--------------------------------------------------------------------------------
/view/adminhtml/ui_component/fredden_javascripterrorreporting_grid.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
  4 |     <argument name="data" xsi:type="array">
  5 |         <item name="js_config" xsi:type="array">
  6 |             <item name="provider" xsi:type="string">fredden_javascripterrorreporting_grid.fredden_javascripterrorreporting_data_source</item>
  7 |         </item>
  8 |     </argument>
  9 | 
 10 |     <settings>
 11 |         <buttons>
 12 |             <button name="statistics">
 13 |                 <url path="*/*/statistics"/>
 14 |                 <class>primary</class>
 15 |                 <label translate="true">Statistics</label>
 16 |             </button>
 17 |         </buttons>
 18 |         <spinner>fredden_javascripterrorreporting_grid_columns</spinner>
 19 |         <deps>
 20 |             <dep>fredden_javascripterrorreporting_grid.fredden_javascripterrorreporting_data_source</dep>
 21 |         </deps>
 22 |     </settings>
 23 | 
 24 |     <dataSource name="fredden_javascripterrorreporting_data_source" component="Magento_Ui/js/grid/provider">
 25 |         <settings>
 26 |             <storageConfig>
 27 |                 <param name="indexField" xsi:type="string">event_id</param>
 28 |             </storageConfig>
 29 |             <updateUrl path="mui/index/render"/>
 30 |         </settings>
 31 |         <dataProvider class="Fredden\JavaScriptErrorReporting\Ui\DataProvider\EventDataProvider" name="fredden_javascripterrorreporting_data_source">
 32 |             <settings>
 33 |                 <requestFieldName>event_id</requestFieldName>
 34 |                 <primaryFieldName>event_id</primaryFieldName>
 35 |             </settings>
 36 |         </dataProvider>
 37 |     </dataSource>
 38 | 
 39 |     <listingToolbar name="listing_top">
 40 |         <settings>
 41 |             <sticky>true</sticky>
 42 |         </settings>
 43 |         <filters name="listing_filters" />
 44 |         <massaction name="listing_massaction">
 45 |             <action name="delete">
 46 |                 <settings>
 47 |                     <confirm>
 48 |                         <message translate="true">Are you sure you want to delete selected items?</message>
 49 |                         <title translate="true">Delete items</title>
 50 |                     </confirm>
 51 |                     <url path="fredden/JavaScriptErrorReporting/massDelete" />
 52 |                     <type>delete</type>
 53 |                     <label translate="true">Delete</label>
 54 |                 </settings>
 55 |             </action>
 56 |         </massaction>
 57 |         <paging name="listing_paging" />
 58 |     </listingToolbar>
 59 | 
 60 |     <columns name="fredden_javascripterrorreporting_grid_columns">
 61 |         <selectionsColumn name="ids">
 62 |             <settings>
 63 |                 <indexField>event_id</indexField>
 64 |                 <resizeEnabled>false</resizeEnabled>
 65 |             </settings>
 66 |         </selectionsColumn>
 67 | 
 68 |         <column name="event_id">
 69 |             <settings>
 70 |                 <filter>textRange</filter>
 71 |                 <label translate="true">ID</label>
 72 |             </settings>
 73 |         </column>
 74 | 
 75 |         <column name="created_at" class="Magento\Ui\Component\Listing\Columns\Date" component="Magento_Ui/js/grid/columns/date">
 76 |             <settings>
 77 |                 <filter>dateRange</filter>
 78 |                 <dataType>date</dataType>
 79 |                 <sorting>desc</sorting>
 80 |                 <label translate="true">Timestamp</label>
 81 |             </settings>
 82 |         </column>
 83 | 
 84 |         <column name="error_message">
 85 |             <settings>
 86 |                 <filter>text</filter>
 87 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
 88 |                 <label translate="true">Error Message</label>
 89 |             </settings>
 90 |         </column>
 91 | 
 92 |         <column name="error_file">
 93 |             <settings>
 94 |                 <filter>text</filter>
 95 |                 <bodyTmpl>ui/grid/cells/html</bodyTmpl>
 96 |                 <label translate="true">File</label>
 97 |             </settings>
 98 |         </column>
 99 | 
100 |         <column name="line">
101 |             <settings>
102 |                 <filter>textRange</filter>
103 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
104 |                 <label translate="true">Line</label>
105 |             </settings>
106 |         </column>
107 | 
108 |         <column name="column">
109 |             <settings>
110 |                 <filter>textRange</filter>
111 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
112 |                 <label translate="true">Column</label>
113 |             </settings>
114 |         </column>
115 | 
116 |         <column name="timer">
117 |             <settings>
118 |                 <filter>textRange</filter>
119 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
120 |                 <label translate="true">Seconds since page load</label>
121 |             </settings>
122 |         </column>
123 | 
124 |         <column name="url">
125 |             <settings>
126 |                 <filter>text</filter>
127 |                 <bodyTmpl>ui/grid/cells/html</bodyTmpl>
128 |                 <label translate="true">Page URL</label>
129 |             </settings>
130 |         </column>
131 | 
132 |         <actionsColumn name="actions" class="Fredden\JavaScriptErrorReporting\Ui\Component\Listing\Column\EventActions">
133 |             <settings>
134 |                 <indexField>event_id</indexField>
135 |             </settings>
136 |         </actionsColumn>
137 |     </columns>
138 | </listing>
139 | 


--------------------------------------------------------------------------------
/view/adminhtml/ui_component/fredden_javascripterrorreporting_summary.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3 |         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
  4 |     <argument name="data" xsi:type="array">
  5 |         <item name="js_config" xsi:type="array">
  6 |             <item name="provider" xsi:type="string">fredden_javascripterrorreporting_summary.fredden_javascripterrorreporting_data_source</item>
  7 |         </item>
  8 |     </argument>
  9 | 
 10 |     <settings>
 11 |         <buttons>
 12 |             <button name="grid">
 13 |                 <url path="*/*/grid"/>
 14 |                 <label translate="true">List individual errors</label>
 15 |             </button>
 16 |         </buttons>
 17 |         <spinner>fredden_javascripterrorreporting_summary_columns</spinner>
 18 |         <deps>
 19 |             <dep>fredden_javascripterrorreporting_summary.fredden_javascripterrorreporting_data_source</dep>
 20 |         </deps>
 21 |     </settings>
 22 | 
 23 |     <dataSource name="fredden_javascripterrorreporting_data_source" component="Magento_Ui/js/grid/provider">
 24 |         <settings>
 25 |             <storageConfig>
 26 |                 <param name="indexField" xsi:type="string">event_id</param>
 27 |             </storageConfig>
 28 |             <updateUrl path="mui/index/render"/>
 29 |         </settings>
 30 |         <dataProvider class="Fredden\JavaScriptErrorReporting\Ui\DataProvider\SummaryDataProvider" name="fredden_javascripterrorreporting_data_source">
 31 |             <settings>
 32 |                 <requestFieldName>event_id</requestFieldName>
 33 |                 <primaryFieldName>event_id</primaryFieldName>
 34 |             </settings>
 35 |         </dataProvider>
 36 |     </dataSource>
 37 | 
 38 |     <columns name="fredden_javascripterrorreporting_summary_columns">
 39 |         <column name="count">
 40 |             <settings>
 41 |                 <draggable>false</draggable>
 42 |                 <sortable>false</sortable>
 43 |                 <label translate="true">Count</label>
 44 |             </settings>
 45 |         </column>
 46 | 
 47 |         <column name="first" class="Magento\Ui\Component\Listing\Columns\Date" component="Magento_Ui/js/grid/columns/date">
 48 |             <settings>
 49 |                 <dataType>date</dataType>
 50 |                 <draggable>false</draggable>
 51 |                 <sortable>false</sortable>
 52 |                 <label translate="true">First seen</label>
 53 |             </settings>
 54 |         </column>
 55 | 
 56 |         <column name="last" class="Magento\Ui\Component\Listing\Columns\Date" component="Magento_Ui/js/grid/columns/date">
 57 |             <settings>
 58 |                 <dataType>date</dataType>
 59 |                 <draggable>false</draggable>
 60 |                 <sortable>false</sortable>
 61 |                 <label translate="true">Last seen</label>
 62 |             </settings>
 63 |         </column>
 64 | 
 65 |         <column name="error_message">
 66 |             <settings>
 67 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
 68 |                 <draggable>false</draggable>
 69 |                 <sortable>false</sortable>
 70 |                 <label translate="true">Error Message</label>
 71 |             </settings>
 72 |         </column>
 73 | 
 74 |         <column name="error_file">
 75 |             <settings>
 76 |                 <bodyTmpl>ui/grid/cells/html</bodyTmpl>
 77 |                 <draggable>false</draggable>
 78 |                 <sortable>false</sortable>
 79 |                 <label translate="true">File</label>
 80 |             </settings>
 81 |         </column>
 82 | 
 83 |         <column name="line">
 84 |             <settings>
 85 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
 86 |                 <draggable>false</draggable>
 87 |                 <sortable>false</sortable>
 88 |                 <label translate="true">Line</label>
 89 |             </settings>
 90 |         </column>
 91 | 
 92 |         <column name="column">
 93 |             <settings>
 94 |                 <bodyTmpl>ui/grid/cells/text</bodyTmpl>
 95 |                 <draggable>false</draggable>
 96 |                 <sortable>false</sortable>
 97 |                 <label translate="true">Column</label>
 98 |             </settings>
 99 |         </column>
100 | 
101 |         <column name="url">
102 |             <settings>
103 |                 <filter>text</filter>
104 |                 <bodyTmpl>ui/grid/cells/html</bodyTmpl>
105 |                 <label translate="true">Page URL</label>
106 |             </settings>
107 |         </column>
108 | 
109 |         <actionsColumn name="actions" class="Fredden\JavaScriptErrorReporting\Ui\Component\Listing\Column\EventActions">
110 |             <settings>
111 |                 <indexField>event_id</indexField>
112 |             </settings>
113 |         </actionsColumn>
114 |     </columns>
115 | </listing>
116 | 


--------------------------------------------------------------------------------
/view/adminhtml/web/chart.js:
--------------------------------------------------------------------------------
 1 | /* global define */
 2 | 
 3 | define([
 4 |     'chartJs',
 5 | ], function (Chart) {
 6 |     'use strict';
 7 | 
 8 |     return function (config, element) {
 9 |         new Chart(element, {
10 |             type: 'line',
11 |             data: {
12 |                 labels: config.data.labels,
13 |                 datasets: [{
14 |                     label: '# of Errors',
15 |                     data: config.data.values,
16 |                     // These colours are from Magento_Backend::js/dashboard/chart.js
17 |                     backgroundColor: '#f1d4b3',
18 |                     borderColor: '#eb5202',
19 |                     borderWidth: 1,
20 |                     // Preserve styles from Charts.js v2.9.3
21 |                     cubicInterpolationMode: 'monotone',
22 |                     fill: true,
23 |                 }]
24 |             },
25 |             options: {
26 |                 plugins: {
27 |                     legend: {
28 |                         display: false,
29 |                     },
30 |                     title: {
31 |                         display: true,
32 |                         text: config.title,
33 |                     },
34 |                 },
35 |                 scales: {
36 |                     x: {
37 |                         display: false,
38 |                     },
39 |                     y: {
40 |                         beginAtZero: true,
41 |                     },
42 |                 },
43 |             },
44 |         });
45 |     };
46 | });
47 | 


--------------------------------------------------------------------------------
/view/base/layout/default.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 |         xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 4 |     <body>
 5 |         <referenceContainer name="after.body.start">
 6 |             <block name="fredden.javascript-error-reporting"
 7 |                     before="-"
 8 |                     template="Fredden_JavaScriptErrorReporting::script.phtml"
 9 |                     ifconfig="system/fredden_javascript_error_reporting/enabled"
10 |                     >
11 |                 <arguments>
12 |                     <argument name="api_url" xsi:type="serviceUrl" path="fredden/javascript-error-reporting" />
13 |                 </arguments>
14 |             </block>
15 |         </referenceContainer>
16 |     </body>
17 | </page>
18 | 


--------------------------------------------------------------------------------
/view/base/templates/script.phtml:
--------------------------------------------------------------------------------
1 | <?php /** @var \Magento\Framework\Escaper $escaper */ ?>
2 | <?php $assetUrl = $block->getViewFileUrl('Fredden_JavaScriptErrorReporting::error-handler.js'); ?>
3 | <?php $apiUrl = preg_replace('_/rest/[^/]+/V1/_', '/rest/V1/', $block->getApiUrl()); ?>
4 | <script async src="<?= $escaper->escapeUrl($assetUrl) ?>"
5 |   data-report-url="<?= $escaper->escapeUrl($apiUrl) ?>"></script>
6 | 


--------------------------------------------------------------------------------
/view/base/web/error-handler.js:
--------------------------------------------------------------------------------
 1 | (function () {
 2 |     'use strict';
 3 | 
 4 |     var url = (document.currentScript && document.currentScript.dataset && document.currentScript.dataset.reportUrl) ||
 5 |         ((window.BASE_URL || '') + '/rest/V1/fredden/javascript-error-reporting');
 6 | 
 7 |     var sendDelay = 0;
 8 |     var sendQueue = [];
 9 |     var sendTimer;
10 | 
11 |     var sendError = function () {
12 |         var xhr;
13 | 
14 |         window.clearTimeout(sendTimer);
15 | 
16 |         if (!sendQueue.length) {
17 |             return;
18 |         }
19 | 
20 |         xhr = new XMLHttpRequest();
21 |         xhr.open('POST', url, true);
22 |         xhr.setRequestHeader('Content-Type', 'application/json');
23 |         xhr.send(JSON.stringify(sendQueue.shift()));
24 | 
25 |         sendDelay += 10;
26 |         sendTimer = window.setTimeout(sendError, sendDelay);
27 |     };
28 | 
29 |     window.addEventListener('error', function (event) {
30 |         if (!event) {
31 |             return;
32 |         }
33 | 
34 |         if (sendQueue.length > 100) {
35 |             // That's a lot of errors! Let's not overwhelm the server with more.
36 |             return;
37 |         }
38 | 
39 |         if (!sendQueue.length) {
40 |             sendTimer = window.setTimeout(sendError, sendDelay);
41 |         }
42 | 
43 |         sendQueue.push({
44 |             browser: {
45 |                 height: window.innerHeight,
46 |                 url: window.location.href,
47 |                 width: window.innerWidth,
48 |             },
49 |             event: {
50 |                 colno: event.colno,
51 |                 filename: event.filename,
52 |                 lineno: event.lineno,
53 |                 message: event.message,
54 |                 stack: event.error && event.error.stack,
55 |                 timer: (performance.now() / 1000).toFixed(2),
56 |             },
57 |         });
58 |     });
59 | }());
60 | 


--------------------------------------------------------------------------------