open-index/open-npm huggingface dataset:
npm package: @ibm-wch/components-ng-shared-components
Description: npm modules for WCH SPA sites - shared components
Latest version: 1.0.61

# components-ng-shared-components
This npm module contains a set of shared components leveraged in the Watson Content Hub starter site applications. See https://github.com/ibm-wch/wch-site-application for more information on the Watson Content Hub starter application.

## Prerequisites

* A WCH tenant in Trial or Standard Tier
* A WCH site application repo (e.g. https://github.com/ibm-wch/wch-site-application)
* Node.js v6.11.1 or above
* Angular >=6.0.0
* **Note:**: We recommend to run `npm install` after getting the latest from this repository to get the latest prerequisites. 

## Overview
This github repository contains all shared Angular UI components that can be imported via npm commands to all WCH site application based projects, such as Oslo and Stockholm. Following Angular components are included in this package:

* carousel-dynamic-list
* carousel-list
* embed-code
* gallery-dynamic-list
* gallery-list
* vertical-dynamic-list
* vertical-list

Besides Angular components, this package also contains required WCH `content-artifacts` for these components. They will be installed to your WCH site application directory `src/wchLayouts` automatically. 

## Packages
[`@ibm-wch/components-ng-shared-components`](https://www.npmjs.com/package/@ibm-wch/components-ng-shared-components)
* **Note:** This package follows [`Angular Package Format (APF) v6.0`](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs) to support all of the commonly used development tools and workflow


## Usage

In WCH site application based project call:

```bash
ng add @ibm-wch/components-ng-shared-components
```

## Local Development
If you want to develop new features in this package in local environment, run this command to install your latest package to your local `wch-site-application` repository:
```
npm run build:dev
```

* **Note:** You have to place both `wch-site-shared-components` and `wch-site-application` under the same parent directory.
  

## Publishing

This package showcases how one can componentize code leveraged inside the applications in Watson Content Hub. If creating your own package you can publish to npm via:

```bash
npm version <npm package version>
npm run build
npm publish dist
```

## Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

### Testing

To test locally, install `@angular-devkit/schematics` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```

### Unit Testing

`npm run test` will run the unit tests, using Jasmine as a runner and test framework.


## License

See the included license file [License](LICENSE) .
npm package: @ibm-wch/components-ng-shared-utilities
Description: npm modules for WCH SPA sites - shared components
Latest version: 1.0.39

# components-ng-shared-utilities
This npm module contains a set of shared utilities leveraged in the Watson Content Hub starter site applications. See https://github.com/ibm-wch/wch-site-application for more information on the Watson Content Hub starter application.

## Prerequisites

* A WCH tenant in Trial or Standard Tier
* A WCH site application repo (e.g. https://github.com/ibm-wch/wch-site-application)
* Node.js v6.11.1 or above
* Angular >=6.0.0
* **Note:**: We recommend to run `npm install` after getting the latest from this repository to get the latest prerequisites. 

## Overview
This github repository contains all shared Angular utility components that can be imported via npm commands to all WCH site application based project, such as Oslo and Stockholm. Following Angular utility components are included in this package:

* AuthService
* ConfigServiceService
* DateFilterPipe
* FormattedTextPipe
* HighlightService
* ItemSortPipe
* UtilsService

## Packages
[`@ibm-wch/components-ng-shared-utilities`](https://www.npmjs.com/package/@ibm-wch/components-ng-shared-utilities)
* **Note:** This package follows [`Angular Package Format (APF) v6.0`](https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs) to support all of the commonly used development tools and workflow


## Usage

In WCH site application based project call:

```bash
ng add @ibm-wch/components-ng-shared-utilities
```

## Unit test

If you want to run all unit tests in this repo:
* Run `npm test`

If you want to run unit tests separately:
* Run `npm run test:schematics` to run unit tests for the installing scripts
* Run `npm run test:src` to run unit tests for Angular components

## Local Development
If you want to develop new features in this package in local environment, run this command to install your latest package to your local `wch-site-application` repository:
```
npm run build:dev
```

* **Note:** You have to place both `wch-site-shared-utilities` and `wch-site-application` under the same parent directory.
  

## Publishing

This package showcases how one can componentize code leveraged inside the applications in Watson Content Hub. If creating your own package you can publish to npm via:

```bash
npm version <npm package version>
npm run build
npm publish dist
```

## Getting Started With Schematics

This repository is a basic Schematic implementation that serves as a starting point to create and publish Schematics to NPM.

To test the function of Schematics locally, install `@angular-devkit/schematics` globally and use the `schematics` command line tool. That tool acts the same as the `generate` command of the Angular CLI, but also has a debug mode.

Check the documentation with
```bash
schematics --help
```



## License

See the included license file [License](LICENSE) .
npm package: @ibm/akora-renderer-react
Description: React renderer tool for Cloud Pak for AIOps dashboard integration.
Author: IBM Corp.
Latest version: 1.0.4

# akora-renderer-react
A react renderer for easily rendering react components into a region

```javascript
import getReactRenderer from '@ibm/akora-renderer-react';
import React from 'react';
import ReactDOM from 'react-dom';

const ReactRenderer = getReactRenderer(React, ReactDOM);

export default {
  routes: [
    path: '/my-route',
    regions: {
      app: {
        renderer: ReactRenderer,
        state: {
          component: () => import('MyComponent.jsx') // Using webpack async loader
        }
      }
    }
  ]
}
```

## State
The state to provide the renderer with.

  **params** *optional*
  The params to be used within the component.

  **component**
  Should be set to a function which returns either the component that should be
  rendered or a promise which eventually resolves to a component. This allows for
  code splitting with bundlers such as webpack.

  **stateToPropMapper** *optional*
  Can be set to a function which takes in the configuration of the renderer and
  returns the props that should be passed to the react component. Typically
  the params object will be used to take values from the url, e.g:

  **react** *optional*
  Provide your own instance of React.

  **reactDom** *optional*
  Provide your own instance of ReactDOM.

```javascript
export default {
  routes: [
    path: '/my-route/:myparameter',
    regions: {
      app: {
        renderer: ReactRenderer,
        state: {
          component: () => import('MyComponent.jsx'),
          paramToPropMapper: ({params}) => ({
            myProp: params.myparameter
          })
        }
      }
    }
  ]
}
```
npm package: @ibm/applinx-rest-apis
Description: client for applinx rest-api
Author: ibm
Latest version: 10.15.7

## IBM ApplinX REST API 10.15.7

### Description

Angular client for ApplinX REST API. 
This package may be used by the Angular web emulation project to communicate 
with hosts through the ApplinX REST API.

### Format

This library implements the Angular Package Format (APF).

### Release Notes

The version of this package correlates with the ApplinX version. 
You should use the package version that matches your ApplinX installation version.

### General usage

In your Angular project:


```
// without configuring providers
import { ApiModule } from '@ibm/applinx-rest-apis';
import { HttpClientModule } from '@angular/common/http';


@NgModule({
    imports: [
        ApiModule,
        // make sure to import the HttpClientModule in the AppModule only,
        // see https://github.com/angular/angular/issues/20575
        HttpClientModule
    ],
    declarations: [ AppComponent ],
    providers: [],
    bootstrap: [ AppComponent ]
})
export class AppModule {}
```

```
// configuring providers
import { ApiModule, Configuration, ConfigurationParameters } from '@ibm/applinx-rest-apis';

export function apiConfigFactory (): Configuration => {
  const params: ConfigurationParameters = {
    // set configuration parameters here.
  }
  return new Configuration(params);
}

@NgModule({
    imports: [ ApiModule.forRoot(apiConfigFactory) ],
    declarations: [ AppComponent ],
    providers: [],
    bootstrap: [ AppComponent ]
})
export class AppModule {}
```

```
import { SessionService } from '@ibm/applinx-rest-apis';

export class AppComponent {
	 constructor(private sessionService: SessionService) { }
}
```

### License of this package
[Apache-2.0](https://www.apache.org/licenses/LICENSE-2.0.txt)