Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »


6.0.0 • Public • Published

Knora-ui core module

npm (scoped)

This module is part of Knora-ui modules, developed by the team at the Data and Service Center for Humanities DaSCH.

The core module contains every service to use Knora's RESTful webapi v2 and admin.


For help getting started with a new Angular app, check out the Angular CLI.

For existing apps, follow these steps to begin using Knora-ui core.


You can use either the npm or yarn command-line tool to install packages. Use whichever is appropriate for your project in the examples below.


$ yarn add @knora/core


$ npm install --save @knora/core


This module has the following package dependencies, which you also have to install.

  • @angular/common@6.0.0
  • @angular/core@6.0.0
  • json2typescript@1.0.5
  • jsonld@1.0.2


On version 6 of Angular CLI they removed the shim for global and other node built-ins as mentioned in #9827 (comment). Because of the jsonld package, we have to manually shimming it inside of the polyfills.ts file of the app:

// Add global to window, assigning the value of window itself.
 (window as any).global = window;

Next step is to import the core module in your app.module.ts

import {KuiCoreModule} from '@knora/core';

and set the api server of your environment first. In our apps we define it in the environment files. This helps to define more than one environment for various usages of the Angular app.

For local usage (developer mode) define your environment.ts as follow:

export const environment = {
  production: false,
  name: 'Salsah',
  api: '',
  app: 'http://localhost:4200',
  media: 'http://localhost:1024'
  • name: Name of the app. We're using it as a title in the authentication module
  • api: set the url of the Knora webapi server
  • app: on which url is this app running?
  • media: url of a specific media server. In our case it's sipi

Send this configuration to the @knora/core module in your app.module.ts

import { environment } from '../environments/environment';
import { HttpClientModule } from '@angular/common/http';
    declarations: [
    imports: [
            name: environment.name,
            api: environment.api,
            media: environment.media,
            app: environment.app
    providers: [ ],
    bootstrap: [AppComponent]
export class AppModule {


The @knora/core has different services, which follows the route definiton of knora webapi

Each of the services has the json2typescript mapper implemented. json2typescript is a small package containing a helper class that maps JSON objects to an instance of a TypeScript class.

That means that you have to import the service and the type classes into your component.

For example:

To get project information you have to import at least three elements from @knora/core

import {ApiServiceError, Project, ProjectsService, User} from '@knora/core';

and use it as follow:

project: Project;
// ...
        (result: Project) => {
            this.project = result;
        (error: ApiServiceError) => {

Special usage of Knora API v2

JSON-LD Conversion

Knora API v2 serializes data as JSON-LD. The data received from Knora has to be converted to internal structures.

Resource Response and Search Results

For data representing resources, a ReadResourcesSequence has to be constructed, representing one or more resources with their properties. Given a full resource request or a list of search results, the module ConvertJSONLD converts them from JSON-LD to an instance of ReadResourcesSequence. Before passing the JSON-LD data to ConvertJSONLD, the prefixes have to be expanded using the JSON-LD processor.

declare let require: any;
let jsonld = require('jsonld');
(result: ApiServiceResult) => {
    let promises = jsonld.promises;
    // compact JSON-LD using an empty context: expands all Iris
    let promise = promises.compact(result.body, {});
    promise.then((compacted) => {
        const resourceSeq: ReadResourcesSequence =
    }, function (err) {
        console.log('JSONLD of full resource request could not be expanded:' + err);

ReadResourcesSequence represents the resources as an array of ReadResource. Each property is represented as an instance of the (abstract) interface ReadPropertyItem. For the different value types, an implementation of ReadPropertyItem is provided.

Ontology Information

When processing the representation of resources, entity Iris are collected and retrieved from Knora via the service OntologyCacheService. After expanding the Iris as shown above, the resources entity Iris can be collected and the definitions requested:

// get resource class Iris from response
let resourceClassIris: string[] = ConvertJSONLD.getResourceClassesFromJsonLD(compacted);
// request ontology information about resource class Iris (properties are implied)
    (resourceClassInfos: OntologyInformation) => {
        // resourceClassInfos contains the information about the resources classes
        // and the properties it has cardinalities for
    (err) => {
        console.log('cache request failed: ' + err);

An instance of OntologyInformation contains the resource class definitions and the properties the resource classes have cardinalities for. To facilitate this process and minimize the number of requests to be sent to Knora, the OntologyCacheService gets whole ontologies from Knora each time it encounters an unknown entity and caches them. Once stored in the cache, the OntologyCacheService can serve the information without doing an additional request to Knora.


npm i @knora/core

Downloadsweekly downloads








last publish


  • avatar
Report a vulnerability