R后悔药 Rue.js
设置

Rue SSR Islands

Compiler client:* 指令

这个页面包含真实 client:* TSX fixture，并展示 virtual:rue-island-manifest 输出。

virtual:rue-island-manifest

{
  "rue-c6giem": {
    "id": "rue-c6giem",
    "component": "./islands/CompilerCounter",
    "entry": "./islands/CompilerCounter",
    "exportName": "default",
    "hydrate": "load"
  },
  "rue-11wft7s": {
    "id": "rue-11wft7s",
    "component": "./islands/CompilerCounter",
    "entry": "./islands/CompilerCounter",
    "exportName": "default",
    "hydrate": "visible"
  },
  "rue-12w94is": {
    "id": "rue-12w94is",
    "component": "./islands/CompilerCounter",
    "entry": "./islands/CompilerCounter",
    "exportName": "default",
    "hydrate": "interaction",
    "interaction": "click"
  },
  "rue-13k1905": {
    "id": "rue-13k1905",
    "component": "./rue-islands/islands/LoadCounter",
    "entry": "./rue-islands/islands/LoadCounter",
    "exportName": "default",
    "hydrate": "load"
  },
  "rue-exeng2": {
    "id": "rue-exeng2",
    "component": "./rue-islands/islands/IdlePanel",
    "entry": "./rue-islands/islands/IdlePanel",
    "exportName": "default",
    "hydrate": "idle",
    "timeout": 500
  },
  "rue-mepqzv": {
    "id": "rue-mepqzv",
    "component": "./rue-islands/islands/VisiblePanel",
    "entry": "./rue-islands/islands/VisiblePanel",
    "exportName": "default",
    "hydrate": "visible",
    "rootMargin": "200px"
  },
  "rue-al3lu5": {
    "id": "rue-al3lu5",
    "component": "./rue-islands/islands/MediaPanel",
    "entry": "./rue-islands/islands/MediaPanel",
    "exportName": "default",
    "hydrate": "media",
    "media": "(min-width: 900px)"
  },
  "rue-oenlx7": {
    "id": "rue-oenlx7",
    "component": "./rue-islands/islands/InteractionButton",
    "entry": "./rue-islands/islands/InteractionButton",
    "exportName": "default",
    "hydrate": "interaction",
    "interaction": "click"
  },
  "rue-fejdzo": {
    "id": "rue-fejdzo",
    "component": "./rue-islands/islands/OnlyWidget",
    "entry": "./rue-islands/islands/OnlyWidget",
    "exportName": "default",
    "hydrate": "only"
  },
  "rue-104yqjs": {
    "id": "rue-104yqjs",
    "component": "./rue-islands/islands/PropsPanel",
    "entry": "./rue-islands/islands/PropsPanel",
    "exportName": "default",
    "hydrate": "load"
  },
  "rue-19mxfxp": {
    "id": "rue-19mxfxp",
    "component": "./rue-islands/islands/ManifestPanel",
    "entry": "./rue-islands/islands/ManifestPanel",
    "exportName": "default",
    "hydrate": "load"
  },
  "rue-1jso1mu": {
    "id": "rue-1jso1mu",
    "component": "./components/Counter",
    "entry": "./components/Counter",
    "exportName": "default",
    "hydrate": "load"
  },
  "rue-1xqpszm": {
    "id": "rue-1xqpszm",
    "component": "./components/OnlyPanel",
    "entry": "./components/OnlyPanel",
    "exportName": "default",
    "hydrate": "only"
  },
  "rue-jfh600": {
    "id": "rue-jfh600",
    "component": "./components/Counter",
    "entry": "./components/Counter",
    "exportName": "default",
    "hydrate": "idle"
  }
}

Fixture

<CompilerCounter client:load label="client:load directive" />
<CompilerCounter client:visible label="client:visible directive" />
<CompilerCounter client:interaction="click" label="client:interaction directive" />