open-index/open-npm huggingface dataset:
npm package: @flowmagic/react-scripts
Description: Configuration and scripts for Create React App customized to solve breaking code in flowmagic. react-scripts upstream version used 3.0.1.
Latest version: 1.0.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @flowmetelev/wfkit
Description: A powerful CLI utility for securely publishing Webflow projects with live development support.
Author: Dmitry Metelev
Latest version: 1.7.0

# wfkit

`wfkit` is a CLI for building and publishing Webflow code projects.

The npm package installs the native Go binary for your platform during setup.

Supported npm targets:

- macOS `x64` and `arm64`
- Linux `x64` and `arm64`
- Windows `x64` and `arm64`

If your platform is outside that matrix, install from source instead of npm.

## Install

Run:

```bash
npm install -g @flowmetelev/wfkit
```

If your package manager blocks `postinstall` scripts, the `wfkit` launcher will download the native binary automatically on first run.

If you are developing `wfkit` itself and need a generated project to use your local unreleased binary instead of the latest published release, set `WFKIT_BINARY_PATH` before running package scripts:

```bash
WFKIT_BINARY_PATH=/absolute/path/to/bin/wfkit bun run dev
```

## Quick start

Create a project:

```bash
wfkit init --name my-site
```

Then:

```bash
cd my-site
bun install
bun run start
```

This starts a local proxy on `http://localhost:3000` and injects your Vite scripts into proxied HTML only. The published `.webflow.io` site stays unchanged for everyone else.

To expose the proxy on your local network, run:

```bash
wfkit proxy --host 192.168.1.25
```

When you're ready to ship:

```bash
wfkit publish --env prod
```

To preview the publish plan without changing GitHub or Webflow:

```bash
wfkit publish --env prod --dry-run
```

## Main commands

### `wfkit init`

Create a new project scaffold, including `wfkit.json`.

### `wfkit proxy`

Proxy your published `.webflow.io` site locally and inject local dev scripts.

### `wfkit publish`

Build and publish your code to Webflow.

### `wfkit doctor`

Check config, local tools, auth, and ports.

### `wfkit update`

Check for CLI updates.

## Configure the project

`wfkit.json` is the main project config file.

Example:

```json
{
  "appName": "my-site",
  "siteUrl": "https://my-site.webflow.io",
  "ghUserName": "your-username",
  "repositoryName": "your-repo",
  "packageManager": "bun",
  "branch": "main",
  "buildDir": "dist/assets",
  "devHost": "localhost",
  "devPort": 5173,
  "proxyHost": "localhost",
  "proxyPort": 3000,
  "openBrowser": true,
  "globalEntry": "src/global/index.ts"
}
```

Generated projects follow this structure:

```text
src/
  global/
  pages/
  utils/
build/
dist/assets/
```

`wfkit` builds a `wfkit-manifest.json` file in `dist/assets` so page and global publish flows can resolve the right scripts without guessing filenames.

## Legacy dev mode

`wfkit publish --env dev` still works, but `wfkit proxy` is the recommended development flow.
npm package: @flowmoco/capacitor-biometric-keychain
Description: Uses Keychain and Keystore on ios and android respectively to give a secure localStorage like API that uses a biometric lock for read and update operations
Author: Charlie Jacques
Latest version: 2.0.0

# capacitor-biometric-keychain

Uses Keychain and Keystore on ios and android respectively to give a secure localStorage like API that uses a biometric lock for read and update operations

Capacitor v5
Android minSdkVersion 23
iOS min version 13.0

## Install

```bash
npm install @flowmoco/capacitor-biometric-keychain
npx cap sync
```

## iOS
To enable FaceID, you must set the the NSFaceIDUsageDescription key.

```
<key>NSFaceIDUsageDescription</key>
<string>[Reason why your app needs FaceID]</string>
```

## Import
```typescript
import { BiometricNative } from "@flowmoco/capacitor-biometric-keychain";
```

## API

<docgen-index>

* [`getItem(...)`](#getitem)
* [`setItem(...)`](#setitem)
* [`removeItem(...)`](#removeitem)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### getItem(...)

```typescript
getItem(options: { key: string; }) => Promise<{ value: string; error?: any; }>
```

Async get an item from the secure storage. Will invoke device biometric authentication.

| Param         | Type                          |
| ------------- | ----------------------------- |
| **`options`** | <code>{ key: string; }</code> |

**Returns:** <code>Promise&lt;{ value: string; error?: any; }&gt;</code>

--------------------


### setItem(...)

```typescript
setItem(options: { key: string; value: string; }) => Promise<{ error?: any; }>
```

Async set an item in secure storage. Will invoke device biometric authentication on Android and only on iOS if overwriting an existing key.

| Param         | Type                                         |
| ------------- | -------------------------------------------- |
| **`options`** | <code>{ key: string; value: string; }</code> |

**Returns:** <code>Promise&lt;{ error?: any; }&gt;</code>

--------------------


### removeItem(...)

```typescript
removeItem(options: { key: string; }) => Promise<{ error?: any; }>
```

Async remove an item from the secure storage. Will not invoke device biometric authentication either platform.

| Param         | Type                          |
| ------------- | ----------------------------- |
| **`options`** | <code>{ key: string; }</code> |

**Returns:** <code>Promise&lt;{ error?: any; }&gt;</code>

--------------------

</docgen-api>
npm package: @flownet/blabla
Description: The project is build using **React**, one of the most popular JavaScript libraries for building user interfaces or UI components. It also uses **axios**, a promise-based HTTP client for the browser and node.js, commonly used to make asynchronous HTTP requ
Latest version: 0.1.1

# Play

The project is build using **React**, one of the most popular JavaScript libraries for building user interfaces or UI components. It also uses **axios**, a promise-based HTTP client for the browser and node.js, commonly used to make asynchronous HTTP requests.

## Main Purpose

The project sets up a fundamental playground for React, allowing beginners or developers to test and understand how React works. Its main purpose is to provide a playground platform for users to explore components and interactions in React. 

## Functionality

Upon execution, the function `styleInject` is invoked which dynamically applies a new CSS style to the entire HTML document. More specifically, it changes the background color to 'aqua'.

Next, the main component of this playground, `index`, is defined. **React hooks** are used after the component is rendered, in particular the `useEffect()` hook. 

The `useEffect()` hook is used to make an axios `get` request to 'https://google.com'. The HTTP response data or any error is then foreseen to be logged to the console. However, in practice, this request may get blocked due to the CORS policy. 

The `index` component itself returns a JSX structure with a header labeled as "Play" and a paragraph noting "Playground for React". This suggests that more features or functionalities are intended to be added or played with in this playground space.

In summary, the project serves as a **playground for exploring functionalities of React** along with other basic web technologies like HTTP GET request, dynamic CSS styling, and usage of hooks.