open-index/open-npm huggingface dataset:
npm package: @mrmarble/djangoql-completion
Description: DjangoQL completion widget
Author: Denis Stebunov
Latest version: 0.8.3

# DjangoQL completion widget

An autocompletion widget for [DjangoQL](https://github.com/ivelum/djangoql)
that you can embed inside your own custom JavaScript application.

## Installation

The DjangoQL completion widget is available at npm as
[djangoql-completion](https://www.npmjs.com/package/djangoql-completion). 
You can install it using npm or yarn.

Using npm:
```shell
$ npm i --save djangoql-completion
```

## Version compatibility

- For [DjangoQL](https://github.com/ivelum/djangoql) v0.16.0+ please use 
  ``djangoql-completion`` v0.5.0+;
- [DjangoQL](https://github.com/ivelum/djangoql) v0.15.4 and older: the latest
  version of ``djangoql-completion`` that supports these releases is v0.4.0.

## Usage

1. Somewhere on your page, create a `<textarea>` element that can receive user
input and provide DjangoQL syntax completions. You can optionally pre-populate
its contents with an existing query that users can edit:

```html
<textarea name="q">name ~ "war" and author.name = "Tolstoy"</textarea>
```

2. Load the completion widget styles. If you're using Webpack with
[css-loader](https://webpack.js.org/loaders/css-loader/), you can import the
styles right from your JavaScript code:

```javascript
import 'djangoql-completion/dist/completion.css';
```

Feel free to override the default styles to make the widget look right for your
project.

3. Finally, initialize the completion widget for the `<textarea>` that you created:

```javascript
import DjangoQL from 'djangoql-completion';

// Initialize completion widget
const djangoQL = new DjangoQL({
  // Enable completion features upon initialization (true by default)
  completionEnabled: true,
  
  // DjangoQL introspection schema, either as a JavaScript object,
  // or as an URL from which it can be fetched
  introspections: 'introspections/',
  
  // CSS selector for the <textarea> element that you created above
  selector: 'textarea[name=q]',
  
  // For long query inputs, automatically resize the <textarea> vertically
  autoResize: true,
  
  // URL for the syntax help page (optional)
  syntaxHelp: null,
  
  onSubmit: function(value) {
    // Callback for the submit event. Receives the textarea value as a parameter 
  },
});

// Once the completion widget is initialized, you can control it using the
// following methods:
//
// Popup the completions dialog (this might be useful to do immediately after
// initialization, to show users that completion is available):
//     djangoQL.popupCompletion();
//
// Disable completion widget:
//     djangoQL.disableCompletion();
//
// Enable completion widget:
//     djangoQL.enableCompletion();
```

That's it! You should be ready to go. If you need help with DjangoQL itself, 
please refer to its [docs](https://github.com/ivelum/djangoql/).


## License

MIT
npm package: @mrmarble/martian-robots-cli
Description: This package is a command line interface for [Core](packages/core).
Latest version: 1.0.1

# Martian Robots CLI

This package is a command line interface for [Core](packages/core).

## Installation

### Locally

```
yarn global add mrmarble/node-martian-robots
```

### Docker

```
TODO
```

## Usage

```bash
mars-robots -h
```

### Interactive mode

You can use the modifier `-i` to run a interactive session:
npm package: @mrmarble/martian-robots-core
Description: This package holds the logic of the coding challenge.
Latest version: 1.0.1

# Martian Robots Core

This package holds the logic of the coding challenge.

## Logic

The surface of Mars is for some reason a grid and to find out why, you have to send some robots to explore.

You have to specify the size of the sector to explore (size of the grid).

When sending a robot, you have to specify the initial position and orientation and then the route to follow.

If a robot leaves the sector, it will leave a beacon before losing the signal, thus preventing another robot from getting lost in the same place.

## Installation

You can install this package to use in your scripts with

```
yarn add mrmarble/node-martian-robots-core
```

## Usage

```javascript
import { Expedition } from "@mrmarble/martian-robots-core";

// Create new expedition with width and height
const exp = new Expedition(5, 3);

// Add a robot to the expedition
exp
  .addRobot(["F", "R", "L"], 1, 1, "E") // Chaining supported
  .addRobot("FFRLFLL", 1, 2, "S")
  .addRobot("FFRLFLL", new Robot(3, 2, "W"));

const result = exp.processMovements(); // Calculate all robot positions

console.log(result.join("\n")); // Print the output => 2 1 E ...
```

## Testing

I have chosen `uvu` for testing because it's fast and with a small footprint, giving the low complexity of the problem and size of code I think it makes more sense than a bigger one like `jest`. _494kb vs 24.9Mb_
npm package: @mrmeison/borschik
Description: Extendable builder for text-based file formats
Author: Sergey Berezhnoy
Latest version: 0.0.1

# borschik
[![Build Status](https://secure.travis-ci.org/borschik/borschik.svg?branch=master)](http://travis-ci.org/borschik/borschik)
[![NPM version](https://badge.fury.io/js/borschik.svg)](http://badge.fury.io/js/borschik)
[![Dependency Status](https://david-dm.org/borschik/borschik.svg)](https://david-dm.org/borschik/borschik)


# English
borschik is an extendable builder for text-based file formats.
It's main purpose is the assembly of static files for web projects (CSS, JS, etc.).

[Documentation](./docs/index/index.en.md)

[JS include notations](./docs/js-include/js-include.en.md)

[Freeze and resource inlining](./docs/freeze/freeze.en.md)

[How borschik resolves technologies](./docs/where-is-my-tech/where-is-my-tech.en.md) and
[How to extend borschik (write your own technology)](./docs/how-to-write-tech/how-to-write-tech.en.md)

[Article at bem.info](http://bit.ly/en-borschik)

# Русский
borschik — это расширяемый сборщик файлов текстовых форматов.
Его основной задачей является сборка статических файлов веб-проектов (CSS, JS
и т.д.).

[Документация](./docs/index/index.ru.md)

[Статья про borschik на bem.info](http://bit.ly/ru-borschik)

<!-- Yandex.Metrika counter -->
<img src="https://mc.yandex.ru/watch/12831025" style="position:absolute; left:-9999px;" alt="" />
<!-- /Yandex.Metrika counter -->
npm package: @mrmenezesdev/chatwoot-client
Description: Node.js bindings for Chatwoot APIs
Author: Mr Menezes
Latest version: 0.0.4

# @mrmenezesdev/chatwoot-client

A node.js client for Chatwoot APIs

Note: This is a work in progress. Interface can change before a stable release.

### How to use

1. Install the library

```
yarn add @mrmenezesdev/chatwoot-client
```

or

```
npm install --save @mrmenezesdev/chatwoot-client
```

2. Create a Chatwoot Client by providing the host URL and API Access Token

```ts
import { ChatwootClient } from '@mrmenezesdev/chatwoot-client';

const config = {
  host: 'https://app.chatwoot.com',
  apiAccessToken: 'your-access-token',
};
const Chatwoot = new ChatwootClient({ config });
```

Supported config params are shown below.

| Key            | Default Value            | Required | Description                                                                                      |
| -------------- | ------------------------ | -------- | ------------------------------------------------------------------------------------------------ |
| host           | https://app.chatwoot.com | False    | The API Host URL, if you are using self-hosted Chatwoot, please change this value.               |
| apiVersion     | api/v1                   | False    | The version of the API, at the moment v1 is only available                                       |
| apiAccessToken |                          | True     | API access token to authenticate with the APIs. You can get the token from your Profile Settings |

3. Fire an API request

```ts
// ...

const getContacts = async (accountId) => {
  try {
    const { data } = await Chatwoot.contacts(accountId).get();
    console.log(data);
  } catch (error) {
    console.log(error);
  }
};

getContacts(1);
```
npm package: @mrmikkou/custom-select
Description: Custom select for tailwindcss (study)
Latest version: 0.0.5

# custom-select
study nuxt module

## Quick start

```npm i @mrmikkou/custom-select```

### nuxt.config.js

```
modules: [
    '@mrmikkou/custom-select'
]
```

vue component example (with TailwindCSS):
```
<template>
  <div>
    <span>{{ selected }}</span>
    <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
      <custom-select
        :items="items"
        v-model="selected"/>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      selected: {},
      text: {},
      items: [
        { text: 'test1', value: 'val1' },
        { text: 'test2', value: 'val2' },
        { text: 'test3', value: 'val3' },
        { text: 'test4', value: 'val4' },
        { text: 'test5', value: 'val5' },
        { text: 'test6', value: 'val6' },
        { text: 'test7', value: 'val7' },
        { text: 'test8', value: 'val8' },
        { text: 'test9', value: 'val9' }
      ]
    }
  }
}
</script>
```
npm package: @mrmld/create-react-native-library
Description: CLI to scaffold React Native libraries
Latest version: 0.28.0

# create-react-native-library

CLI to scaffold React Native libraries.

Usage:

```sh
npx create-react-native-library@latest react-native-awesome-library
```

See more details on the [GitHub repository](https://github.com/callstack/react-native-builder-bob).