Feature/refactor examples (#2230)

* refactor: move examples to live in website

* feature: add documentation links to examples

* feature: add more examples to types

* feature: merge example description with option description

* chore: added more examples to website

* refactor: layout of documentation and playground

- expand to use whole width
- reorganize elements in playground slightly

Author: norberttech

.github/workflows/job-examples.yml

@@ -7,7 +7,6 @@ on:
       - '.github/actions/**'
       - 'src/**'
       - 'tools/**'
-      - 'examples/**'
       - 'composer.lock'
       - 'composer.json'
       - 'phpunit.xml.dist'
@@ -18,7 +17,6 @@ on:
       - '.github/actions/**'
       - 'src/**'
       - 'tools/**'
-      - 'examples/**'
       - 'composer.lock'
       - 'composer.json'
       - 'phpunit.xml.dist'
@@ -40,10 +38,6 @@ jobs:
       dependencies: ${{ (github.event_name == 'schedule' || github.event_name == 'workflow_dispatch') && '["locked","lowest","highest"]' || '["locked"]' }}
     secrets: inherit
 
-  examples:
-    if: github.event_name == 'schedule' || github.event_name == 'workflow_dispatch'
-    uses: ./.github/workflows/job-examples.yml
-
   extension-tests:
     uses: ./.github/workflows/job-extension-tests.yml
 

.github/workflows/test-suite.yml

@@ -29,7 +29,6 @@
         __DIR__ . '/web/landing/src',
         __DIR__ . '/web/landing/tests',
         __DIR__ . '/web/landing/bin',
-        __DIR__ . '/examples',
         __DIR__ . '/tools/rector/src',
         __DIR__ . '/tools/phpunit/extension/telemetry/src',
         __DIR__ . '/tools/phpunit/extension/telemetry/tests',

.php-cs-fixer.php

@@ -278,7 +278,6 @@
         "build": [
             "@test:docs",
             "@test:monorepo",
-            "@test:examples",
             "@static:analyze",
             "@test",
             "@test:mutation"
@@ -467,14 +466,11 @@
             "tools/phpunit/vendor/bin/phpunit --testsuite=tool-phpunit-telemetry-unit --log-junit ./var/phpunit/logs/tool-phpunit-telemetry-unit.junit.xml --coverage-clover=./var/phpunit/coverage/clover/tool-phpunit-telemetry-unit.coverage.xml"
         ],
         "test:docs": [
-            "docker run -t --rm -v $PWD:/app norberttech/md-link-linter --exclude=vendor --exclude=.scratchpad --exclude=examples --exclude=documentation ."
+            "docker run -t --rm -v $PWD:/app norberttech/md-link-linter --exclude=vendor --exclude=.scratchpad --exclude=documentation ."
         ],
         "test:website": [
             "composer test --working-dir=./web/landing"
         ],
-        "test:examples": [
-            "./examples/run.php"
-        ],
         "test:mutation": [
             "Composer\\Config::disableProcessTimeout",
             "tools/infection/vendor/bin/infection --threads=max"

composer.json

@@ -22,11 +22,11 @@
     </thead>
     <tbody>
         <tr>
-            <td><img src="assets/img/sunset_orange.png" alt="Sunset Orange" title="Sunset Orange" width="100px" height="100px"></td>
-            <td><img src="assets/img/light_slate_blue.png" alt="Light Slate Blue" title="Light Slate Blue" width="100px" height="100px"></td>
-            <td><img src="assets/img/warm_blue.png" alt="Warm Blue" title="Warm Blue" width="100px" height="100px"></td>
-            <td><img src="assets/img/daisy_bush.png" alt="Daisy Bush" title="Daisy Bush" width="100px" height="100px"></td>
-            <td><img src="assets/img/mirage.png" alt="Mirage" title="Warm Blue" width="100px" height="100px"></td>
+            <td><img src="documentation/assets/img/sunset_orange.png" alt="Sunset Orange" title="Sunset Orange" width="100px" height="100px"></td>
+            <td><img src="documentation/assets/img/light_slate_blue.png" alt="Light Slate Blue" title="Light Slate Blue" width="100px" height="100px"></td>
+            <td><img src="documentation/assets/img/warm_blue.png" alt="Warm Blue" title="Warm Blue" width="100px" height="100px"></td>
+            <td><img src="documentation/assets/img/daisy_bush.png" alt="Daisy Bush" title="Daisy Bush" width="100px" height="100px"></td>
+            <td><img src="documentation/assets/img/mirage.png" alt="Mirage" title="Warm Blue" width="100px" height="100px"></td>
         </tr>
         <tr>
             <td align="center"><code>#FF5547</code></td>