open-index/open-npm huggingface dataset:
npm package: @plazarjs/array-util
Description: PlazarJS array utility
Author: Miloš Protić
Latest version: 2.0.0-alpha.0
Deprecated: This utility has been merged with the @plazarjs/core package

# plazarjs/array-util

> PlazarJS array helper methods.

## Usage

Detailed documentation can be found <a href="http://www.plazarjs.com">here</a>.
npm package: @plazarjs/core
Description: PlazarJS core package
Author: Miloš Protić
Latest version: 2.1.5

# plazarjs/core

> PlazarJS standalone package. This package holds the core implementation of the framework and it's all you need to build your app if no predefined UI components are required.

## Usage

```javascript
// define the component
import pz from '@plazarjs/core';

const helloWorld = {
  ownerType: 'component',
  template: '<div>Hello from {fw}</div>',
  renderTo: 'body',
  autoLoad: true,
  viewModel: {
    fw: 'plazarjs'
  }
};

export default pz.define('hello-world', helloWorld);

// create the component where required
import helloWorld from 'my-path/helloWorld';
helloWorld.create();
```

The equivalent of the code above written with the extend API, which is recommended when in modular environments, looks like this:

```javascript
// define the component
import pz from '@plazarjs/core';

const helloWorld = {
  type: 'hello-world',
  template: '<div>Hello from {fw}</div>',
  renderTo: 'body',
  autoLoad: true,
  viewModel: {
    fw: 'plazarjs'
  }
};

export default pz.component.extend(helloWorld);

// create the component where required
import helloWorld from 'my-path/helloWorld';
helloWorld.create();
```

Detailed documentation can be found <a href="http://www.plazarjs.com">here</a>.
npm package: @plazarjs/http
Description: PlazarJS http package
Author: Miloš Protić
Latest version: 2.1.5

# plazarjs/http

> PlazarJS http/ajax helper methods.

## Usage - es

```javascript
$ npm install @plazarjs/http
```

Create a folder called `plugins`. Inside of it create a file called `http.js` and copy the following snippet:

```javascript
import pz from '@plazarjs/core';
import pzHttp from '@plazarjs/http';
pz.plugin(pzHttp);
```

## Usage - cdn

```html
// include the required scripts before closing the body tag
<script src="https://cdn.jsdelivr.net/npm/@plazarjs/core/dist/core.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@plazarjs/http/dist/http.min.js"></script>

// initialize the plugin
<script>
  pz.plugin(pzHttp);
</script>
```

Detailed documentation can be found <a href="http://www.plazarjs.com">here</a>.
npm package: @plazarjs/object-util
Description: PlazarJS object package. It contains object utilities
Author: Miloš Protić
Latest version: 2.0.0-alpha.0
Deprecated: This utility has been merged with the @plazarjs/core package

# plazarjs/object-util

> PlazarJS object helper methods.

## Usage

Detailed documentation can be found <a href="http://www.plazarjs.com">here</a>.
npm package: @plazarjs/string-util
Description: PlazarJS string package. It contains string utilities
Author: Miloš Protić
Latest version: 2.0.0-alpha.0
Deprecated: This utility has been merged with the @plazarjs/core package

# plazarjs/string-util

> PlazarJS string helper methods.

## Usage

Detailed documentation can be found <a href="http://www.plazarjs.com">here</a>.
npm package: @plcart/webrtc-shim
Description: WebRTC shim
Author: arthur.aferreira@outlook.com
Latest version: 1.1.0

# WebRTC Shim

Shim library to establish a peer connection and send Audio, Video and Data

## How to use

    new window.WebRTCShim(rtcmessageCallbackFn,dataChannelCallbackFn,remoteStreamCallbackFn, RTCPeerConfig)
    
