Page History

...

Da nap-angular-sdk er en angular specifik wrapper af nap-typescript-sdk, har den er der en " peer dependency " hertil. 

Funktionalitet

til samme version af dette SDK.  

NAP-angular-SDK SDK'et udstiller en service, som sørger for at kalde createNAP() fra nap-typescript-sdket og dermed initialisere kontekstbroen.

...

Da nap-react-sdk er en react specifik wrapper af nap-typescript-sdk, har den  er der en " peer dependency " hertil. 

Funktionalitet

til samme version af dette SDK.   

Nap-react-sdk udstiller en komponent kaldet NAPContextProvider. Denne komponent sørger SDK'et sørger for at kalde createNAP() fra nap-typescript-sdket og dermed initialisere kontekstbroen .Efterfølgende subscribes der i React.UseEffect(), som kaldes efter render() kaldes første gang. Samtiditig subscribes der på de forskellige messagestreams, hvor og deres emits håndteres i React.state på Contextprovideren. De forskellige subscriptions og håndtag håndteres i react.useCallbackDette pakkes ind en NAP-Context, som injectes til alle child elementer. . De forskellige states og methode-håndtag pakkes alt sammen i en Context.

interface Context {
  latestIncomming: NAPMessage | null;
  latestError: NAPError | null;
  postMessage: (message: NAPMessage) => void;
  subscribe: (subscriber: NAPHostSubscriber) => void;
  unsubscribe: (subscriber: NAPHostSubscriber) => void;
}

Denne kontekst kan blive injectet i child elementer ved kalde `createNAP()`. Hvis denne funktion kaldes udenfor en NapContext kaster det en fejl.

Effekten for anvenderen bliver, at broen initialiseres som en singleton, og at beskeder sendt over broen opdatere context state af applikationen, og på den baggrund vil React kalder Render().

...