open-index/open-npm huggingface dataset:
npm package: @instana/react-native-agent
Description: Monitor React Native app end-user interactions with Instana
Author: Instana Inc
Latest version: 2.0.11

# Instana React Native Agent <a href="https://www.npmjs.com/package/@instana/react-native-agent"><img alt="npm (scoped)" src="https://img.shields.io/npm/v/@instana/react-native-agent?color=0db4b33"></a>

**[Changelog](CHANGELOG.md)** |
**[Contributing](CONTRIBUTING.md)**

---

## Installation

### Node.js Dependency

```plain
npm install --save @instana/react-native-agent 
```

### Android

Android will require you to take 2 extra steps in order to support automatic tracking of network requests.

#### Supported React Native versions

- Instana React Native 2.0.11
- Instana Android Plugin 6.2.5
- Android Gradle Plugin 7.2.2 or later
- Gradle 7.3.3 or later

For React Native 0.63.3 or earlier, please use:
- Instana React Native 1.7.0
- Instana Android Plugin 1.6.1
- Android Gradle Plugin 3.4.2
- Gradle 5.5


#### Steps

Add the Instana Android agent plugin to your dependencies via `android/build.gradle`:

```groovy
buildscript {
    dependencies {
        classpath "com.instana:android-agent-plugin:$INSTANA_ANDROID_PLUGIN_VERSION"
    }
}
```

Apply the Instana Android agent plugin via `android/app/build.gradle` file (at the top):

```groovy
apply plugin: 'com.android.application'
apply plugin: 'com.instana.android-agent-plugin'
```

### iOS

Your project needs to contain at least one Swift file (it can be empty). If you don't have any, please open your Xcode Project in `<YourReactNativeProject>/ios` and add an empty Swift file. Please also let Xcode create the Bridging Header for you.

## Usage