Example can be found [here](https://plcart.github.io/webrtc-shim/) - [source code](https://github.com/plcart/webrtc-shim/blob/gh-pages/src/index.js)

## Socket structure

[Socket.io example App](https://github.com/plcart/webrtc-socket-sample)
npm package: @plcnextusa/pxt-plcnext
Description: Target for PLCnext
Latest version: 1.0.1

# Sample target for a Microsoft MakeCode Editor

This repo contains a sample editor built with [Microsoft MakeCode (PXT)](https://github.com/Microsoft/pxt). The editor is hosted on the GitHub pages at [http://microsoft.github.io/pxt-sample/](http://microsoft.github.io/pxt-sample/)

[![Build Status](https://travis-ci.org/Microsoft/pxt-sample.svg?branch=master)](https://travis-ci.org/Microsoft/pxt-sample)
[![Community Discord](https://img.shields.io/discord/448979533891371018.svg)](https://aka.ms/makecodecommunity)

If you'd like to start your own editor, fork this repo and fix all the TODOs.

## TODOs

- [ ] Fork repo and setup local server (see below)
- [ ] Update metadata in ``pxtarget.json``. Change the id, title, name, etc... to your taste.
- [ ] Update the JavaScript runtime in ``sim/simulator.ts``. If needed add additional JS library under ``sim/public/**``
and edit ``sim/public/simulator.html`` with additional ``script`` tags.
- [ ] Update the APIs in ``sim/api.ts`` to use your runtime.
- [ ] Test your editor in the local server
- [ ] run ``pgk staticpkg --gh --bump`` to upload a static version to GitHub pages.

## Running locally

These instructions allow to run locally to modify the sample.

### Setup

The following commands are a 1-time setup after synching the repo on your machine.

* install [node.js](https://nodejs.org/en/)

* install the PXT command line
```
npm install -g pxt
```
* install the dependencies
```
npm install
```

### Running the local server

After you're done, simple run this command to open a local web server:
```
pxt serve
```

After making a change in the source, refresh the page in the browser.

## Updating the tools

If you would like to pick up the latest PXT build, simply run
```
pxt update
```

More instructions at https://github.com/Microsoft/pxt#running-a-target-from-localhost
npm package: @plcoder/ng-ticker
Description: Add ticker or stock change like animation when the number input changes
Latest version: 1.0.11

# NG Ticker

Lightweight Ticker animation component

Show changing number with stock ticker like animation
&nbsp;
&nbsp;

![ng ticker in action](https://github.com/plumcoder/ng-ticker-/blob/master/ngTicker.gif?raw=true)

## TOI

- [Demo](#demo)
- [Install](#install)
- [Setup](#setup)
- [Development](#development)
- [Contribute](#contribute)


## Demo

Try demo on Stackblitz!

- [Usage: animation duration, appearance](https://stackblitz.com/edit/angular-ivy-2v6yjf)


## Install

You can get it on NPM installing `ng-ticker` module as a project dependency.

```shell
npm install @plcoder/ng-ticker --save
```

## Setup

You'll need to add `TickerModule` to your application module. So that, the `<ticker>` components will be accessible in your application.

```typescript
...
import { TickerModule } from '@plcoder/ng-ticker';
...

@NgModule({
  declarations: [
    YourAppComponent
  ],
  imports: [
    ...
    TickerModule,
    ...
  ],
  providers: [],
  bootstrap: [YourAppComponent]
})

export class YourAppComponent {}

```

After that, you can use the `ticker` components in your templates, passing the configuration data into the component itself.

- `ticker`: Handle the number change animation

```html
<ticker [displayNum]="price" duration="300ms"></ticker>
```

## API

### @Inputs

| <div style="width:250px">Prop name and type</div>           | Description | 
| ----------------------------------------------------------- | ------------------------------------------------------------- | 
| **`displayNum?: number`** <br/> Defaults to `0`             |  Number to display   |
| **`duration?: string`** <br /> Defaults to `200ms`          |  Animation speed, time required to transiton from one value to other              |
npm package: @pldin601/cerberus-cache
Description: Three-level caching library written in TypeScript
Author: Roman Lakhtadyr
Latest version: 0.1.0

<p align="center">
  <img width="300" alt="image" src="https://github.com/user-attachments/assets/8543b1c7-91c0-497e-965c-15ff3279dde4" />
</p>

# cerberus-cache

Three-level caching library written in TypeScript