open-index/open-npm huggingface dataset:
npm package: @pridgey/ui-flexcontainer
Description: A react component that aligns contained children in a Flexbox
Author: Taylor Pridgen
Latest version: 2.2.0

# `@pridgey/ui-flexcontainer`

The FlexContainer component displays the contents in a flex box configuration.

### Basic Usage

```
<FlexContainer>
 <div>one</div>
 <div>two</div>
 <div>three</div>
</FlexContainer>
```

### FlexContainerProps

| Prop Name       | Type                                                                   | Description                                                             |
| --------------- | ---------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| Direction?      | "row", "column", "column-reverse", or "row-reverse"                    | The direction of the flex of the container. Defaults to "row".          |
| AlignItems?     | "stretch", "center", "flex-start", "flex-end", or "baseline"           | The alignment of the items in the flex container. Defaults to "center". |
| JustifyContent? | "flex-start", "flex-end", "center", "space-between", or "space-around" | The justification of items in the flex container. Defaults to "center". |
| Width?          | number or string                                                       | Specifies the width of the flex container. Defaults to 100%.            |
| Height?         | number or string                                                       | Specifies the height of the flex container. Defaults to 100%.           |
| children        | React.ReacthChild[]                                                    | The stuff the container is flexing on. :muscle:                         |
| Margin?         | number or string                                                       | The margins of the flex contianer.                                      |
| Padding?        | number or string                                                       | The padding of the flex contianer.                                      |
npm package: @pridgey/ui-text
Description: A react component that provides an easy way to display text
Author: Taylor Pridgen
Latest version: 2.2.0

# `@pridgey/ui-flexcontainer`

The FlexContainer component displays the contents in a flex box configuration.

### Basic Usage

```
<FlexContainer>
 <div>one</div>
 <div>two</div>
 <div>three</div>
</FlexContainer>
```

### FlexContainerProps

| Prop Name       | Type                                                                   | Description                                                             |
| --------------- | ---------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| Direction?      | "row", "column", "column-reverse", or "row-reverse"                    | The direction of the flex of the container. Defaults to "row".          |
| AlignItems?     | "stretch", "center", "flex-start", "flex-end", or "baseline"           | The alignment of the items in the flex container. Defaults to "center". |
| JustifyContent? | "flex-start", "flex-end", "center", "space-between", or "space-around" | The justification of items in the flex container. Defaults to "center". |
| Width?          | number or string                                                       | Specifies the width of the flex container. Defaults to 100%.            |
| Height?         | number or string                                                       | Specifies the height of the flex container. Defaults to 100%.           |
| children        | React.ReacthChild[]                                                    | The stuff the container is flexing on. :muscle:                         |
| Margin?         | number or string                                                       | The margins of the flex contianer.                                      |
| Padding?        | number or string                                                       | The padding of the flex contianer.                                      |
npm package: @priestine/case-transformer
Description: Transform kebab back to camel. Or maybe make a kebab from Pascal.
Author: Sergei Orlov
Latest version: 1.0.2

# @priestine/case-transformer

