open-index/open-npm huggingface dataset:
npm package: @kano/loading-animation
Description: A loading animation to display while users wait
Latest version: 1.0.2

# Loading animation

A loading animation to display while users wait

## API

index.js is a ES6 module exporting `LoadingAnimation`;

```js
import { LoadingAnimation } from '@kano/loading-animation';

// Only parameter to contructor is parent element
const animation = new LoadingAnimation(document.getElementById('container'));

// Starts
animation.start();

// Stops
animation.stop();

// Removes from the dom
animation.delete();
```
npm package: @kano/polymer-sortablejs
Description: Minimalist library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery.
Author: Guten Ye
Latest version: 3.0.0-beta.3

polymer-sortablejs
-------------------

[![Gitter][gitter-image]][gitter-url]


A Polymer binding to [SortableJS](https://github.com/RubaXa/Sortable/).

Demo: http://rubaxa.github.io/Sortable/

### Usage

```html

<link rel="import" href="bower_components/polymer-sortablejs/polymer-sortablejs.html"/>

<sortable-js>
  <template is="dom-repeat" items={{items}}>
    <div>{{item}}</div>
  </template>
</sortable-js>
```

### Install

```
$ bower install polymer-sortablejs
```

[gitter-image]: http://img.shields.io/badge/+%20GITTER-JOIN%20CHAT%20%E2%86%92-1DCE73.svg?style=flat-square
[gitter-url]: https://gitter.im/sortable-js/polymer-sortablejs
npm package: @kano/styles
Description: Shared styles for web projects
Author: Paul Varache
Latest version: 3.3.14

# @kano/styles

Shared styles for web projects

## Installation

```
yarn add @kano/styles
```

## Usage

Exported symbols are HTML templates, clone and inject in your page to use the classes.

```js
// Import needed styles
import { mega } from '@kano/kwc-styles/index.js';

// Clone the node
const instance = mega.content.cloneNode(true);

// Add to the head, or shadow root
document.head.appendChild(instance);

// Alternatively, if you use a literal template engine supporting HTML templates
const render = html`
    ${mega}
    <div>
        <button class="btn mega">CLICK</button>
    </div>
`;
```
npm package: @kano/twemoji
Description: A copy of twemoji with exports and typescript definitions
Author: Paul Varache
Latest version: 1.0.0

# twemoji-min

Twitter's emoji library as a minified dependency without the asset history for
projects that use with the supplied CDN.

[twemoji by twitter](https://github.com/twitter/twemoji)

Install with npm/yarn under `@kano/twemoji`

use the es6 module version:

```js
import { twemoji } from '@kano/twemoji/index.es.js';

```
npm package: @kano/web-tester
Description: Runs front-end mocha tests using puppeteer
Latest version: 1.0.0-alpha.20

# <img src="assets/icon.svg" width="36"> Web Tester

Runs front-end mocha tests using puppeteer

## Installation

The web tester should always be installed as a local dependency, and the binary using npm scripts.

This ensures that the required tools are a dependency of your project

Install with:
```
yarn add --dev @kano/web-tester
```

## Usage

Place your test files in a directory e.g. `test`. web-tester wil look for all .js files in a given directory.

Run your tests with either:

```
# run tests with puppeteer and print the results to the console
web-tester run **/*test.js

# Serve a web page that runs the tests
web-tester serve **/*test.js

# Generate a coverage report
web-tester cover **/*test.js
```

You can create a `.web-tester.conf.json` to configure both mocha and puppeteer:

```json
{
    "mocha": {
        "ui": "tdd"
    },
    "puppeteer": {
        "slowMo": 1000
    }
}
```

In your package.json add a test script as follow to automate your tests

```json
{
    "scripts": {
        "test-ci": "web-tester run ./test -r xunit > test-results.xml"
    }
}
```

## Options

|Command|Options|
|---|---|
|`serve`|`--port`: Specifiy which port to use. Default: `8000`|
|`run`|`--no-headless`: Run puppeteer in no-headless mode. Displays the browser. Default: `false`|
| |`--reporter`, `-r`: Sepecify which reporter to use, `spec` or `xunit`. Default: `spec`|
|`cover`|`--no-headless`: Run puppeteer in no-headless mode. Displays the browser. Default: `false`|
| |`--reporter`, `-r`: Specify which reporter to use. All istanbul reporters are available. An additional `markdown` reporter is available to generate a markdown summary table. You can add multiple reports. Default: `text-summary`|

## Helpers

The default assertion library is `assert` from `chai`. You can access it with:

```js
import { assert } from '@kano/web-tester/helpers.js';

assert.equal(2, 2);
```

The `fixture` helper allows you to prepare HTML Templates, access their elements directly and takes care of adding/removing them from the DOM automatically:

```js
import { fixture } from '@kano/web-tester/helpers.js';

const basic = fixture`
    <my-el></my-el>
`;

suite('my-el', () => {
    test('constructor', () => {
        // Returns the first element in the fixture.
        // These will be removed at the end of the test
        const el1 = basic();
        const el2 = basic();
    });
});

```
npm package: @kanodayo/eslint-config-react
Description: QAQ
Latest version: 1.15.1

# @kanodayo/eslint-config-react

## 简介

我的 eslint(react) 配置，为方便个人项目使用统一将其封装为 npm 包。

## 使用

安装依赖

```shell
npm install @kanodayo/eslint-config-react -D
```

在 `package.json` 中配置

```json
{
  "eslintConfig": {
    "extends": ["@kanodayo/eslint-config-react"]
  }
}
```
npm package: @kanodayo/eslint-config-ts
Description: QAQ
Latest version: 1.15.1

# @kanodayo/eslint-config-ts

## 简介

我的 eslint 配置，为方便个人项目使用统一将其封装为 npm 包。

## 使用

安装依赖

```shell
npm install @kanodayo/eslint-config-ts -D
```

在 `package.json` 中配置

```json
{
  "eslintConfig": {
    "extends": ["@kanodayo/eslint-config-ts"]
  }
}
```
npm package: @kanodayo/prettier
Description: QAQ
Latest version: 1.15.2

# @kanodayo/prettier

## 简介

我的 prettier 配置，为方便个人项目使用统一将其封装为 npm 包。

## 使用

安装依赖

```shell
npm install @kanodayo/prettier -D
```

在 `package.json` 中配置

```json
{
  "prettier": "@kanodayo/prettier"
}
```
npm package: @kanokphonk/osd-mcp-server-365
Description:  A Model Context Protocol (MCP) server for interacting with Microsoft 365 and Office services through the Graph API
Latest version: 0.0.9

# osd-mcp-server-365

# add endpoint
 - 1.add to file src/endpoint.json
 - 2.npm run generate
 - 3.npm run format:check
 - 4.npm run build
 - 5.npm run inspector
npm package: @kanpou0108/tiny
Description: Removes all spaces from a string
Latest version: 1.1.0

# @kanpou0108/tiny
[![](https://img.shields.io/npm/v/@kanpou0108/tiny.svg)](https://www.npmjs.com/package/@kanpou0108/tiny)
[![](https://img.shields.io/bundlephobia/min/@kanpou0108/tiny.svg)](https://www.npmjs.com/package/@kanpou0108/tiny)

Removes all spaces from a string.

## Install

```
$ npm install @kanpou0108/tiny
```

## Usage

```js
const tiny = require("@kanpou0108/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```