open-index/open-npm huggingface dataset:
npm package: @hpcc-js/deck-shim
Description: hpcc-js - deck.gl shim
Author: Gordon Smith
Latest version: 2.9.1

# @hpcc-js/deck-shim
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including quick start, demos and tutorials, please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Details
The **deck-shim** package "wraps" a subset of the [https://github.com/uber/deck.gl](https://github.com/uber/deck.gl) functionality in a WebPack bundle to simplify its inclusion in modern JavaScript libraries / Web Applications.

## Consuming with WebPack
Should "just work"

## Consuming with iife
Simply include the package in your html file as normal (it has a global ID of "@hpcc-js/deck-shim"):
```html
<head>
    ...
    <script src="node_modules/@hpcc-js/deck-shim/dist/index.min.js"></script>
    <script>
        var dgridShim = window["@hpcc-js/deck-shim"];
    </script>
</head>
<body>
    ...
    <script>
        ...
    </script>
    ...
</body>
```

## Consuming with Rollup.js
Should "just work"
npm package: @hpcc-js/dgrid
Description: hpcc-js - Viz DGrid
Author: Gordon Smith
Latest version: 2.34.7

# @hpcc-js/dgrid

This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including quick start, demos and tutorials, please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Details
The **dgrid** package contains the following visualizations:

## Note for Rollup.js users
**dgrid** is dependent on **dgrid-shim** which requires some special configuration when bundling with Rollup.js - please see [dgrid-shim](../dgrid-shim/README.md) for more information.

<ClientOnly>
  <hpcc-vitepress style="width:100%;height:600px">
    <div id="target" style="height:600px">
    </div>
    <script type="module">
        //  Note:  dgrid does not support "import" - this will fail
        import { Table } from "@hpcc-js/dgrid";

        new Table()
            .target("target")
            .columns(["Mother", "Father", { label: "Children", columns: ["Name", "sex", "age"] }, { label: "Pets", columns: ["Name", "type"] }])
            .data([
                ["<b>Jane</b>", "John", [["Mary", "f", 4], ["Bob", "m", 6], ["Tim", "m", 1]], [["Spot", "dog"], ["Smelly", "cat"], ["Goldie", "Fish"], ["Hammy", "Hamster"]]],
                ["Penelope", "Alex", [["Bill", "m", 1]], []],
                ["Jill", "Marcus", [], [["Flappy", "parrot"], ["Stinky", "cat"], ["Rolf", "dog"]]],
                ["Susan", "Robert", [["Jack", "m", 4], ["Alice", "f", 6]], []]
            ])
            .render()
            ;
      </script>
  </hpcc-vitepress>
</ClientOnly>
npm package: @hpcc-js/dgrid-shim
Description: dgrid shim
Author: Gordon Smith
Latest version: 3.4.5

# @hpcc-js/dgrid-shim

This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including quick start, demos and tutorials, please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Details
The **dgrid-shim** package "wraps" a subset of the [dojo grid](http://dgrid.io/) functionality in a WebPack bundle to simplify its inclusion in modern JavaScript libraries / Web Applications.

Currently it exposes the following items:
* Deferred
* domConstruct
* Memory
* QueryResults
* Grid = declare([OnDemandGrid, Keyboard, Selection, ColumnResizer, CompoundColumns, GridHelper]);
* PagingGrid = declare([_Grid, Pagination, Keyboard, Selection, ColumnResizer, CompoundColumns, GridHelper]);

## Consuming with WebPack
Should "just work"

## Consuming with iife
Simply include the package in your html file as normal (it has a global ID of "@hpcc-js/dgrid-shim"):
```html
<head>
    ...
    <script src="node_modules/@hpcc-js/dgrid-shim/dist/index.min.js"></script>
    <script>
        var dgridShim = window["@hpcc-js/dgrid-shim"];
    </script>
</head>
<body>
    ...
    <script>
        var myGrid = new dgridShim.PagingGrid();
        ...
    </script>
    ...
</body>
```

## Consuming with Rollup.js
Since Rollup.js has no native support for non es6 modules (the `rollup-plugin-commonjs` simply converts commonjs exports to es6 for example) and part of the es6 specifications dictates that modules should "use strict", which will cause issues with libraries that rely on non strict features.  
As dgrid-shim is dependent on DGrid and Dojo which uses non "strict" code, it is ultimately impossible to use Rollup.js to create bundles which include dgrid-shim (without forcing Rollup.JS to not include "use strict").  Here are two suggested **workarounds**:

### Exclude dgrid-shim from your bundle
1.  Mark dgri-shim as external in your rollup.config.js file:
```javascript
    external: [
        "@hpcc-js/dgrid-shim"
    ],
```
2. Add the official exported global ID to your rollup.config.js:
```javascript
    output: {
        ...
        globals: {
            "@hpcc-js/dgrid-shim": "@hpcc-js/dgrid-shim"
        }
    },
```
3. Manually include dgrid-shim as an iife source file in your html page:
```html
<head>
    ...
    <script src="node_modules/@hpcc-js/dgrid-shim/dist/index.min.js"></script>
</head>
```

### Include dgrid-shim in your bundle
1. Disable "use strict" injection into your bundle:
```javascript
    output: {
        ...
        strict: false
    }
```
2. Add named exports for the dgrid-shim "commonjs" module:
```javascript
    plugins: [
        ...,
        commonjs({ }),
        ...
    ]
```
npm package: @hpcc-js/esbuild-plugins
Description: Various esbuild plugins
Author: hpcc-systems
Latest version: 1.8.7

# esbuild-plugin-sfx-wasm

## Installation

With npm:

```sh
npm i -D esbuild-plugin-sfx-wasm
```

## Use-cases

**The primary motivation for this plugin is to simplify the bundling and distribution of web assembly modules**

- Compresses the wasm module using Zstd
- Encodes the compressed wasm module as a base91 string
- Generates a standalone module that decodes and instantiates the wasm module on demand

## Usage

### Build Config

```ts
import esbuild from "esbuild";
import sfxWasm from "esbuild-plugin-sfx-wasm";

esbuild.build({
  /* ... */
  plugins: [
    sfxWasm()
  ],
  /* ... */
});
```

### Usage in your code

```js
import loadCalculator from "../build/calculator.wasm";

async function add(a, b) {
  const calc = await loadCalculator();
  return calc.add(1, 2);
}
```
npm package: @hpcc-js/google
Description: hpcc-js - Viz Google
Author: Gordon Smith
Latest version: 2.0.0

Deprecated as of [0.0.105](https://github.com/hpcc-systems/Visualization/compare/@hpcc-js/google@0.0.104...@hpcc-js/google@0.0.105) (2018-08-15)

See @hpcc-js/charts for an alternative.
npm package: @hpcc-js/handson
Description: hpcc-js - Viz Handson Grid
Author: Gordon Smith
Latest version: 2.0.0

Deprecated as of [0.2.19](https://github.com/hpcc-systems/Visualization/compare/@hpcc-js/handson@0.2.18...@hpcc-js/handson@0.2.19) (2018-08-14)

See @hpcc-js/charts for an alternative.
npm package: @hpcc-js/leaflet-shim
Description: hpcc-js - leaflet shim
Author: Gordon Smith
Latest version: 2.6.1

# @hpcc-js/leaflet-shim
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including quick start, demos and tutorials, please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Details
The **leaflet-shim** package "wraps" a subset of the [https://github.com/Leaflet/Leaflet](https://github.com/Leaflet/Leaflet) functionality in a WebPack bundle to simplify its inclusion in modern JavaScript libraries / Web Applications.

## Consuming with WebPack
Should "just work"

## Consuming with iife
Simply include the package in your html file as normal (it has a global ID of "@hpcc-js/deck-shim"):
```html
<head>
    ...
    <script src="node_modules/@hpcc-js/leaflet-shim/dist/index.min.js"></script>
    <script>
        var dgridShim = window["@hpcc-js/leaflet-shim"];
    </script>
</head>
<body>
    ...
    <script>
        ...
    </script>
    ...
</body>
```

## Consuming with Rollup.js
Should "just work"
npm package: @hpcc-js/markdown-it-plugins
Description: markdown-it plugins
Author: Gordon Smith
Latest version: 1.5.11

# @hpcc-js/markdown-it-plugins

_Collection of plugins and extensions for [markdown-it](https://github.com/markdown-it/markdown-it) and [VitePress](https://vitepress.dev)._

## Quick Start

_Simple example of using the `exec` directive to execute ObservableHQ style JavaScript code in markdown:_

1. Install with your package manager of choice:

```bash
npm install --save @hpcc-js/markdown-it-plugins
```

2. Initialise `markdown-it` as normal and `use` the `observable` plugin:

```js
import markdownit from "markdown-it";
import { observable } from "@hpcc-js/markdown-it-plugins";

const md = markdownit({
    html: true,
    linkify: true,
    typographer: true
});

const md = markdownit();
md.use(observable);

const html = md.render(`\
# Hello World - I am ${age} years old!

\`\`\`js exec
age = 20 + 1;
\`\`\`
`);
```

Which will produce: `Hello World - I am 21 years old!`

## Documentation

* ObservableHQ style notebook Integration:
    * [markdown-it](docs/observablehq-markdown-it.md)
    * [VitePress](docs/observablehq-vitepress.md)
* ECL Code Highlighting
    * [VitePress](docs/ecl-vitepress.md)
d
npm package: @hpcc-js/observable-md
Description: hpcc-js - Observable Markdown
Author: Gordon Smith
Latest version: 2.54.18
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# ---DEPRECATED---DEPRECATED---DEPRECATED---

This package has been deprecated in favour of [@hpcc-js/observablehq-compiler](../observablehq-compiler/README.md), the following is for historical purposes only.

# @hpcc-js/observable-md

_An interpreted version of the [Observable HQ](https://observablehq.com) runtime._

* [Installing](#installing)
* [Observable](src/observable)

## Installing

For use with Webpack, Rollup, or other Node-based bundlers, @hpcc-js/observable-md is typically installed via a package manager such as Yarn or npm. (@hpcc-js/observable-md is distributed primarily as an ES module.)

```bash
npm install --save @hpcc-js/observable-md
```

@hpcc-js/observable-md can then be imported as a namespace:

```js
import { Observable } from "@hpcc-js/observable-md";
```

In vanilla HTML, @hpcc-js/observable-md can be imported as an ES module, say from Skypack:

```html
<script type="module">

import { Observable } from "https://cdn.skypack.dev/@hpcc-js/observable-md";

```

@hpcc-js/observable-md is also available as a UMD bundle for legacy browsers.

```html
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>@hpcc-js/observable-md</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hpcc-js/common/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./index.css">
    <script src="https://cdn.jsdelivr.net/npm/@hpcc-js/observable-md/dist/index.full.js" type="text/javascript" charset="utf-8"></script>
    <script>
        var omdMod = window["@hpcc-js/observable-md"]
    </script>
</head>

<body onresize="doResize()">
    <div id="placeholder">
    </div>
    <script>
        var app = new omdMod.Observable()
            .target("placeholder")
            .showValues(true)
            .mode("omd")
            .text("" +
"# ${hw} ${tick}                    \n" +
"                                   \n" +
"```                                \n" +
"hw = 'Hello' + 'World';            \n" +
"tick = {                           \n" +
"  let i = 0;                       \n" +
"  while (true) {                   \n" +
"    yield ++i;                     \n" +
"  }                                \n" +
"}                                  \n" +
"```                                \n")
            ;

        doResize();

        function doResize() {
            if (app) {
                app
                    .resize()
                    .lazyRender()
                    ;
            }
        }
    </script>
</body>

</html>
```
npm package: @hpcc-js/observablehq-compiler
Description: hpcc-js - ObservableHQ Compiler (unoffical)
Author: Gordon Smith
Latest version: 3.7.9

# @hpcc-js/observablehq-compiler

An unofficial compiler, interpreter and download tool for [Observable HQ](https://observablehq.com/) notebooks.

* [Quick Start](#quick-start)
* [Compiler](./src/compiler)
* [Utilities](./src/util)

## Quick Start

This library contains a command line tool (`ojscc`) for downloading and compiling notebooks and an interpreter for rendering notebooks in the browser:
* [Command line interface](#command-line-interface)
* [JS Interpreter](#js-interpreter)

## Command line interface

To call `ojscc` without installing:

```sh
npx -p @hpcc-js/observablehq-compiler ojscc [download | compile] ...
```

To install `ojscc` as a global command:
```sh
npm install --global @hpcc-js/observablehq-compiler
```

Then it can be called by:
```sh
ojscc [download | compile] ...
```

### Usage:

General:
```sh
ojscc [command]

Commands:
  ojscc download  Download ObservableHQ Notebook
  ojscc compile   Compile ObservableHQ Notebook

Options:
      --version  Show version number                                             [boolean]
  -h, --help     Show help                                                       [boolean]
```

Download:
```sh
ojscc download [-o myfile.ojsnb] https://observablehq.com/@user/notebook

Options:
      --version  Show version number                                             [boolean]
  -h, --help     Show help                                                       [boolean]
  -o, --output   Optional output file path
```

Compile:
```sh
ojscc compile [-o myfile.js] myfile.ojsnb

Options:
      --version  Show version number                                             [boolean]
  -h, --help     Show help                                                       [boolean]
  -o, --output   Optional output file path
```

## JS Interpreter

To install with npm :
```
npm install --save @hpcc-js/observablehq-compiler
```

The interpreter is 100% compatible with:
* [ObservableHQ Runtime](https://github.com/observablehq/runtime)
* [ObservableHQ Inspector](https://github.com/observablehq/inspector)
* [ObservableHQ Library](https://github.com/observablehq/library)

It also supports fetching notebooks directly from the ObservableHQ repository.

```js
import { Library, Runtime, Inspector } from "@observablehq/runtime";
import { download, compile } from "@hpcc-js/observablehq-compiler";

const placeholder = document.getElementById("placeholder");

const ohqnb = await download("https://observablehq.com/@observablehq/summary-table");
const compiledNB = await compile(ohqnb);

const library = new Library();
const runtime = new Runtime(library);
compiledNB(runtime, name => {
    const div = document.createElement("div");
    placeholder.appendChild(div);
    return new Inspector(div);
});
```

Which produces (screenshot):

---

![Sumary Table](./resources/summary-table.png)

---
npm package: @hpcc-js/other
Description: hpcc-js - Viz Other
Author: Gordon Smith
Latest version: 2.17.7

# @hpcc-js/other
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including [Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start), [Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html) and [Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials), please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Exported Widgets
* [CalendarHeatMap](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/time/Calendar.js)
* [IconList](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/misc/IconList.js)
* [Html](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/other/Html.js)
* [MorphText](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/other/MorphText.js)
* [HeatMap](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/other/HeatMap.js)

## Stand-alone HTML Example
```html
<html>
    <head>
        <title>Simple CalendarHeatMap</title>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
        <script src="https://unpkg.com/@hpcc-js/other"></script>
    </head>
    <body>
        <div id="placeholder" style="width:400px;height:400px;"></div>
        <script>
            var columns = ["Date", "Value"];
            var data = [
                ["2019-08-30", "8835.96"],
                ["2019-08-29", "9857.98"],
                ["2019-08-28", "10809.85"],
                ["2019-08-27", "11860.03"],
                ["2019-08-24", "12664.39"]
            ];
            new window["@hpcc-js/other"].CalendarHeatMap()
                .columns(columns)
                .data(data)
                .dateColumn("Date")
                .aggrColumn("Value")
                .aggrType("mean")
                .target("placeholder")
                .render()
                ;
        </script>
    </body>
</html>
```
npm package: @hpcc-js/phosphor
Description: hpcc-js - Viz Phosphor
Author: Gordon Smith
Latest version: 2.20.8

# @hpcc-js/phosphor
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including [Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start), [Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html) and [Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials), please visit the main page on GitHub:  [hpcc-systems/Visualization](https://github.com/hpcc-systems/Visualization).

## Exported Widgets
* [DockPanel](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/layout/Dock%20Panel.js)
* [TabPanel](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/layout/TabPanel.js)
* [SplitPanel](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/playground.html?./samples/layout/SplitPanel.js)

## Stand-alone HTML Example
```html
<html>
    <head>
        <title>Simple DockPanel</title>
        <script src="https://unpkg.com/@hpcc-js/util"></script>
        <script src="https://unpkg.com/@hpcc-js/common"></script>
        <script src="https://unpkg.com/@hpcc-js/api"></script>
        <script src="https://unpkg.com/@hpcc-js/chart"></script>
        <script src="https://unpkg.com/@hpcc-js/phosphor"></script>
    </head>
    <body>
        <div id="placeholder" style="width:800px;height:600px;"></div>
        <script>
            const columns = ["Subject", "Result"];
            const data = [
                ["English", 45],
                ["Irish", 28],
                ["Math", 98],
                ["Geography", 48],
                ["Science", 82]
            ];
            const area = new window["@hpcc-js/chart"].Area()
                .columns(columns)
                .data(data);
            const line = new window["@hpcc-js/chart"].Line()
                .columns(columns)
                .data(data);
            const bubble = new window["@hpcc-js/chart"].Bubble()
                .columns(columns)
                .data(data);
            new window["@hpcc-js/phosphor"].DockPanel()
                .addWidget(area, "<drag me>")
                .addWidget(bubble, "<drag me>", "split-right", area)
                .addWidget(line, "<drag me>", "split-bottom", area)
                .target("placeholder")
                .render();
        </script>
    </body>
</html>
```

## Getting Started with @hpccjs
* _[Quick Start](https://github.com/hpcc-systems/Visualization/wiki/Quick-Start)_
* _[Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials)_
* _[Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html)_ ([alt](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html))
* _[Wiki](https://github.com/hpcc-systems/Visualization/wiki)_
npm package: @hpcc-js/wasm
Description: hpcc-js - WASM Libraries
Author: hpcc-systems
Latest version: 2.33.2

# @hpcc-js/wasm

_This folder contains a rebundling the following WebAssembly libraries for backward compatability with v2.x.x:_

* [@hpcc-js/wasm-base91](../base91/README.md)
* [@hpcc-js/wasm-duckdb](../duckdb/README.md)
* [@hpcc-js/wasm-expat](../expat/README.md)
* [@hpcc-js/wasm-graphviz](../graphviz/README.md)
* [@hpcc-js/wasm-graphviz-cli](../graphviz-cli/README.md)
* [@hpcc-js/wasm-zstd](../zstd/README.md)
npm package: @hpcc-js/wasm-base91
Description: hpcc-js - WASM Base91
Author: hpcc-systems
Latest version: 1.13.2

---
title: Base91
description: WebAssembly wrapper for the Base91 encoding library
outline: deep
---

# @hpcc-js/wasm-base91

This package provides a WebAssembly wrapper around the [Base91](https://base91.sourceforge.net/) library.  This allows for the encoding and decoding of binary data to a more compact form than Base64.

## Installation

::: code-group
```sh [npm]
npm install @hpcc-js/wasm-base91
```

```sh [yarn]
yarn add @hpcc-js/wasm-base91
```

```sh [pnpm]
pnpm add @hpcc-js/wasm-base91
```
:::

## Quick Start

```typescript
import { Base91 } from "@hpcc-js/wasm-base91";

const base91 = await Base91.load();

const encoded_data = await base91.encode(data);
const decoded_data = await base91.decode(encoded_data);
```

<!--@include: ../../docs/base91/src/base91/README.md-->

## Reference

* [API Documentation](https://hpcc-systems.github.io/hpcc-js-wasm/base91/src/base91/classes/Base91.html)
npm package: @hpcc-js/wasm-expat
Description: hpcc-js - WASM expat
Author: hpcc-systems
Latest version: 1.13.2

---
title: Expat
description: WebAssembly wrapper for the libexpat XML parser
outline: deep
---

# @hpcc-js/wasm-expat

This package provides a WebAssembly wrapper around the [libexpat](https://libexpat.github.io/) library.  This provides efficent SAX XML parsing.

## Installation

::: code-group
```sh [npm]
npm install @hpcc-js/wasm-expat
```

```sh [yarn]
yarn add @hpcc-js/wasm-expat
```

```sh [pnpm]
pnpm add @hpcc-js/wasm-expat
```
:::

## Usage

```typescript
import { Expat } from "@hpcc-js/wasm-expat";

const expat = await Expat.load();

const xml = ` \
    <root>
        <child xxx="yyy">content</child>
    </root>
`;

const callback = {
    startElement(tag, attrs) { console.log("start", tag, attrs); },
    endElement(tag) { console.log("end", tag); },
    characterData(content) { console.log("characterData", content); }
};

expat.parse(xml, callback);
```

<!--@include: ../../docs/expat/src/expat/README.md-->

## Reference

* [API Documentation](https://hpcc-systems.github.io/hpcc-js-wasm/expat/src/expat/classes/Expat.html)
npm package: @hpcc-js/wasm-graphviz
Description: hpcc-js - WASM Graphviz
Author: hpcc-systems
Latest version: 1.21.2

---
title: Graphviz
description: WebAssembly wrapper for the Graphviz graph visualization library
outline: deep
---

# @hpcc-js/wasm-graphviz

This package provides a WebAssembly wrapper around the [Graphviz](https://www.graphviz.org/) library.  This allows for the rendering of DOT language graphs directly within a browser or NodeJS type environment.

## Installation

::: code-group
```sh [npm]
npm install @hpcc-js/wasm-graphviz
```

```sh [yarn]
yarn add @hpcc-js/wasm-graphviz
```

```sh [pnpm]
pnpm add @hpcc-js/wasm-graphviz
```
:::

## Quick Start

```typescript
import { Graphviz } from "@hpcc-js/wasm-graphviz";

const graphviz = await Graphviz.load();
const svg = graphviz.dot(`digraph { a -> b; }`);
document.body.innerHTML = svg;
```

<!--@include: ../../docs/graphviz/src/graphviz/README.md-->

## Reference

* [API Documentation](https://hpcc-systems.github.io/hpcc-js-wasm/graphviz/src/graphviz/classes/Graphviz.html)
npm package: @hpcc-js/wasm-graphviz-cli
Description: hpcc-js - WASM Graphviz Cli
Author: hpcc-systems
Latest version: 1.8.8

# @hpcc-js/wasm-graphviz-cli

This package provides a command line interface for the `@hpcc-js/wasm-graphviz` package.

To call `@hpcc-js/wasm-graphviz-cli` without installing:

```sh
npx @hpcc-js/wasm-graphviz-cli [options] fileOrDot
```

To install as a global command via NPM:
```sh
npm install --global @hpcc-js/wasm-graphviz-cli
```

Usage:
```sh
Usage: npx @hpcc-js/wasm-graphviz-cli [options] fileOrDot

Options:
      --version      Show version number                               [boolean]
  -K, --layout       Set layout engine (circo | dot | fdp | sfdp | neato | osage
                     | patchwork | twopi | nop | nop2). By default, dot is used.
  -T, --format       Set output language to one of the supported formats (svg,
                     dot, json, dot_json, xdot_json, plain, plain-ext). By
                     default, svg is produced.
  -n, --neato-no-op  Sets no-op flag in neato.
                     "-n 1" assumes neato nodes have already been positioned and
                     all nodes have a pos attribute giving the positions. It
                     then performs an optional adjustment to remove node-node
                     overlap, depending on the value of the overlap attribute,
                     computes the edge layouts, depending on the value of the
                     splines attribute, and emits the graph in the appropriate
                     format.
                     "-n 2" Use node positions as specified, with no adjustment
                     to remove node-node overlaps, and use any edge layouts
                     already specified by the pos attribute. neato computes an
                     edge layout for any edge that does not have a pos
                     attribute. As usual, edge layout is guided by the splines
                     attribute.
  -y, --invert-y     By default, the coordinate system used in generic output
                     formats, such as attributed dot, extended dot, plain and
                     plain-ext, is the standard cartesian system with the origin
                     in the lower left corner, and with increasing y coordinates
                     as points move from bottom to top. If the -y flag is used,
                     the coordinate system is inverted, so that increasing
                     values of y correspond to movement from top to bottom.
  -v                 Echo GraphViz library version
  -h, --help         Show help                                         [boolean]

Examples:
  dot-wasm -K neato -T xdot ./input.dot   Execute NEATO layout and outputs XDOT
                                          format.
```
npm package: @hpcc-js/wasm-llama
Description: hpcc-js - WASM llama
Author: hpcc-systems
Latest version: 1.0.0

# @hpcc-js/wasm-llama

## Installation

```sh
npm install @hpcc-js/wasm-llama
```

## Quick Start

```typescript
import { Llama, WebBlob } from "@hpcc-js/wasm-llama";

let llama = await Llama.load();
const model = "https://huggingface.co/CompendiumLabs/bge-base-en-v1.5-gguf/resolve/main/bge-base-en-v1.5-q4_k_m.gguf";
const webBlob: Blob = await WebBlob.create(new URL(model));

const data: ArrayBuffer = await webBlob.arrayBuffer();

const embeddings = llama.embedding("Hello and Welcome!", new Uint8Array(data));
```

## Reference

* [API Documentation](https://hpcc-systems.github.io/hpcc-js-wasm/llama/src/llama/classes/llama.html)
npm package: @hpcc-js/wasm-zstd
Description: hpcc-js - WASM zstd
Author: hpcc-systems
Latest version: 1.12.2

---
title: Zstd
description: WebAssembly wrapper for the Zstandard compression library
outline: deep
---

# @hpcc-js/wasm-zstd

This package provides a WebAssembly wrapper around the [Zstandard](https://facebook.github.io/zstd/) library.  This provides efficient compression and decompression of data.

## Installation

::: code-group
```sh [npm]
npm install @hpcc-js/wasm-zstd
```

```sh [yarn]
yarn add @hpcc-js/wasm-zstd
```

```sh [pnpm]
pnpm add @hpcc-js/wasm-zstd
```
:::

## Usage

```typescript
import { Zstd } from "@hpcc-js/wasm-zstd";

const zstd = await Zstd.load();

//  Generate some "data"
const data = new Uint8Array(Array.from({ length: 100000 }, (_, i) => i % 256));

const compressed_data = zstd.compress(data);
const decompressed_data = zstd.decompress(compressed_data);
```

<!--@include: ../../docs/zstd/src/zstd/README.md-->

## Reference

* [API Documentation](https://hpcc-systems.github.io/hpcc-js-wasm/zstd/src/zstd/classes/Zstd.html)
npm package: @hpcc-js/wc-observable
Description: hpcc-systems web component ObservableHQ library
Author: hpcc-systems
Latest version: 0.2.1

# @hpcc-js/observable-md

_An interpreted version of the [Observable HQ](https://observablehq.com) runtime._

* [Installing](#installing)
* [Observable](src/observable)

## Installing

For use with Webpack, Rollup, or other Node-based bundlers, @hpcc-js/observable-md is typically installed via a package manager such as Yarn or npm. (@hpcc-js/observable-md is distributed primarily as an ES module.)

```bash
npm install --save @hpcc-js/observable-md
```

@hpcc-js/observable-md can then be imported as a namespace:

```js
import { Observable } from "@hpcc-js/observable-md";
```

In vanilla HTML, @hpcc-js/observable-md can be imported as an ES module, say from Skypack:

```html
<script type="module">

import { Observable } from "https://cdn.skypack.dev/@hpcc-js/observable-md";

```

@hpcc-js/observable-md is also available as a UMD bundle for legacy browsers.

```html
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>@hpcc-js/observable-md</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@hpcc-js/common/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./index.css">
    <script src="https://cdn.jsdelivr.net/npm/@hpcc-js/observable-md/dist/index.full.js" type="text/javascript" charset="utf-8"></script>
    <script>
        var omdMod = window["@hpcc-js/observable-md"]
    </script>
</head>

<body onresize="doResize()">
    <div id="placeholder">
    </div>
    <script>
        var app = new omdMod.Observable()
            .target("placeholder")
            .showValues(true)
            .mode("omd")
            .text("" +
"# ${hw} ${tick}                    \n" +
"                                   \n" +
"```                                \n" +
"hw = 'Hello' + 'World';            \n" +
"tick = {                           \n" +
"  let i = 0;                       \n" +
"  while (true) {                   \n" +
"    yield ++i;                     \n" +
"  }                                \n" +
"}                                  \n" +
"```                                \n")
            ;

        doResize();

        function doResize() {
            if (app) {
                app
                    .resize()
                    .lazyRender()
                    ;
            }
        }
    </script>
</body>

</html>
```