Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions config/autoload/local.php.dist
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ return [
],
'routes' => [
'page' => [
'flowMiddlewares' => 'flow-middlewares',
'flowLibraries' => 'flow-libraries',
'flowLibrariesEmail' => 'flow-libraries-email',
'flow-middleware' => 'flow-middleware',
'flow-libraries' => 'flow-libraries',
'flow-libraries-email' => 'flow-libraries-email',
],
],
];
141 changes: 134 additions & 7 deletions src/App/templates/app/index.html.twig
Original file line number Diff line number Diff line change
Expand Up @@ -272,14 +272,14 @@
<div class="row">
<h2>Middleware Flow</h2>
</div>
<p>The graph below demonstrates a default flow between Dotkernel's middlewares.</p>
<p>The graph below demonstrates a default flow between Dotkernel's middleware.</p>
</div>
</div>

<div class="flow-graphs middlewares hide-mobile">
<div class="flow-container">
<div class="box-big">
<div class="title">ErrorHandlerInterface</div>
<div class="title">ProblemDetailsMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
Expand All @@ -295,10 +295,45 @@
</div>

<div class="box-big">
<div class="title">Other Middlewares (Optional)</div>
<div class="title">MalformedRequestBodyMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">BodyParamsMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">ServerUrlMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Expand All @@ -315,6 +350,7 @@
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Expand Down Expand Up @@ -344,7 +380,41 @@
</div>

<div class="box-big">
<div class="title">Other Middlewares (Optional)</div>
<div class="title">ImplicitHeadMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">ImplicitOptionsMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">MethodNotAllowedMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
Expand Down Expand Up @@ -377,6 +447,23 @@
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">DeprecationMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">ResponseHeaderMiddleware</div>
<div class="box-small request">
Expand Down Expand Up @@ -445,6 +532,23 @@
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">ResourceProviderMiddleware</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">DispatchMiddleware</div>
<div class="box-small request">
Expand All @@ -463,7 +567,24 @@
</div>

<div class="box-big">
<div class="title">NotFoundHandler (Fallback)</div>
<div class="title">ProblemDetailsNotFoundHandler</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
<div class="button">Route</div>
</div>
<div class="box-small response">
<img src="{{ asset('images/app/icon/arrow-out.svg') }}" alt="Response">
Response
</div>
</div>
<div class="two-arrows">
<img class="arrow-down" src="{{ asset('images/app/icon/arrow-down.svg') }}" alt="Request">
<img class="arrow-up" src="{{ asset('images/app/icon/arrow-up.svg') }}" alt="Response">
</div>

<div class="box-big">
<div class="title">GetNotFoundResourceHandler</div>
<div class="box-small request">
<img src="{{ asset('images/app/icon/arrow-in.svg') }}" alt="Request">
<div class="text">Request</div>
Expand Down Expand Up @@ -492,7 +613,10 @@
<div class="box black">Request</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-problem-details</div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box white">dotkernel/dot-errorhandler</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand Down Expand Up @@ -568,7 +692,10 @@
<div class="box black">Request</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-problem-details</div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box white">dotkernel/dot-errorhandler</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand Down
6 changes: 3 additions & 3 deletions src/App/templates/layout/default.html.twig
Original file line number Diff line number Diff line change
Expand Up @@ -148,19 +148,19 @@
</a>
</p>
<p class="footer-item-link margin-small">
<a href="/page/flowMiddlewares">
<a href="{{ path('page::flow-middleware') }}">
<img src="{{ asset('images/app/icon/hand.svg') }}">
Middleware Flow
</a>
</p>
<p class="footer-item-link margin-small">
<a href="/page/flowLibraries">
<a href="{{ path('page::flow-libraries') }}">
<img src="{{ asset('images/app/icon/hand.svg') }}">
Default Library Flow
</a>
</p>
<p class="footer-item-link margin-large">
<a href="/page/flowLibrariesEmail">
<a href="{{ path('page::flow-libraries-email') }}">
<img src="{{ asset('images/app/icon/hand.svg') }}">
Library Flow for Email
</a>
Expand Down
14 changes: 9 additions & 5 deletions src/Page/templates/page/flow-libraries-email.html.twig
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,10 @@
<div class="box black">Request</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-problem-details</div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box white">dotkernel/dot-errorhandler</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand All @@ -35,20 +38,21 @@
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-authentication</div>
<div class="box blue">mezzio/mezzio-helpers</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-authorization</div>
<div class="box blue">mezzio/mezzio-authentication</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-helpers</div>
<div class="box blue">mezzio/mezzio-authorization</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-router</div>
<div class="arrow-right" style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box blue">laminas/laminas-diactoros - (NotFound)</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand Down
14 changes: 9 additions & 5 deletions src/Page/templates/page/flow-libraries.html.twig
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,10 @@
<div class="box black">Request</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-problem-details</div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box white">dotkernel/dot-errorhandler</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand All @@ -35,20 +38,21 @@
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-authentication</div>
<div class="box blue">mezzio/mezzio-helpers</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-authorization</div>
<div class="box blue">mezzio/mezzio-authentication</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row">
<div class="box blue">mezzio/mezzio-helpers</div>
<div class="box blue">mezzio/mezzio-authorization</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
<div class="row" style="display: flex">
<div class="box blue">mezzio/mezzio-router</div>
<div class="arrow-right" style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="arrow-right"
style="background: url('/images/app/icon/arrow-right.svg') no-repeat center;"></div>
<div class="box blue">laminas/laminas-diactoros - (NotFound)</div>
</div>
<div class="arrow-down" style="background: url('/images/app/icon/arrow-down.svg') no-repeat left;"></div>
Expand Down
Loading