Validate image prop example URLs in Code Component metadata files
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3586959. --> Reported by: [balintbrews](https://www.drupal.org/user/613760) Related to !988 >>> <h3>Overview</h3> <p>The ESLint and CLI validation doesn't cover example image prop values in <code>component.yml</code> files, where adding a relative path causes issues. The backend schema validation shouldn't let that happen, and the CLI push command should fail, but it currently doesn't: <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/canvas/-/work_items/3586958" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/canvas/-/work_items/3586958</a></span>.</p> <p>Even with that backend issue fixed, it's a much faster feedback if validate with ESLint.</p> <h3>Proposed resolution</h3> <p>Extend <code>@drupal-canvas/eslint-config</code> with a rule in the <code>required</code> config that validates example <code>src</code> values for <code>canvas.module/image</code> props.</p> <p>The rule should report non-fully-qualified URLs for both single image props and array-of-image props, and the error message should include a short actionable recommendation, for example suggesting a placeholder URL such as <code>https://placehold.co/600x400</code>.</p> <h3>User interface changes</h3> <p>n/a</p> > Related issue: [Issue #3586958](https://www.drupal.org/node/3586958)
issue