open-index/open-npm huggingface dataset:
npm package: @onicart-ag/meteor-prettier-config
Description: Prettier configuration for Shopware projects
Latest version: 1.0.0

# @shopware-ag/meteor-prettier-config

A shared prettier config for shopware projects.

## Installation

With npm:

```bash
npm i -D @shopware-ag/meteor-prettier-config
```

With pnpm:

```bash
pnpm i -D @shopware-ag/meteor-prettier-config
```

# Usage

There are two ways to use this new config:

1. By configuring prettier inside your `package.json` file:

```jsonc
{
  "name": "my-package",
  "devDependencies": {
    "prettier": "^3.0.0",
  },
  // ↓ This is the important part ↓
  "prettier": "@shopware-ag/meteor-prettier-config",
}
```

2. Or you can use a `.prettierrc.js` file:

```js
import meteorPrettierConfig from "@shopware-ag/meteor-prettier-config";

export default meteorPrettierConfig;
```

For a full guide you can read the [prettier configuration](https://prettier.io/docs/sharing-configurations#extending-a-sharable-config).

## Using single quotes

We strongly advise to keep the configuration as is. The pre-defined config, aswell as prettier exist to avoid unnecessary discussions about things that do not matter.

However, if you _really_ dislike using double quotes, you can override
that setting like so:

```js
// filename: .prettierrc.js
import meteorPrettierConfig from "@shopware-ag/meteor-prettier-config";

export default {
  ...meteorPrettierConfig,
  singleQuote: true,
};
```
npm package: @onicart-ag/meteor-tokens
Description: Design Tokens for the Meteor Design System used at OniCart
Author: shopware AG
Latest version: 1.0.0

This repository contains the Design Tokens for the Meteor Design System at shopware.

## Installation

```sh
npm install @onicart-ag/meteor-tokens
```

## Usage

This packages exposes a handful of files to consume:

- Primitive tokens
- Tokens for the Shopware 6 Administration (light & dark)

As an example we'll show you how to make use of the tokens
for the Shopware 6 Administration.

Import the CSS files that contain the corresponding tokens.

```js
import '@onicart-ag/meteor-tokens/administration/light.css';

// If you want to support dark mode
import '@onicart-ag/meteor-tokens/administration/dark.css';
```

Now, you're able to make use of the Design Tokens trough
CSS custom properties, like this:

```css
.sw-button {
  background-color: var(--color-interaction-primary-default);
}
```

To switch to the dark mode add the attribute `data-theme="dark"` to
a DOM element as far up in the DOM tree as possible.

```html
<body data-theme="dark">
  <!-- Your application -->
</body>
```

## License

Shopware 6 is completely free and released under the [MIT License](./LICENSE.md).
npm package: @onicart-ag/stylelint-plugin-meteor
Description: The stylelint plugin for the Meteor Design System
Latest version: 1.1.0

# stylelint-plugin-meteor

This stylelint plugin adds a handful of rules for the Meteor Design System.

## Installation

Add this package to your project:

```sh
npm i -D @onicart-ag/stylelint-plugin-meteor
```

Add this package to your stylelint config.

```json
{
  "plugins": ["@onicart-ag/stylelint-plugin-meteor"],
  "rules": {
    "meteor/prefer-sizing-token": [
      true,
      {
        "severity": "warning"
      }
    ]
  }
}
```

# Rules

- `meteor/no-primitive-token`
- `meteor/prefer-background-token`
- `meteor/prefer-border-token`
- `meteor/prefer-color-token`
- `meteor/prefer-font-token`
- `meteor/prefer-sizing-token`
npm package: @onichandame/coc-proto3
Description: *forked from [this vscode extension][vscode]*
Author: onichandame
Latest version: 0.0.3

# coc-proto3

*forked from [this vscode extension][vscode]*

coc.nvim extension for protobuf. Features include:

- [x] go-to definition
- [x] compile proto
- [] syntax checking
- [] format
- [] symbole provider

## Install

`:CocInstall @onichandame/coc-proto3`

## Configurations

```json5
{
  "coc-proto3.compileOnSave": true, # compile proto file on save
  "coc-proto3.protoc": {
    "path": "/usr/bin/protoc", # default to "protoc" in PATH
    "options": [
      "--js_out=./out", # has to be set if compile commands are used
    ]
  }
}
```

## Commands

- `proto3.compile.one`: compile the current proto file
- `proto3.compile.all`: compile all the proto files at current workspace

## License

MIT

---

> This extension is built with [create-coc-extension](https://github.com/fannheyward/create-coc-extension)

[vscode]: https://github.com/zxh0/vscode-proto3/
npm package: @onichandame/mock-nats-client
Description: A mocked NATS client for unit test. All messaging actions are carried out in memory only.
Author: onichandame
Latest version: 0.0.2

# Mock NATS Client

A mocked NATS client for unit test. All messaging actions are carried out in memory only.

Has the same function signature and typing with the original ts-nats library.

# Author

[onichandame](https://onichandame.com)

# Usage

Installation

```bash
yarn add @onichandame/mock-nats-client
```

Connection

```typescript
import { connect } from '@onichandame/mock-nats-client'

const nc = await connect()
```

Subscribe:

```typescript
nc.subscribe('subject', (e, msg) => console.log(msg.data))
```

Publish:

```typescript
nc.publish('subscribe', {})
```

Any feature request or bug report is welcome.
npm package: @onichandame/mongoose-adapter
Description: This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).
Author: onichandame
Latest version: 0.0.0

# TSDX Bootstrap

This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).

## Local Development

Below is a list of commands you will probably find useful.

### `npm start` or `yarn start`

Runs the project in development/watch mode. Your project will be rebuilt upon changes. TSDX has a special logger for you convenience. Error messages are pretty printed and formatted for compatibility VS Code's Problems tab.

<img src="https://user-images.githubusercontent.com/4060187/52168303-574d3a00-26f6-11e9-9f3b-71dbec9ebfcb.gif" width="600" />

Your library will be rebuilt if you make edits.

### `npm run build` or `yarn build`

Bundles the package to the `dist` folder.
The package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).

