Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Et angular workspace i src-folderen. Dette kræves af angular framework for at serve et library.
  2. Det egentlige nap-angular-sdk , som warapper nap-typescript-sdk, i projects/nap-angular
    1. ng-package.json definerer de filer der skal pakkes og publishes.
  3. En test implementering, som bruger nap-angular-sdk i projects/test. Heri er injected en fakebridge i index.html.
    Dette er den egentlige test af SDKet, og der køres derfor ingen unit tests. Sendte beskeder printes i console.log.

Funktionalitet

Opsætning

Installer afhængigheder

Installer dependecies ved at køre npm install --registry https://nexus.nspop.dk/nexus/repository/nsp-npm/

...

  1. Det egentligt nap-react-sdk i src
    1. Npm package mangeren bruger .npmignore til at ignore visse filer så som node_modules og example, når pakken skal bundles og publishes
  2. Et eksempel implementering, som motionerer nap-react-sdk i example/src. Heri er injected en fakebridge i index.html. Dette er den egentlige test af SDKet, og der køres ingen unit tests. Sendte beskeder printes i console.log.

Funktionalitet

SDK'et sørger for at kalde createNAP() fra nap-typescript-sdket og dermed initialisere kontekstbroen.

Efterfølgende subscribes der på de forskellige messagestreams, hvor deres emits håndteres i React.state.

De forskellige subscriptions håndtag håndteres i react.useCallback

Dette pakkes ind en NAP-Context, som injectes til alle child elementer heraf. 


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

Opsætning

Installer afhængigheder

Installer dependecies ved at køre npm install --registry https://nexus.nspop.dk/nexus/repository/nsp-npm/

...

Der kan laves snapshots og release-candidates fra jenkins.

Development server

Kør "npm run start" for at bygge sdk'et. Dette giver et output i dist/ folderen. Derefter navigere ind i example/ folderen og køre "npm run start".  Derefter vil en dev server med live deployment af både eksempel-projektet og SDK'et køre på http://localhost:3000/.

...