<f-my-component attribute="value" /> support

[fadrian06]

This pull request introduces a major enhancement to the template rendering system by adding support for reusable components, along with several improvements to the View class and its tests. The changes include the introduction of a new Component base class, significant refactoring and expansion of the View class to support component rendering, and modernizations to the test suite for better reliability and clarity.

Key highlights:

• The View class now supports rendering component tags (e.g., <f-component-name />) with automatic property passing, CSS/JS injection, and improved template resolution.
• A new abstract Component base class is introduced for reusable UI elements.
• The test suite is updated for clarity, modern PHPUnit practices, and to cover new features.

---

Component System Enhancements

• Introduced a new abstract Component base class in flight/template/Component.php, which provides a structure for reusable template components with html(), css(), and js() methods.
• Refactored View to support component rendering: detects custom component tags, parses their properties, and renders them recursively, including their CSS and JS, ensuring each style/script is only included once.

View Class Improvements

• Extended the View constructor to accept componentPrefix and componentsPath for flexible component tag naming and location. Improved template variable management, file path resolution, and error handling.
• Refactored and improved the set, clear, exists, and getTemplate methods for better type safety and clarity. Added utility methods for argument resolution and style/script rendering. [1] [2] [3]

Test Suite Modernization

• Updated tests/ViewTest.php to use self::assert* methods, improved output normalization, and added/updated tests to cover new component and template features. [1] [2] [3]

Miscellaneous Improvements

• Updated author homepage URLs in composer.json to use HTTPS.
• Broadened .editorconfig rules to apply to all files under tests/views/ recursively.

[n0nag0n]

So I think this is ok minus the one change, but you probably should add to the Flight docs for the docs related to this change. The other thing that I don't know right now is if this will break for people using the current view class. There might be some future issues related to this you should be prepared to fix if they get surfaced.

[fadrian06]

don't worry, I am testing this is personal apps and it works as expected, both old and new syntax...

[Copilot]

Pull request overview

This PR adds a reusable “component tag” system to Flight’s template rendering by extending flight\template\View to detect and render <f-... /> tags (including nested components), and introduces a flight\template\Component base class for class-based components. It also updates/expands the test suite and fixtures to validate the new rendering behavior.

Changes:

• Introduces flight\template\Component and extends View::fetch() to support functional (callable) and class-based components, plus one-time CSS/JS injection per component.
• Adds component-tag parsing (<prefix-component ... />) with prop extraction and recursive rendering.
• Modernizes/expands view tests and adds many new test fixture templates/components.

Reviewed changes

Copilot reviewed 45 out of 45 changed files in this pull request and generated 24 comments.

Show a summary per file

File	Description
tests/ViewTest.php	Updates View tests and adds extensive new coverage for component tag rendering and fixtures comparison helpers.
tests/views/world.html	Uses short echo syntax in fixture.
tests/views/pages/page-with-three-different-components.php	新建 fixture page exercising multiple component types.
tests/views/pages/page-with-multiple-components.php	新建 fixture page rendering repeated components inside a loop.
tests/views/pages/page-with-functional-component.php	新建 fixture page rendering a functional component.
tests/views/pages/page-with-functional-component-with-props.php	新建 fixture page rendering a functional component with props.
tests/views/pages/page-with-functional-component-with-individual-props.php	新建 fixture page rendering a functional component with named props.
tests/views/pages/page-with-component-with-two-props.php	新建 fixture page rendering a component with two props.
tests/views/pages/page-with-component-with-subcomponent.php	新建 fixture page validating nested/subcomponent rendering.
tests/views/pages/page-with-component-with-prop-which-value-contains-spaces-and-numbers.php	新建 fixture page validating prop values containing spaces/numbers.
tests/views/pages/page-with-component-with-one-prop.php	新建 fixture page rendering a component with one prop.
tests/views/pages/page-with-component-with-old-syntax.php	新建 fixture page validating legacy $this->render(...) component usage.
tests/views/pages/page-with-component-with-new-syntax.php	新建 fixture page validating <f-... /> syntax.
tests/views/pages/page-with-component-with-custom-prefix.php	新建 fixture page validating configurable component prefix.
tests/views/pages/page-with-component-from-another-path.php	新建 fixture page validating configurable components path.
tests/views/pages/page-with-class-component.php	新建 fixture page rendering a class-based component.
tests/views/pages/page-with-class-component-with-styles.php	新建 fixture page validating CSS injection for a component.
tests/views/pages/page-with-class-component-with-scripts.php	新建 fixture page validating JS injection for a component.
tests/views/pages/page-with-class-component-with-props.php	新建 fixture page validating constructor props for class components.
tests/views/pages/page-with-class-component-with-custom-style-tag.php	新建 fixture page validating custom <style ...> payload passthrough.
tests/views/pages/page-with-class-component-with-custom-script-tag.php	新建 fixture page validating custom <script ...> payload passthrough.
tests/views/pages/page-with-class-component-that-extends-another-class-component.php	新建 fixture page validating inheritance-based class components.
tests/views/pages/page-two-same-components-with-one-style-and-script-tag.php	新建 fixture page validating style/script de-duplication across repeated components.
tests/views/hello.php	Uses short echo syntax in fixture.
tests/views/components/subcomponent.php	新建 fixture component used for nested component rendering.
tests/views/components/my-functional-component.php	新建 fixture functional component implementation.
tests/views/components/my-functional-component-with-props.php	新建 fixture functional component using variadic props.
tests/views/components/my-functional-component-with-individual-props.php	新建 fixture functional component with named parameters.
tests/views/components/my-component.php	新建 fixture basic component template.
tests/views/components/my-component-with-subcomponent.php	新建 fixture component that renders a subcomponent tag.
tests/views/components/my-class-component.php	新建 fixture class-based component implementation.
tests/views/components/my-class-component-with-styles.php	新建 fixture class-based component returning CSS for injection.
tests/views/components/my-class-component-with-scripts.php	新建 fixture class-based component returning JS for injection.
tests/views/components/my-class-component-with-props.php	新建 fixture class-based component with constructor props.
tests/views/components/my-class-component-with-custom-style-tag.php	新建 fixture class-based component returning a complete <style ...> tag.
tests/views/components/my-class-component-with-custom-script-tag.php	新建 fixture class-based component returning a complete <script ...> tag.
tests/views/components/my-class-component-that-extends-another-class-component.php	新建 fixture class-based component extending another component class.
tests/views/components/greeting.php	新建 fixture component template for greeting output.
tests/views/components/greeting-with-two-props.php	新建 fixture component template for greeting output with two props.
tests/views/components/another-class-component.php	新建 fixture base class component used by an extending component.
tests/components/my-component-from-another-path.php	新建 fixture component placed outside the default components directory to test custom componentsPath.
flight/template/View.php	Core implementation: adds component rendering, CSS/JS de-dupe, new constructor options, and refactors template resolution and fetching.
flight/template/Component.php	新建 abstract base class for class-based components with html/css/js hooks.
composer.json	Updates author homepage URL to HTTPS.
.editorconfig	Broadens formatting rule scope to apply recursively under tests/views/.