sync-remote-host-registry

Syncs remote-to-host component registries with the render graph in JS environments.

1|Updated Apr 23, 2024
One-click install
npx skills add https://github.com/retailcrm/embed-ui --skill sync-remote-host-registry
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sync-remote-host-registry
Source: https://github.com/retailcrm/embed-ui/tree/main/.agents/skills/sync-remote-host-registry
Command: npx skills add https://github.com/retailcrm/embed-ui --skill sync-remote-host-registry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill ensures that remote-to-host component registries remain synchronized with the actual render graph, avoiding mismatches caused by naive host export parity.

Core Features & Use Cases

  • Registry Synchronization: Updates createRoot lists and Storybook provider/receiver setups to align with the render graph.
  • Component Mapping: Identifies host components to include or exclude based on remote rendering capabilities.
  • Use Case: When working with remote rendering in Storybook or creating JS extensions, this Skill helps maintain accurate component registries.

Quick Start

Use the sync-remote-host-registry skill to update the remote render registry for your project.

Frequently Asked Questions about sync-remote-host-registry

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I synchronize a remote component registry with the actual render graph?

Synchronizing a remote component registry with the render graph requires updating the `createRoot` lists and Storybook provider setups to align host component inclusion and exclusion logic. This process manually inspects multiple JS packages to prevent mismatches from naive host export parity.

What causes remote-to-host component registry mismatches in JS remote rendering?

Remote-to-host component registry mismatches in JS remote rendering are typically caused by naive host export parity. These mismatches occur when the remote component registry is not properly aligned with the actual render graph's inclusion and exclusion logic.

How do I update Storybook provider and receiver setups for remote rendering?

Updating Storybook provider and receiver setups for remote rendering involves aligning the configurations with the actual render graph. You must identify which host components to include or exclude based on remote rendering capabilities and update the `createRoot` lists accordingly.

Can I use this approach to manage host component inclusion and exclusion logic for JS extensions?

Yes, you can manage host component inclusion and exclusion logic for JS extensions by mapping remote rendering capabilities against the actual render graph. This requires manual inspection of multiple packages and components to maintain an accurate component registry.

When do I need to align remote component registries with the render graph?

You need to align remote component registries with the render graph during update and maintenance workflows in JS remote rendering environments. This synchronization is necessary to avoid mismatches caused by naive host export parity when working with Storybook or creating JS extensions.