How do I create a dependent inner component?

Question

I know standard Salesforce has component dependencies on certain components; I want to recreate that functionality. For example if I attempt to use <apex:commandButton> outside of a <apex:form> wrapper I get the following error:

Error: <apex:commandButton> must occur between <apex:form></apex:form> tags

The requirement is as follows:

<apex:form> 
    <apex:commandbutton/> // required inside apex:form
</apex:form>

I want to be able to create this same dependency for a custom component. Is this possible and if so how?

For example if I put <c:innerComponent> somewhere on the page, I want it to prevent compiling and provide an error that that tag must be within an <c:outerComponent> tag

Error: <c:innerComponent> must occur between <c:outerComponent></c:outerComponent> tags

Meaning if I want to use the innerComponent then the outerComponent is required

<c:outerComponent> 
    <c:innerComponent/> // required inside c:outerComponent
</c:outerComponent>

Answer 1

I don't think there's a way to that out-of-the-box. What you could try is to add an attribute linked the parent component controller.

You won't have a nice dependency message like the one you mentioned, but you do ensure that only components with the correct controller can call the child component.

Something like this:

public class ParentComponentController {
    public ParentComponentController controller { get { return this; } }

    public ParentComponentController() {
        //do your stuff or leave it empty
    }
}

Child Component:

<apex:component >

    <apex:attribute name="dependency" type="ParentComponentController" required="true" description="securitycheck"/>

</apex:component>

Parent Component:

<apex:component controller="ParentComponentController">
    <c:dependency="{!controller}" /> 
</apex:component>

P.s.: I couldn't save this on the IDE, but if try it on the browser ir works fine.