<img src="https://user-images.githubusercontent.com/4060187/52168322-a98e5b00-26f6-11e9-8cf6-222d716b75ef.gif" width="600" />

### `npm test` or `yarn test`

Runs the test watcher (Jest) in an interactive mode.
By default, runs tests related to files changed since the last commit.
npm package: @onichandame/type-graphql-tag
Description: typed gql tag
Author: onichandame
Latest version: 0.1.0

## Type Graphql Tag

## Example Usage

```typescript
import {Field,Type,createSchema} from '@onichandame/type-graphql-tag'

class User {
  @Field()
  name!:string
}

@Type(`PostComment`)
class Comment{
  @Field()
  text!:string
}

class Post {
@Field()
author!:User
  @Field({[Comment]})
  comments!:Comment[]
}

class PostAddCommentsInput{
  @Field({type:()=>[Comment]})
  comments: Comment[]
}

const schema=createSchema({operation:`mutation`,endpoint:`addComments`,output:Post,input:PostAddCommentsInput})
/* Same as below
const schema = gql`
  mutation ($comments: [PostCommentInput]){
    addComments (comments: $comments){
      author {
        name
        comments {
          text
        }
      }
    }
  }
`
*/
```
npm package: @onichandame/worker-fetch
Description: A fetch-like experience with inter-worker communication
Author: onichandame
Latest version: 0.1.0

# worker-fetch

The event-based worker communication is a pain to work with, especially in projects where a shared worker exposes many functionalities.

This is part of my experiment of using shared worker as "sort-of" backend. Now web standard has evolved to a point where you can run legitimate SQL database on top of OPFS, it will surely steal some use cases from former backend-frontend webapp.

see <https://worker-fetch.onichandame.com> as example

## Usage

```ts
// worker
const router = new WorkerRouter(self);
router.on(`add`, async (nums: number[]) => {
  return nums.reduce((a, b) => a + b);
});

// main thread
const worker = new SharedWorker()
const fetcher = new WorkerFetcher(sharedWorker.port);
const sum = await fetcher.fetch<number, number[]>(`add`, [2, 1]) // 3
```

## Discussion

<https://matrix.to/#/#Xiao-OSS:envs.net>
npm package: @onidex-libs/uikit
Description: Set of UI components for onidex project
Author: wws-dev
Latest version: 1.0.3

# Onidex UIkit

[![Version](https://img.shields.io/npm/v/@onidex-libs/uikit)](https://www.npmjs.com/package/@onidex-libs/uikit)

Onidex UIkit is a set of React components and hooks used to build pages on Onidex's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @onidex-libs/uikit`

## Setup

### Theme

Before using Onidex UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@onidex-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@onidex-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://github.com/OnidexFinance/oniDex-uikit)