open-index/open-npm huggingface dataset:
npm package: @freckle/gen-flow
Description: Generate Flow interfaces from TypeScript
Author: Freckle
Latest version: 1.1.0

# @freckle/gen-flow

Generate Flow type interfaces from TypeScript interfaces.

## Install

```sh
yarn add -D @freckle/gen-flow
```

## Usage

Generate Flow interfaces given a path containing TypeScript interfaces (`.d.ts`
files). The Flow interfaces will be adjacent to the TypeScript interfaces.

```sh
> ls dist/
index.d.ts index.js

> yarn run gen-flow dist

> ls dist/
index.d.ts index.js index.js.flow
```

This can be used as part of a build process in a project:

```json
{
  "name": "my-package",
  "scripts": {
    "build": "yarn clean && tsc -d && yarn gen-flow",
    "gen-flow": "gen-flow dist",
    "clean": "rm -r -f dist/""
  }
}

```

## Versioning and release process##

See [RELEASE.md](./RELEASE.md)

---

[LICENSE](./LICENSE)
npm package: @freckle/i18n-scripts
Description: Scripts for i18n
Author: Freckle
Latest version: 1.0.0

# `@freckle/i18n-scripts`

Scripts for i18n validation.

## Install

```sh
yarn add @freckle/i18n-scripts
```

## Usage

TODO

## Versioning and release process

See [RELEASE.md](./RELEASE.md).

---

[LICENSE](./LICENSE)
npm package: @freckle/maybe
Description: Operations for maybe types
Author: Freckle
Latest version: 2.2.0

# @freckle/maybe

Provides a collection of helper functions for operations on maybe types.

## Motivation

This package seeks to recreate idioms common in strongly typed functional programming languages, with heavy influence from the [Data.Maybe Haskell package][Data.Maybe].

## Usage

Operations are used to refine an input from being possibly `null` or `undefined`:

```js
/* @flow */

import {fromJust, fromMaybe, maybe} from '@freckle/maybe'

// Return input from a user, if any:
declare function getUserInput(): ?string

const mUserInput = getUserInput()

// Go from ?string -> string:
const input = fromMaybe(() => 'No input', mUserInput)

// Run a function on ?string with a default:
const capitalized = maybe(() => 'No input to capitalize', capitalize, mUserInput)

// Or produce an error on null | undefined to make future execution more predictable:
const userInput = fromJust(mUserInput, 'No input was given!')
```

Other operations carry the possibly `null` value after applying a function:

```js
import {mmap, mthen} from '@freckle/maybe'

// Return input from a user, if any:
declare function getUserInput(): ?string

// Function that does not handle a null | undefined value:
declare function transform(input: string): string

const mUserInput = getUserInput()

const mTransformed = mmap(transform, mUserInput)
// => null | undefined | transform(mUserInput)

// Alternate form that is more helpful for control flow:
mthen(mTransformed, (transformedUserInput: string) => {
  // Process value
})
```

For dealing with Arrays that may contain `null` or `undefined` elements:

```js
import {catMaybes, mapMaybes} from '@freckle/maybe'

const arr = [
  null,
  'foo',
  undefined,
  'bar'
]

const out = catMaybes(arr)

console.log(out) // => ['foo', 'bar']

const padString = (input: string) => `  ${input}`

const mapped = mapMaybes(arr, padString)

console.log(mapped) // => ['  foo', '  bar']
```

Two operations are tailored to use with React:

```js
/* @flow */
import {mEffect, asHTMLAttributeValue} from '@freckle/maybe'

type Props = {
  myInput: ?string
}

const MyComponent = (props: Props): React.Node => {
  // This prop may be string | undefined | null
  const possibleInput = props.myInput

  React.useEffect(() => {
    mEffect(possibleInput, input =>
      // Call a side effect that does not handle a null value:
      sideEffect(input)
    )
  }, [possibleInput])

  // Rendering an element with an attribute from a maybe value:
  const attrObj = {'my-attribute': asHTMLAttributeValue(possibleInput)}

  // If input is not a string, <div> is rendered;
  // otherwise: <div my-attribute="..." />
  return <div {...attrObj} />
}
```


[Data.Maybe]: https://hackage.haskell.org/package/base-4.16.0.0/docs/Data-Maybe.html
npm package: @freckle/query-params
Description: Query params utilities
Author: Freckle
Latest version: 1.0.0

# @freckle/query-params

Utilities for constructing and using query parameters.

## Install

```sh
yarn add @freckle/query-params
```

## Versioning and release process

See [RELEASE.md](./RELEASE.md).

## Usage

TODO

---

[LICENSE](./LICENSE)
npm package: @fred.c/generator-node-minimal
Description: Simple Node.js config to get up and running quickly
Author: Fred Collman
Latest version: 0.2.0

# generator-node-minimal [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage percentage][coveralls-image]][coveralls-url]
> Simple Node.js config to get up and running quickly

## Installation