Please refer to our [React Native API documentation](https://www.ibm.com/docs/en/instana-observability/current?topic=applications-react-native-api).

## Recommendation

We recommend adding `http://localhost:8081` to the ignored URLs list to prevent the Agent from tracing communication with the Metro bundler:

```javascript
Instana.setIgnoreURLsByRegex(["http:\/\/localhost:8081.*"]);
```

## Known Issues

### Android: fetch(url)

If your app uses `fetch` to complete network requests, you might find your app crashing on runtime whenever `fetch` is used after linking Instana React Native Agent : `No virtual method toString(Z)Ljava/lang/String;`  

If you encounter this issue before [the upstream issue is solved](https://github.com/facebook/react-native/issues/28425), please apply the following [workaround](https://github.com/facebook/react-native/issues/27250#issuecomment-573111088). Add the following to your Android module-level gradle file (usually `app/gradle.build`):

```groovy
dependencies {
    implementation "com.squareup.okhttp3:okhttp:4.3.1"
    implementation "com.squareup.okhttp3:okhttp-urlconnection:4.3.1"
}
```
npm package: @instance-oom/i18n-locales
Description: ```sh npm i @instance-oom/i18n-locales ```
Latest version: 0.3.13

## 💿 Installation

```sh
npm i @instance-oom/i18n-locales
```

```ts
// vite.config.ts
import VueI18nLocalesPlugin from '@instance-oom/i18n-locales/vite';

export default defineConfig({
  plugins: [
    VueI18nLocalesPlugin({ dir: path.resolve(__dirname, './src/locales') }),
    vue()
  ],
})
```

```ts
// xxx.ts
import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
/*
 * All i18n resources specified in the plugin `include` option can be loaded
 * at once using the import syntax
 */
import messages from '@instance-oom/i18n-locales/messages';
import { createI18nLocales } from '@instance-oom/i18n-locales/locales';

const i18n = createI18n({
  locale: 'en',
  messages: messages
})

const app = createApp()
app
  .use(createI18nLocales())
  .use(i18n)
  .mount('#app');
```

```vue
<template>
  <div>
    {{ $t(LOCALES.xxx) }}
  </div>
</template>
```
npm package: @instance-oom/node-zookeeper-client-async
Description: ```bash npm i @instance-oom/node-zookeeper-client-async ```
Latest version: 0.0.2

```bash
npm i @instance-oom/node-zookeeper-client-async
```

```ts
const zookeeper = require('@instance-oom/node-zookeeper-client-async');

const main = async () => {
  const client = zookeeper.createClient('127.0.0.1:2181');
  await client.connectAsync();

  const exists = await client.existsAsync(nodePath);
  console.log('exists', exists?.ctime?.toString('hex'));

  const { data, stat } = await client.getDataAsync(nodePath);
  console.log('getDataAsync', data.toString(), stat);

  await client.setDataAsync(nodePath, Buffer.from('xxx'));
}
main();
```
npm package: @instant-api/recipe-book
Description: > A CLI to create a recipe book API
Author: Etienne Dldc
Latest version: 1.3.1

# Instant Recipes Book API

> A CLI to create a small Recipes Book API

This package let you quickly create a small JSON API to

- Add a recipe
- List all recipes
- Update a recipe
- Delete a recipe
- List all tags
- List all recipes for a tag

It uses a single JSON file to store data.

## Why ?

The aim of this package is to provide an API for front-end exercices, allowing student to use an API without having to set on up themself.

## Who made this ?

Hi ! I'm Etienne, you can [follow me on Twitter](https://twitter.com/Etienne_dot_js) 😉

## Usage

```bash
npx @instant-api/recipe-book
```

## Options

- `--port` or `-p`: The port to use
- `--file` or `-f`: The path to the json file used to store data.

**Note**: By default the `file` is set to `recipe-book-db.json`.

```bash
npx @instant-api/recipe-book --port 9000 --file recipes.json
```

If you provide an argument with no name is will be used as the `file argument`

```bash
npx @instant-api/recipe-book --file recipes.json
```
npm package: @instant-api/sport-session-tracker
Description: > A CLI to create a Sport session tracker API
Author: Etienne Dldc
Latest version: 1.1.0

# Instant Sport Session Tracker API

> A CLI to create a Sport session tracker API

## Why ?

The aim of this package is to provide an API for front-end exercices, allowing student to use an API without having to setup one themself.

## Who made this

Hi ! I'm Etienne, you can [follow me on Twitter](https://twitter.com/Etienne_dot_js) 😉

## Usage

```bash
npx @instant-api/sport-session-tracker
```

Once the server is up, open the url in the browser to get the list of routes !

## Options

- `--help` or `-h`: Show the content of the readme file
- `--port` or `-p`: The port to use
- `--folder` or `-f`: The path to the folder used to store data.
- `--slow` or `-s`: Add a random delay to every request to simulate a real network

**Note**: By default the `folder` is set to `sport-session-tracker`.

```bash
npx @instant-api/sport-session-tracker --port 9000 --folder sport-session-api
```

If you provide an argument with no name is will be used as the `folder` argument

```bash
npx @instant-api/sport-session-tracker sport-session-api
```
npm package: @instant-api/todo-list
Description: > A CLI to create a small Todo List API
Author: Etienne Dldc
Latest version: 1.14.0

# Instant Todo List API

> A CLI to create a small Todo List API

This package let you quickly create a small JSON API to list / add / update and delete Todos.
It uses a single JSON file to store data.

## Why ?

The aim of this package is to provide an API for front-end exercices, allowing student to use an API without having to setup one themself.

## Who made this ?

Hi ! I'm Etienne, you can [follow me on Twitter](https://twitter.com/Etienne_dot_js) 😉

## Usage

```bash
npx @instant-api/todo-list
```

## Options

- `--port` or `-p`: The port to use
- `--file` or `-f`: The path to the json file used to store data.
- `--help` or `-h`: The path to the json file used to store data.
- `--slow` or `-s`: Add a random delay to every request

**Note**: By default the `file` is set to `todo-list-db.json`.

```bash
npx @instant-api/todo-list --port 9000 --file todo.json
```

If you provide an argument with no name is will be used as the `file argument`

```bash
npx @instant-api/todo-list todo.json
```
npm package: @instant-api/todo-multi-user
Description: > A CLI to create a small Todo List API
Author: Etienne Dldc
Latest version: 1.3.1

# Instant Multi User Todo List

> A CLI to create a small Todo List API with multi users and authentication

## Why ?

The aim of this package is to provide an API for front-end exercices, allowing student to use an API without having to setup one themself.

## Who made this

Hi ! I'm Etienne, you can [follow me on Twitter](https://twitter.com/Etienne_dot_js) 😉

## Usage

```bash
npx @instant-api/todo-multi-user
```

Once the server is up, open the url in the browser to get the list of routes !

## Options

- `--help` or `-h`: Show the content of the readme file
- `--port` or `-p`: The port to use
- `--file` or `-f`: The path to the json file used to store data.
- `--slow` or `-s`: Add a random delay to every request to simulate a real network

**Note**: By default the `file` is set to `todo-multi-user-db.json`.

```bash
npx @instant-api/todo-multi-user --port 9000 --file todo.json
```

If you provide an argument with no name is will be used as the `file argument`

```bash
npx @instant-api/todo-multi-user todo.json
```