open-index/open-npm huggingface dataset:
npm package: @supersetcharts/plugin-chart-my-viz
Description: Superset Chart - My Viz
Author: Superset
Latest version: 0.0.1

## @superset-ui/plugin-chart-my-viz

[![Version](https://img.shields.io/npm/v/@superset-ui/plugin-chart-my-viz.svg?style=flat-square)](https://www.npmjs.com/package/@superset-ui/plugin-chart-my-viz)

This plugin provides My Viz for Superset.

### Usage

Configure `key`, which can be any `string`, and register the plugin. This `key` will be used to lookup this chart throughout the app.

```js
import MyVizChartPlugin from '@superset-ui/plugin-chart-my-viz';

new MyVizChartPlugin()
  .configure({ key: 'my-viz' })
  .register();
```

Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/superset-ui/?selectedKind=plugin-chart-my-viz) for more details.

```js
<SuperChart
  chartType="my-viz"
  width={600}
  height={600}
  formData={...}
  queriesData={[{
    data: {...},
  }]}
/>
```

### File structure generated

```
├── package.json
├── README.md
├── tsconfig.json
├── src
│   ├── MyViz.tsx
│   ├── images
│   │   └── thumbnail.png
│   ├── index.ts
│   ├── plugin
│   │   ├── buildQuery.ts
│   │   ├── controlPanel.ts
│   │   ├── index.ts
│   │   └── transformProps.ts
│   └── types.ts
├── test
│   └── index.test.ts
└── types
    └── external.d.ts
```
npm package: @supershift/mediakiwi-azure-function
Description: Azure Function extension for hosting the MediaKiwi Portal Builder
Author: Supershift
Latest version: 0.3.0-rc.6

# Sushi.MediaKiwi.AzureFunction

### Introduction

This package will help getter configuration running through an Azure Function HttpTrigger for your Static Web App

## Setup

### Install the package:

```shell
npm i @supershift/mediakiwi-azure-function
```

### Usage

Create an Node Azure Function of your own liking and import the ConfigurationHttpTrigger from the package

```typescript
import { ConfigurationHttpTrigger } from "@supershift/mediakiwi-azure-function";

const httpTrigger: AzureFunction = async function (context: Context, req: HttpRequest): Promise<void> {
  ConfigurationHttpTrigger(context, req);
};

export default httpTrigger;
```

### [Optional]

Add additional section by providing them as a third parameter

```typescript
const httpTrigger: AzureFunction = async function (context: Context, req: HttpRequest): Promise<void> {
  ConfigurationHttpTrigger(context, req, ["SampleApi"]);
};
```
npm package: @supershift/mediakiwi-vue
Description: Vue 3 Library for the MediaKiwi Portal Builder
Author: Supershift
Latest version: 0.3.4-beta.4

# Front-End Development Setup

### Introduction

There are two front-end projects that you'll need to get up and running.

- Sushi.MediaKiwi.Vue
- Sushi.MediaKiwi.SampleWeb

#### Stack & Tools

- [Node v18.13.0](https://nodejs.org/en)
- [Npm v8.19.3](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
- [Azure Core Functions Tools](https://learn.microsoft.com/en-us/azure/azure-functions/functions-run-local?tabs=v4%2Cwindows%2Ccsharp%2Cportal%2Cbash)
- [VS Code](https://code.visualstudio.com/)
- [Volar (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
- [TypeScript Vue Plugin (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)
- [Prettier (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [ESList (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

##### Useful tools

- [Npm Intellisense (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
- [Document This (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=oouo-diogo-perdigao.docthis)

## Setup the Sushi.Mediakiwi.Vue library

### Install the dependencies:

Install the dependencies for all projects by running the install command from the root of the repository. The postinstall script will install the node_modules on the sub projects.

```shell
npm install
```

### Build the library

Build the Sushi.MediaKiwi.Vue library once or keep a watch going. This will create the `/dist` folder.

```shell
# Sushi.MediaKiwi.Vue
npm run build

# or

# Sushi.MediaKiwi.Vue
npm run build:watch
```

### Link your local build

Use the npm link command in the `Sushi.MediaKiwi.Vue` folder to use your local codebase of Sushi.MediaKiwi.

```shell
# Sushi.MediaKiwi.Vue
npm link @supershift/mediakiwi-vue
```

Check if the link was made successful by running the following command.

```shell
# Sushi.MediaKiwi.Vue
npm ls -g --link=true

# Output: @supershift/mediakiwi-vue@0.0.x -> [local_path]\Sushi.MediaKiwi2\src\Sushi.MediaKiwi.Vue
```
npm package: @supershyprodancer/supershy
Description: ## Getting Started
Author: supershyprodancer
Latest version: 0.0.5

# bun starter

## Getting Started

Click the [Use this template](https://github.com/wobsoriano/bun-lib-starter/generate) button to create a new repository with the contents starter.

OR

Run `bun create wobsoriano/bun-lib-starter ./my-lib`.

## Setup

```bash
# install dependencies
bun install

# test the app
bun test

# build the app, available under dist
bun run build
```

## License

MIT
npm package: @superside-oss/sanity-plugin-copy-paste
Description: > This is a **Sanity Studio v3** plugin.
Author: Daniel Zagidullin
Latest version: 1.0.3

# @superside-oss/sanity-plugin-copy-paste

> This is a **Sanity Studio v3** plugin.

With this plugin, you can finally copy/paste referenced blocks in `array` type of fields in Sanity Studio.

![](https://github.com/superside-oss/sanity-copy-paste/raw/main/preview.gif)

## Installation

```sh
npm i @superside-oss/sanity-plugin-copy-paste
```

or

```sh
yarn add @superside-oss/sanity-plugin-copy-paste
```

## Usage

Add it as a plugin in `sanity.config.ts` (or .js):

```ts
import {defineConfig} from 'sanity'
import {copyPastePlugin} from '@superside-oss/sanity-plugin-copy-paste'

export default defineConfig({
  //...
  plugins: [copyPastePlugin()],
})
```

And then insert in any object you want as a field:

```ts
import {copyPaste} from '@superside-oss/sanity-plugin-copy-paste'

export default defineType({
  // ...
  fields: [
    defineField(copyPaste),
    // ...
  ],
})
```

## License

[MIT](LICENSE) © Superside

## Develop & test

This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit) with default configuration for build & watch scripts.

See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio) on how to run this plugin with hot-reload in the studio.
npm package: @supersimplethings/fetcher
Description: Polite fetch library
Author: Boris Veligorya
Latest version: 0.11.4

# @supersimplethings/fetcher
![npm (scoped)](https://img.shields.io/npm/v/@supersimplethings/fetcher)
![npm](https://img.shields.io/npm/dw/@supersimplethings/fetcher)

> Things should be simple to use

Heavily rtped polite fetch library based on modular middleware system.

## Usage

```javascript
async function getResponse(someArgs) {
  const body = {
    some: someArgs.some,
    args: someArgs.args
  }
  const response = await fetcher().post(body).to('https://some.site/endpoint').plz()
}
```

## Installation

With [npm](https://npmjs.org/):

```shell
npm install @supersimplethings/fetcher
```

With [yarn](https://yarnpkg.com/en/):

```shell
yarn add @supersimplethings/fetcher
```

## Advanced usage

```javascript
import { Fetcher, MiddlewareTarget } from '@supersimplethings/fetcher'

const ourApi = {
  name: 'ourApi',
  domain: 'https://some.domain',
  endpoints: {
    user:{
      byId: userId => `/users/${userId}`
    }
  }
}

const token = 'some_token'

const fetcher = new Fetcher(ourApi)
  .useApi('ourApi')
  .setOptions({ headers: { Authorization: `Bearer: ${token}` }})
  .useMiddleware(MiddlewareTarget.body, someBodyParser)

async function updateUser(someArgs, userId) {
  const body = {
    some: someArgs.some,
    args: someArgs.args
  }
  const user = await fetcher.put(body).to().user.byId.with(userId).plz()
}

```

## Default middleware
You can override default behaviour with `useMiddleware` method:

```typescript
useMiddleware(on: MiddlewareTarget, middleware: Middleware[]): Fetcher {
  this.middleware[on] = middleware
  return this
}

enum MiddlewareTarget {
  response = 'response',
  body = 'body',
  resolve = 'resolve',
  reject = 'reject'
}
```

Defaults are:
```typescript
import { error, success } from './utils'
import { statusNotOk, stringify, takeJson } from './middleware'

middleware: Middleware = {
  body: [stringify],
  response: [statusNotOk, takeJson],
  resolve: [success],
  reject: [error],
}
```

## Server usage
Fetcher supports server usage through `node-fetch`:

```typescript
constructor(apis?: Api | Dictionary<Api>) {
  if (!fetch) this.provider = require('node-fetch').default
}
```

## License

MIT
npm package: @supersimplethings/fetchme
Description: Polite fetch library
Author: Boris Veligorya
Latest version: 0.10.2

# @supersimplethings/fetchme
![npm (scoped)](https://img.shields.io/npm/v/@supersimplethings/fetchme)

> Things should be simple to use

Polite fetch library.

## Usage

```javascript
async function getResponse(someArgs) {
  const body = {
    some: someArgs.some,
    args: someArgs.args
  }
  const response = await fetchme().post(body).to('https://some.site/endpoint').plz()
}
```

## Installation

With [npm](https://npmjs.org/):

```shell
npm install @supersimplethings/fetchme
```

With [yarn](https://yarnpkg.com/en/):

```shell
yarn add @supersimplethings/fetchme
```

## Advanced usage

```javascript
const ourApi = {
  name: 'ourApi',
  domain: 'https://some.domain',
  endpoints: {
    userById: userId => `/users/${userId}`
  }
}

const token = 'some_token'

const fetchme = new Fetchme(ourApi)
  .setOptions({ headers: { Authorization: `Bearer: ${token}` }})
  .addMiddleware('body', someBodyParser)

async function updateUser(someArgs, userId) {
  const body = {
    some: someArgs.some,
    args: someArgs.args
  }
  const user = await fetchme.put(body).to('ourApi').userById.with(userId).plz()
}

```

## Repository pattern
```javascript
import { Fetchme, Repository } from '@supersimplethings/fetchme'

class UsersRepository extends Repository {
  constructor(apis, Fetcher) {
    super(apis, Fetcher)

    this.apis = apis
    this.fetcher = new Fetcher(apis)
      .setOptions({ headers: { Authorization: `Bearer: ${token}` }})
      .addMiddleware('body', someBodyParser)
  }

  async createUser(someArgs) {
    const body = {
      some: someArgs.some,
      args: someArgs.args
    }
    const response = await this.fetcher.post(body).to().user.create.plz()

    if (!response.success) return []
    const newUser = someParse(response.data)
    return newUser
  }
}

const ourApi = {
  name: 'ourApi',
  domain: 'https://some.domain',
  endpoints: {
    user: {
      create: () => '/users'
    }
  }
}

const usersRepository = new UsersRepository(ourApi, Fetchme)

```

## License

MIT
npm package: @supersimplethings/resize-image-in-browser
Description: SuperSimple image resize in browser!
Author: boris veligorya
Latest version: 1.0.6

# @supersimplethings/resize-image-in-browser
![npm (scoped)](https://img.shields.io/npm/v/@supersimplethings/resize-image-in-browser)

> Things should be simple to use

Just put in resizer image before uploading it to server.

## Usage

```javascript
const veryBigImage = document.getElementById('input').files[0];
const resizedImage = await resize(veryBigImage, someOptionsObject)
```

## Installation

With [npm](https://npmjs.org/):

```shell
npm install @supersimplethings/resize-image-in-browser
```

With [yarn](https://yarnpkg.com/en/):

```shell
yarn add @supersimplethings/resize-image-in-browser
```

## API

```typescript
type Resize = (file: File, options?: Options) => Promise<dataURL|Blob|File>

interface Options {
  maxWidth?: number   (1024) // in pixels // Aspect ratio will be saved
  maxHeight?: number  (768) // in pixels  // Smaller one dimension would be applied
  output?: Output     (jpeg)
  format?: Format     (dataURL)
  quality?: number    (1.0) // from 0.1 to 1.0 (only 'jpeg')
}

enum Format {
  png = 'png',
  jpeg = 'jpeg',
  webp = 'webp',
  bmp = 'bmp'
}

enum Output {
  dataURL = 'dataURL',
  File = 'File',
  Blob = 'Blob'
}
```

## License

MIT