First, install [Yeoman](http://yeoman.io) and generator-node-minimal using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).

```bash
npm install -g yo
npm install -g generator-node-minimal
```

Then generate your new project:

```bash
yo node-minimal
```

## Getting To Know Yeoman

 * Yeoman has a heart of gold.
 * Yeoman is a person with feelings and opinions, but is very easy to work with.
 * Yeoman can be too opinionated at times but is easily convinced not to be.
 * Feel free to [learn more about Yeoman](http://yeoman.io/).

## License

MIT © [Fred Collman]()


[npm-image]: https://badge.fury.io/js/generator-node-minimal.svg
[npm-url]: https://npmjs.org/package/generator-node-minimal
[travis-image]: https://travis-ci.org/fredcollman/generator-node-minimal.svg?branch=master
[travis-url]: https://travis-ci.org/fredcollman/generator-node-minimal
[daviddm-image]: https://david-dm.org/fredcollman/generator-node-minimal.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/fredcollman/generator-node-minimal
[coveralls-image]: https://coveralls.io/repos/fredcollman/generator-node-minimal/badge.svg
[coveralls-url]: https://coveralls.io/r/fredcollman/generator-node-minimal
npm package: @fred3d/physics-ammo
Description: Ammo.js physics implementation for Fred3D
Author: Fred3D Team
Latest version: 0.1.0

# @fred3d/physics-ammo

Ammo.js physics implementation for the Fred3D engine.

## Overview

This package provides an Ammo.js-based implementation of the physics abstractions defined in the `@fred3d/physics` package. It allows you to use Ammo.js (the JavaScript port of Bullet Physics) as the physics engine in your Fred3D applications.

## Installation

```bash
# Using npm
npm install @fred3d/physics @fred3d/physics-ammo

# Using pnpm
pnpm install @fred3d/physics @fred3d/physics-ammo

# Using yarn
yarn add @fred3d/physics @fred3d/physics-ammo
```

## Usage

```typescript
import { PhysicsManager, PhysicsEngineType } from '@fred3d/physics';
import '@fred3d/physics-ammo'; // Import to register the Ammo.js implementation

// Initialize the physics system with Ammo.js
await PhysicsManager.getInstance().initialize(PhysicsEngineType.AMMO);

// Use physics as normal
const world = PhysicsManager.getInstance().getWorld();
// ...
```

## Features

- Complete implementation of the Fred3D physics abstraction using Ammo.js
- Support for rigid bodies, colliders, joints, and materials
- Efficient physics simulation with continuous collision detection
- Compatible with all standard Fred3D physics utilities

## Requirements

- Fred3D engine
- Three.js version 0.173.0 or higher
npm package: @fred78290/vue3-content-placeholders
Description: Vue3 Components for rendering animated content placeholders like facebook
Author: Orignal author: Michał Sajnóg
Latest version: 1.0.1

# vue3-content-placeholders

![npm](https://img.shields.io/npm/v/@fred78290%2fvue3-content-placeholders.svg)
[![vue3](https://img.shields.io/badge/vue-3.x-brightgreen.svg)](https://vuejs.org/)

This is a port of vue-content-placeholders for vue2 to vue3 from [Michał Sajnóg](http://github.com/michalsnik/vue-content-placeholders.git) repository

> Vue addon for rendering fake content while data is fetching to provide better UX and lower bounce rate.

![example](https://i.imgur.com/JQlFjsS.gif)

---

## :cd: Installation

* via npm: `npm install @fred78290/vue3-content-placeholders --save`
* via yarn: `yarn add @fred78290/vue3-content-placeholders`

## :rocket: Usage

Include plugin in your `main.js` file.

```javascript
import {createApp} from 'vue'
import VueContentPlaceholders from '@fred78290/vue3-content-placeholders'
import '@fred78290/vue3-content-placeholders/style.css'

const app = createApp(...)

...

app.use(VueContentPlaceholders)

```

### Examples:

```html
<content-placeholders>
  <content-placeholders-heading :img="true" />
  <content-placeholders-text :lines="3" />
</content-placeholders>
```

![rendered example](https://i.imgur.com/LWfqxUe.png)

```html
<content-placeholders :rounded="true">
  <content-placeholders-img />
  <content-placeholders-heading />
</content-placeholders>
```

![rendered example](https://i.imgur.com/NBb6ZB7.png)

### Available components and properties

* root `<content-placeholders>`
  * Boolean `animated` (default: true)
  * Boolean `rounded` (default: false) - border radius
  * Boolean `centered` (default: false)
  > these properties define how all children components will act

* `<content-placeholders-heading />`
  * Boolean `img` (default: false)

* `<content-placeholders-text />`
  * Number `lines` (default: 4)

* `<content-placeholders-img />`

---

## 🔓 License

See the [LICENSE](LICENSE.md) file for license rights and limitations (MIT).
npm package: @fredabila/custom-alerts
Description: Custom alerts for Expo React Native applications
Author: Your Name
Latest version: 1.0.0

# Custom Alerts for Expo React Native

A custom alert component for Expo React Native applications. This component allows you to create custom-styled alerts easily.

## Installation

```bash
npm install @fredabila/custom-alerts

```
```javascript
import React, { useState } from 'react';
import { View, Button } from 'react-native';
import CustomAlert from 'custom-alerts';

const App = () => {
  const [isVisible, setIsVisible] = useState(false);

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Button title="Show Alert" onPress={() => setIsVisible(true)} />
      <CustomAlert
        isVisible={isVisible}
        message="Hello, World!"
        onClose={() => setIsVisible(false)}
      />
    </View>
  );
};

export default App;
```