[FEATURE] <dev-when-staked>

Detailed description

This issue doesn't have a more in-depth spec, it just suggests a feature.

By declaring HTML as follows, the viewer's staking position is verified, the request to src is made only when the require condition is fulfilled, and its response is applied to the template child element and rendered.

This architecture is based on amp-list.

<dev-when-staked connection="CONNECTION_ID" destination="0x..." network="NETWORK_NAME" require="300" src="https://example.com/data...">
    <template>
        ...
    </template>
    <p>Placeholder while waiting to meet require</p>
</dev-when-staked>

Options

• *connection: the id of dev-connection element #126
• *destination: the address of the staking destination
• *network: the network name
• *require: the minimum staking amount to unlock content
• *src: the content source

Context

<dev-when-staked> is useful for achieving staking paywalls with minimal coding.

Possible implementation

No response

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Bắt đầu bằng việc xem xét phần tử dev-connection được đề xuất (#126) và kiến trúc amp-list được tham chiếu trong issue. Xác định hành vi của component và các tiêu chí chấp nhận cho việc xác minh staking, các yêu cầu src có điều kiện, việc render template và nội dung placeholder trước khi triển khai; chưa xác định được tệp hoặc kiểm thử nào.