[![Build Status](https://travis-ci.org/priestine/case-transformer.svg?branch=master)](https://travis-ci.org/priestine/case-transformer)
[![codecov](https://codecov.io/gh/priestine/case-transformer/branch/master/graph/badge.svg)](https://codecov.io/gh/priestine/case-transformer)
[![npm](https://img.shields.io/npm/dt/@priestine/case-transformer.svg)](https://www.npmjs.com/package/@priestine/case-transformer)
[![npm](https://img.shields.io/npm/v/@priestine/case-transformer.svg)](https://www.npmjs.com/package/@priestine/case-transformer)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![versioning: semantics](https://img.shields.io/badge/versioning-semantics-912e5c.svg)](https://github.com/priestine/semantics)

Transform kebab back to camel.  Or maybe make a kebab from Pascal.

## Installation

```bash
npm i -g @priestine/case-transformer
```

## Usage

UNDER CONSTRUCTION!

```javascript
const { transformCase, toUpperSnakeCase } = require('@priestine/case-transformer');

// The eloquent and declarative way
const hw = transformCase('helloWorld').from.camel.to.kebab;
hw; // hello-world

// The deductive but dangerous way (there are dragons here!)
const H_W = toUpperSnakeCase('helloWorld');
H_W; // HELLO_WORLD
```

```typescript
import { transformCase } from '@priestine/case-transformer';

// The TypeScript-friendly way
const hW = transformCase('here.there').from.dot.to.snake.toString();
hW; // here_there
```
npm package: @priestine/data
Description: Functional data types, most common algebraic structures as interfaces (FL and SL compliant) and frequently used monads.
Author: Sergey Orlov
Latest version: 3.1.1

# @priestine/data

[![codecov](https://codecov.io/gl/priestine/data/branch/master/graph/badge.svg)](https://codecov.io/gl/priestine/data) [![licence: MIT](https://img.shields.io/npm/l/@priestine/data.svg)](https://gitlab.com/priestine/data) [![docs: typedoc](https://img.shields.io/badge/docs-typedoc-blue.svg)](https://priestine.gitlab.io/data) [![npm](https://img.shields.io/npm/dt/@priestine/data.svg)](https://www.npmjs.com/package/@priestine/data) [![npm](https://img.shields.io/npm/v/@priestine/data.svg)](https://www.npmjs.com/package/@priestine/data)


Functional data types, most common algebraic structures as interfaces (FL and SL compliant) and frequently used monads.

## Installation

```bash
npm i --save @priestine/data
```

or

```bash
yarn add @priestine/data
```

## Contents

* Algebraic structures as interfaces
  * **Setoid**
  * **Ord** extends **Setoid**
  * **Semigroupoid**
  * **Semigroup**
  * **Monoid** extends **Semigroup**
  * **Filterable**
  * **Functor**
  * **Apply** extends **Functor**
  * **Applicative** extends **Apply**
  * **Chain** extends **Apply**
  * **Monad** extends **Applicative** and **Chain**
  * **Bifunctor** extends **Functor**
* Common monads
  * **Pipeline** <_Monoid_>
  * **SyncPipeline** <_Monoid_>
  * **Either** (Left <_Setoid_ & _Semigroup_ & _Monad_> || Right <_Setoid_ & _Semigroup_ & _Monad_>)
npm package: @priestine/iro
Description: Iro brings colors to console output.
Author: Sergey Orlov
Latest version: 1.0.3

# @priestine/iro

[![pipeline](https://gitlab.com/priestine/iro/badges/master/pipeline.svg)](https://gitlab.com/priestine/iro) [![codecov](https://codecov.io/gl/priestine/iro/branch/master/graph/badge.svg)](https://codecov.io/gl/priestine/iro) [![licence: MIT](https://img.shields.io/npm/l/@priestine/iro.svg)](https://gitlab.com/priestine/iro) [![docs: typedoc](https://img.shields.io/badge/docs-typedoc-blue.svg)](https://priestine.gitlab.io/iro) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier) [![versioning: semantics](https://img.shields.io/badge/versioning-semantics-912e5c.svg)](https://gitlab.com/priestine/semantics) [![npm](https://img.shields.io/npm/dt/@priestine/iro.svg)](https://www.npmjs.com/package/@priestine/iro) [![npm](https://img.shields.io/npm/v/@priestine/iro.svg)](https://www.npmjs.com/package/@priestine/iro)

### **色**

Iro brings colors to console output.

Dependency-free. Works in Node.js and browsers (Google Chrome and Mozilla Firefox 31+).

## Installation

```bash
yarn add @priestine/iro
```

or

```bash
npm install --save @priestine/iro
```

## Usage

```typescript
import { Iro } from '@priestine/iro';

Iro.log(Iro.green('Hello'), Iro.space(), Iro.red('world'));
```
npm package: @priestine/pipeline
Description: Simple and reusable pipelines with abstracted asynchrony
Author: Sergei Orlov
Latest version: 4.0.0
Deprecated: This package is no longer supported. Use @raini/pipes instead.

# @priestine/pipeline

`@priestine/pipeline` is a set of inverted monoids which are built from a composition of handlers called **middleware** and a data entry point called **process**.

The main goal of this package is a proof of concept that simplified representation of functional composition can lower the functional programming entry level. It also abstracts asynchrony by resolving Promises passed from one middleware to another.

The _Pipeline_ can be concatenated with other _Pipelines_ with `concat` which enables multiple sets of middleware to be composed together.

## Features

- Composition of pipelines via `concat`
- Promise returned by middleware within _Pipeline_ is resolved before being passed as an argument to the next middleware
- If middleware returns `undefined` or `null`, result of previous computation is passed to the next middleware
- _Pipeline_ is a **Semigroup** (associativity) with `p.concat(o)`
- _Pipeline_ is a **Monoid** (right identity and left identity) with `p.empty()` and `P.empty()`

## Installation

```bash
npm i -S @priestine/pipeline
```

## Usage

### Pipeline

#### Node.js

```typescript
import { Pipeline } from "@priestine/pipeline";
import * as readline from "readline";

const addSpaceIfMissing = question => (question.charAt(question.length - 1) == " " ? question : question.concat(" "));
const transformToContextObject = question => ({ question });
const createReadlineInterface = ctx => ({
  ...ctx,
  rl: readline.createInterface(process.stdin, process.stdout),
});
const askQuestionAsync = ({ rl, question }) =>
  new Promise(res => rl.question(question, (answer: string) => res(answer)));
const makeAnswerGreen = (answer: string) => `\x1b[32m${answer}\x1b[0m`;
const logToConsole = (answer: string) => console.log(answer);
const exit = () => process.exit(0);

Pipeline.from([
  addSpaceIfMissing,
  transformToContextObject,
  createReadlineInterface,
  askQuestionAsync,
  makeAnswerGreen,
  logToConsole,
])
  .process("What is the answer to life, the universe and everything?")
  .then(exit);
```

#### Browser

```typescript
import { Pipeline } from "@priestine/pipeline";

const isOdd = (num: number) => num % 2 == 0;
const negate = (f: Function) => (x: any) => !f(x);
const mockFetch = (x: string): Promise<number[]> => new Promise(resolve => resolve([1, 2, 3, 4, 5]));
const filterOutOddNumbers = (nums: number[]): number[] => nums.filter(negate(isOdd));
const logToConsole = (answer: number[]): void => console.log(answer);

Pipeline.of(mockFetch)
  .pipe(filterOutOddNumbers)
  .pipe(logToConsole)
  .process("https://example.com/arbitrary-numbers")
  .catch(console.error);
```
npm package: @prifina/fitbit-data
Description: Mockup Data for Fitbit connector
Author: tero
Latest version: 0.0.2

# `fitbit-data`

> Mockup datamodules for Fitbit datasources

## Usage

Dataobjects:

- ActivitiesData
- ActivitiesDataAsync
- ActivitiesSummary
- ActivitiesSummaryAsync
- HeartRateData
- HeartRateDataAsync
- HeartRateSummary
- HeartRateSummaryAsync
- SleepData
- SleepDataAsync
- SleepSummary
- SleepSummaryAsync
- SleepQuality
- SleepQualityAsync

```
// CJS/Node

const {ActivitiesSummary} =require("@prifina/fitbit-data/mockups");
const {ActivitiesSummaryAsync} =require("@prifina/fitbit-data/mockups/ActivitiesSummaryAsync");
const FITBIT =require("@prifina/fitbit-data"); // All objects...

```

```
// ESM/React

import {ActivitiesSummary} from "@prifina/fitbit-data/mockups";
import {ActivitiesSummaryAsync} from "@prifina/fitbit-data/mockups/ActivitiesSummaryAsync";
import FITBIT from "@prifina/oura-data"; // All objects...

```
npm package: @prifina/garmin-data
Description: Mockup Data for Garmin connector
Author: tero
Latest version: 0.0.2

# `garmin-data`

> Mockup datamodules for Garmin datasources

## Usage

Dataobjects:

- DailiesData
- EpochsData
- SleepsData
- PulseoxData

```
// CJS/Node

const {DailiesData} =require("@prifina/garmin-data/mockups");
const {EpochsData} =require("@prifina/garmin-data/mockups/ActivitySummaryAsync");
const GARMIN =require("@prifina/garmin-data"); // All objects...

```

```
// ESM/React

import {DailiesData} from "@prifina/garmin-data/mockups";
import {EpochsData} from "@prifina/garmin-data/mockups/ActivitySummaryAsync";
import GARMIN from "@prifina/garmin-data"; // All objects...

```
npm package: @prifina/google-data
Description: Mockup Data for Google connector
Author: tero
Latest version: 0.0.2

# `google-data`

> Mockup datamodules for Google datasources

## Usage

Dataobjects:

- Activity

```
// CJS/Node

const {Activity} =require("@prifina/google-data/mockups");
//const {Activity} =require("@prifina/google-data/mockups/Activity");
const GOOGLE =require("@prifina/google-data"); // All objects...

```

```
// ESM/React

import {ActivitySummary} from "@prifina/google-data/mockups";
//import {Activity} from "@prifina/google-data/mockups/Activity";
import GOOGLE from "@prifina/google-data"; // All objects...

```
npm package: @prifina/oura-data
Description: Mockup Data for Oura connector
Author: tero
Latest version: 0.0.5

# `oura-data`

> Mockup datamodules for Oura datasources

## Usage

Dataobjects:

- SleepSummary
- SleepSummaryAsync
- ActivitySummary
- ActivitySummaryAsync
- ReadinessSummary
- ReadinessSummaryAsync

```
// CJS/Node

const {ActivitySummary} =require("@prifina/oura-data/mockups");
const {ActivitySummaryAsync} =require("@prifina/oura-data/mockups/ActivitySummaryAsync");
const OURA =require("@prifina/oura-data"); // All objects...

```

```
// ESM/React

import {ActivitySummary} from "@prifina/oura-data/mockups";
import {ActivitySummaryAsync} from "@prifina/oura-data/mockups/ActivitySummaryAsync";
import OURA from "@prifina/oura-data"; // All objects...

```
npm package: @prighter/jinja2-beautify
Description: [![npm version](https://badge.fury.io/js/jinja2-beautify.svg)](https://badge.fury.io/js/jinja2-beautify) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
Author: Hakan Alp
Latest version: 1.0.0

[![npm version](https://badge.fury.io/js/jinja2-beautify.svg)](https://badge.fury.io/js/jinja2-beautify)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

# Jinja Beautify

> Jinja Beautifier that treats Jinja Blocks as HTML tags 

## Prerequisites

This project builts with [Yarn](https://yarnpkg.com/).\
[NPM](https://npmjs.org/) also works, but not tested enough.
To make sure you have them available on your machine,
try running the following command.

```sh
$ npm -v && node -v && yarn -v
7.24.1
v16.13.0
1.22.11
```
## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

## Installation

**BEFORE YOU INSTALL:** please read the [prerequisites](#prerequisites)

Start with cloning this repo on your local machine:

```sh
$ git clone https://github.com/hakanalpp/jinja2-beautify.git
$ cd PROJECT
```

To install and set up the library, run:

```sh
$ yarn add --dev jinja2-beautify
```

Or if you prefer using NPM:

```sh
$ npm install -S jinja2-beautify
```

## Usage

### Running the app

```sh
$ yarn start <filename1>.html <filename2>.html
```

### Running the tests

```sh
$ yarn test
```

## Contributing

1.  Fork it!
2.  Create your feature branch: `git checkout -b my-new-feature`
3.  Add your changes: `git add .`
4.  Commit your changes: `git commit -am 'Add some feature'`
5.  Push to the branch: `git push origin my-new-feature`
6.  Submit a pull request :sunglasses:


## Authors

* **Hakan Alp** - *Initial work and maintain* - [hakanalpp](https://github.com/hakanalpp)

See also the list of [contributors](https://github.com/Prighter/jinja2-beautify/contributors) who participated in this project.

## License

[MIT License](LICENSE) © [Prighter](https://prighter.com/)