open-index/open-npm huggingface dataset:
npm package: @instechnologies/ng-rooster
Description: ng-rooster is wrapper to roosterjs, an open source library created by Microsoft: https://github.com/Microsoft/roosterjs.
Author: Insurance Technologies
Latest version: 1.0.3



# ng-rooster
ng-rooster is wrapper to roosterjs, an open source library created by Microsoft: https://github.com/Microsoft/roosterjs. 

# Getting Started

## Installation
``` npm i @instechnologies/ng-rooster ```

## How to Use it

The first thing to do after installing the library is to add the module to ypour app.module.ts or other module

```ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgRoosterModule } from '@instechnologies/ng-rooster';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgRoosterModule, //import the NgRoosterModule
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }


```

After importing the module you have two ways to create the editor

* Using the rooster-editor directive.
* Using the rooster-editor-box component.

The most high level and most easy to use method is using the rooster-editor-box component:

```html

  <rooster-editor-box></rooster-editor-box>

```

Easy as that, but what about some controls and how do we get the content, well
this component maps the inputs to the roosterjs api, for example if we want to know the text size we can simply do:

```html
   
   <rooster-editor-box [(fontSize)]="fontSize" ></rooster-editor-box>

```

to toggle bold(toggleBold) for example we need to use a different approach but still very easy. We have to use a Subject to notify the editor when to bold:

component:
```ts
   
//--------------------------------------------------------------------

 bold$ = new Subject<void>()

//--------------------------------------------------------------------

```

template:

```html

   <button (click)="bold$.next(0)">Bold</button>
  
   <rooster-editor-box [toggleBold$]="bold$"></rooster-editor-box>

```

finally to retrive the content

```html

  <rooster-editor-box [(ngModel)]="content" ></rooster-editor-box>

```

### And Yessss rooster-editor-box is just a normal input and we can use ngModel as we use it in other kinds of inputs.
npm package: @instedd/surveda-d3-components
Description: Surveda D3 React components
Latest version: 1.1.1

# surveda-d3-components

## Install

```
docker-compose run --rm node yarn install
```

## Test

```
docker-compose run --rm node yarn install
```

## Publish a new version

```
vim package.json # update version
git add package.json && git commit -m "Version bump (v1.x.y)"
git tag v1.x.y
docker-compose run --rm node yarn run clean
docker-compose run --rm node yarn run build
npm publish
git push --tags
```
npm package: @instellate/anilist.js
Description: A unofficial fullpacked anilist library made in TS
Author: Instellate
Latest version: 0.1.5

# Anilist.js
### A Full packed library for the anilist api
This is a library for the anilist api maintained by seyja and Instellate.
It will include all the endpoints and has extra features as for example a inbuilt ratelimit preventer that is toggable.

It is easy to setup and use

```javascript
const Anilist = require('@instellate/anilist.js')

const anilist = new Anilist

anilist.search('Jojo\'s bizarre adventure')
```

## In heavy development still!
If you wanna contribute anyways, feel free to open a issue or pull request!
npm package: @instil/cdk-to-scp
Description: This project parses your CDK output, determines what services are in use by your application and generates a Service Control Policy (SCP) that can be used to restrict access to services that are not in use.
Author: Matthew Wilson
Latest version: 0.0.2

# cdk-to-scp

This project parses your CDK output, determines what services are in use by your application and generates a Service Control Policy (SCP) that can be used to restrict access to services that are not in use.

## Usage

Install the package

```bash
  npm install -g @instil/cdk-to-scp
```

Navigate to the folder in your project that contains the `cdk.out` folder

Then run

```bash
  cdk-to-scp
```

This will output a Service Control Policy to the console that only allows the services used by your project e.g.:

```json
{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "DenyActionsNotInUse",
      "Effect": "Deny",
      "NotAction": [
        "s3:*",
        "iam:*",
        "lambda:*",
        "sqs:*",
        "cloudwatch:*",
        "dynamodb:*",
        "sns:*",
        "ses:*",
        "ssm:*",
        "apigateway:*",
        "wafv2:*",
        "cognito:*",
        "cloudfront:*",
        "appsync:*",
      ],
      "Resource": "*"
    }
  ]
}

```

You can then use this as a starting point for your SCP.
npm package: @instill-ai/design-token
Description: This is instill-ai's design token
Author: instill-ai
Latest version: 0.1.0

# Instill design token

This repo stores all the design tokens we use in our design.

## How to use

### Figma

In your Figma, press the run button and select "Send Design Tokens to Url"

#### "URL Export settings" section

- Select "Comporess JSON output" 

#### "Server settings" section

- "Event type" = update-tokens
- "Server url" = https://api.github.com/repos/instill-ai/design-token/dispatches
- "Access header" = application/vnd.github.everest-preview+json
- "Content-Type header" = text/plain;charset=UTF-8
- "Auth type" = Select "(Github) token"
- "Access token" = Input Instill ai GitHub bot access token

#### "About This Export" section

- "Commit Message" - blank

#### Finish

- Click "Save & Export" button

### Github repo - instill-ai/design-token

Once you successfully export the token, there should have a new automated-pr in this repo's pull request. Inform the repo owner and merge this PR.

## How it works

- We use [lukasoppermann/design-tokens](https://github.com/lukasoppermann/design-tokens) to transform the Figma preset style into design-token (It can also transform customized tokens).
- lukasoppermann/design-tokens will dispatch the newly generated token into instill-ai/design-token repo. There has a [dispatch-new-token]() action which will operate once the dispatch event is fired. This action will store and transform the tokened in local and file a PR.
- Once you merge this auto-generated PR into the main branch, release-please action will be activated and arrange a new release.
- After you merge the release PR into the main branch, it will trigger release action which will build the package and publish it to the npm registry.