open-index/open-npm huggingface dataset:
npm package: @ikona/cli
Description: Ikona CLI
Author: Ivica Batinić
Latest version: 0.2.1

# Ikona

An SVG sprite and illustration asset generator called /ikɔna/.

![GitHub package.json dynamic](https://img.shields.io/github/package-json/keywords/isBatak/ikona.svg?style=flat-square)

![GitHub](https://img.shields.io/github/license/isBatak/ikona.svg?style=flat-square)
![GitHub package.json version](https://img.shields.io/github/package-json/v/isBatak/ikona.svg?style=flat-square)
![GitHub top language](https://img.shields.io/github/languages/top/isBatak/ikona.svg?style=flat-square)

![GitHub last commit](https://img.shields.io/github/last-commit/isBatak/ikona.svg?style=flat-square)

## Motivation

Inlining SVGs in the DOM comes with a price of performance. This is why we use SVG sprites. But creating and maintaining SVG sprites is a pain. This is where Ikona comes in to help.
Ikona distinguishes two types of SVGs: icons and illustrations. Icons are small and simple SVGs that use only one color. Illustrations are SVGs that are more complex and use multiple colors.

> This project is inspired by this article [The "best" way to manage icons in React.js](https://benadam.me/thoughts/react-svg-sprites/).

## Installation

`npm i save-dev @ikona/cli`

## Usage

### Configuration

Create a file named `ikona.config.ts` in the root of your project. This file will contain the configuration for Ikona.

```js
import { defineConfig } from '@ikona/cli';

export default defineConfig({
  verbose: false,
  icons: {
    optimize: false,
    inputDir: 'src/assets/icons',
    spriteOutputDir: 'public/icons',
  },
  illustrations: {
    inputDir: 'public/illustrations',
  },
});
```

### Generating SVG sprites

To generate SVG sprites, run the following command:

`ikona`

### Using icons

To use icons, import the generated code to create a React component.

```tsx
import React from 'react';

import { IconName } from '.ikona/types/icon-name';
import { hash } from '.ikona/hash';

export const Icon = ({ name }: { name: IconName }) => {
  return (
    <svg>
      <use href={`/icons/sprite.${hash}.svg#${name}`} />
    </svg>
  );
};
```

### Preloading SVG sprites

To preload SVG sprites, include this snippet in your HTML `head`.

```jsx
import { hash } from '.ikona/hash';

<link
  rel="preload"
  as="image"
  type="image/svg+xml"
  href={`icons/sprite.${hash}.svg`}
/>;
```

### Using illustrations

To use illustrations, import the generated code to create a React component.

```tsx
import React from 'react';

import { IllustrationPath } from '.ikona/types/illustration-path';

export const Illustration = ({ path }: { path: IllustrationPath }) => {
  return <img src={path} />;
};
```

## CLI

todo
npm package: @ikonbai/kioku-sdk
Description: Official SDK for KIOKU™ Agent Memory & Deliberation API by IKONBAI™
Author: IKONBAI™
Latest version: 0.1.0

# @ikonbai/kioku-sdk

Official JavaScript/TypeScript SDK for [KIOKU™](https://usekioku.com) — the Agent Memory & Deliberation platform by [IKONBAI™](https://ikonbai.com).

## Install

```bash
npm install @ikonbai/kioku-sdk
```

## Quick Start

```ts
import { KiokuClient } from "@ikonbai/kioku-sdk";

const kioku = new KiokuClient({ apiKey: "your-api-key" });

// Store a memory
await kioku.memories.create({
  content: "User prefers concise responses and dark mode",
  agentName: "Aria",
  type: "semantic",
  importance: 0.8,
});

// Semantic search
const results = await kioku.memories.search({ query: "user preferences" });

// Create a deliberation room and add agents
const room = await kioku.rooms.create({
  name: "Product Strategy Q2",
  agentIds: [1, 2, 3],
});

// Post a message — online agents respond automatically via AI
await kioku.rooms.sendMessage(room.id, {
  agentName: "CEO",
  content: "Should we prioritize the enterprise tier for Q2?",
});
```

## API

### `kioku.agents`
| Method | Description |
|--------|-------------|
| `list()` | List all agents |
| `create(input)` | Create a new agent |
| `setStatus(id, status)` | Set agent status (`online`/`idle`/`offline`) |
| `delete(id)` | Delete an agent |

### `kioku.memories`
| Method | Description |
|--------|-------------|
| `list()` | List all memories |
| `search({ query })` | Semantic search (uses embeddings when available) |
| `create(input)` | Store a new memory |
| `delete(id)` | Delete a memory |

### `kioku.rooms`
| Method | Description |
|--------|-------------|
| `list()` | List all rooms |
| `create(input)` | Create a deliberation room |
| `messages(roomId)` | Get room messages |
| `sendMessage(roomId, input)` | Post a message (triggers AI agent responses) |
| `delete(id)` | Delete a room |

## License

MIT — © IKONBAI™ Inc.
npm package: @ikoncept/vue-zoomer
Description: Zoom the image or other thing with mouse or touch
Author: Daniel Källstrand Modig
Latest version: 0.3.14

# vue-zoomer

> Zoom the image or other thing with mouse or touch. Based on [https://github.com/jarvisniu/vue-zoomer/](https://github.com/jarvisniu/vue-zoomer/).


## Demo

- https://unpkg.com/@ikoncept/vue-zoomer@0.3.11/dist/demo/basic.html

## Usage

Install:

```bash
yarn add @ikoncept/vue-zoomer
```

Import:

```js
import Vue from 'vue'
import VueZoomer from '@ikoncept/vue-zoomer'

Vue.use(VueZoomer)
```

Usage:

```html
<VZoomer style="width: 500px; height: 500px; border: solid 1px silver;">
  <img
    src="./assets/landscape-1.jpg"
    style="object-fit: contain; width: 100%; height: 100%;"
  >
</VZoomer>
```

## API

### &lt;VZoomer&gt; Props

- `aspectRatio: number` - Calculated aspect ratio of image (always width / height). Without this limits won't work properly, default is 1 (square);
- `maxScale: number` - Maximum scale limit, default is 5;
- `minScale: number` - Minimum scale limit, default is 1;
- `zoomed: out boolean` - Whether zoomed in (scale equals to 1). `out` means the prop is a child to parent one-way binding. So there must have a `.sync` modifier.
- `pivot: 'cursor' | 'image-center'` - The pivot when zoom the content, default is `cursor`, can set to be `image-center`;
- `zoomingElastic: boolean` - Whether to use the elastic effect when reaching the max/min zooming bounds, default is `true`;
- `limitTranslation: boolean` - Whether to limit the content into the container, default is `true`;
- `singleClickToZoom: boolean` - Whether to zoom in/out the content by single click, default is `true`;
- `doubleClickToZoom: boolean` - Whether to zoom in/out the content by double click, default is `true`;
- `mouseWheelToZoom: boolean` - Whether to zoom in/out the content by mouse wheel, default is `true`;


### &lt;VZoomer&gt; Methods

- `reset()` - Reset the scale and translate to the initial state.
- `zoomIn(scale=2)` - Zoom in.
- `zoomOut(scale=0.5)` - Zoom out.

## License

MIT
npm package: @ikonintegration/esmify
Description: parse and handle import/export for browserify
Author: Matt DesLauriers
Latest version: 2.1.2

# esmify

A dead-simple tool to add `import` / `export` ES Module syntax to your [browserify](https://www.npmjs.com/package/browserify) builds.

The plugin makes the following changes to your bundler:

- Adds `.mjs` extension to module resolution (which take precedence over `.js` files)
- Resolves to `"module"` field in `package.json` when a `"browser"` field is not specified
- Transforms ES Module syntax (static `import` / `export` statements) into CommonJS

Use it with the `--plugin` or `-p` flags in browserify:

```js
browserify index.js -p esmify > bundle.js
```

Also works with [budo](https://www.npmjs.com/package/budo) and similar tools, for example:

```js
budo index.js --live -- -p esmify
```

Files that don't contain `import` / `export` syntax are ignored, as are dynamic import expressions. The plugin runs across your bundle (including `node_modules`) in order to support ESM-authored modules on npm.

## Install

Use [npm](https://npmjs.com/) to install.

```sh
npm install esmify --save-dev
```

Also can be used via API like so:

```js
browserify({
  plugin: [
    [ require('esmify'), { /* ... options ... */ } ]
  ]
});
```

## Usage

#### `plugin = esmify(bundler, opt = {})`

Returns a browswerify plugin function that operates on `bundler` with the given options:

- `mainFields` which describes the order of importance of fields in package.json resolution, defaults to `[ 'browser', 'module', 'main' ]`
- `nodeModules` (default `true`) to disable the transform on your `node_modules` tree, set this to `false`. This will speed up bundling but you may run into issues when trying to import ESM-published code from npm.
- `plainImports` (Experimental) this feature will map named imports *directly* to their CommonJS counterparts, without going through Babel's inter-op functions. This is generally needed for static analysis of `fs`, `path` and other tools like `glslify` in browserify. Defaults to `[ 'fs', 'path', 'glslify' ]`.

Under the hood, this uses Babel and `plugin-transform-modules-commonjs` to provide robust inter-op that handles a variety of use cases.

#### `require('esmify/resolve')(id, opts, cb)`

Resolve the given `id` using the module resolution algorithm from `esmify`, accepting `{ mainFields }` array to opts as well as other options passed to [resolve](https://www.npmjs.com/package/resolve) and [browser-resolve](https://www.npmjs.com/package/browser-resolve).

Works like so:

- If mainFields includes a `"browser"` field, use `browser-resolve`, otherwise use `resolve`
- Look for package.json fields in order of `mainFields`, the first field that exists will be used

## License

MIT, see [LICENSE.md](http://github.com/mattdesl/esmify/blob/master/LICENSE.md) for details.
npm package: @ikonintegration/ikapigateway
Description: HTTP Lambda Proxy Server - Simulates APIGateway
Author: Ikon Integration
Latest version: 0.6.3

# IKAPIGateway  ![Node.js Package](https://github.com/ikon-integration/IKAPIGateway/workflows/Node.js%20Package/badge.svg)
HTTP Lambda Proxy Server

### Overall

- ![npm](https://img.shields.io/npm/dy/@ikonintegration/ikapigateway) ![npm](https://img.shields.io/npm/v/@ikonintegration/ikapigateway) ![npm (tag)](https://img.shields.io/npm/v/@ikonintegration/ikapigateway/latest) ![Libraries.io dependency status for latest release, scoped npm package](https://img.shields.io/librariesio/release/npm/@ikonintegration/ikapigateway)
- ![GitHub commit activity](http://sprice.redirectme.net:8555/github/commit-activity/m/ikon-integration/ikapigateway)
- ![GitHub last commit](http://sprice.redirectme.net:8555/github/last-commit/ikon-integration/ikapigateway)