open-index/open-npm huggingface dataset:
npm package: @federato/ts-strictify
Description: Enable gradual TypeScript strict
Author: Mark Skelton
Latest version: 1.3.1

# @federato/ts-strictify

> Runs [TypeScript](hhttp://www.typescriptlang.org/) in strict mode on your
> changed files.

## How it works

When you start working on a new feature or fixing a bug, you will modify the
code base in one way or another. `ts-strictify` will take a look at these
changes - and only these changes (!) and will complain, if the files you have
touched are not strict compliant.

That is different than TypeScript works. You could check a single file against
the compiler, but the compiler would also look up the imports and the imports of
the imports. Not exactly what you want, when you are looking for incrementally
update path.

## Install

With `npm`:

```bash
npm install --save-dev ts-strictify
```

With `yarn`:

```bash
yarn add --dev ts-strictify
```

With `pnpm`:

```bash
pnpm add --dev ts-strictify
```

## Usage

With `npm`:

```bash
npx ts-strictify
```

With `yarn`:

```bash
yarn ts-strictify
```

With `pnpm`:

```bash
pnpm ts-strictify
```

You can find a list of all available options [`here`](#options).

## Pre-Commit Hook

You can run `ts-strictify` as a pre-commit hook using
[`husky`](https://github.com/typicode/husky). Add the following to your
`package.json` file.

```json
{
  "husky": {
    "hooks": {
      "pre-commit": "ts-strictify"
    }
  }
}
```

## Options

```
Options:
  --help                          Show help                       [boolean]
  --version                       Show version number             [boolean]
  --project                           [string] [default: "./tsconfig.json"]
  --targetBranch                                 [string] [default: "main"]
  --commitedFiles                                 [boolean] [default: true]
  --stagedFiles                                   [boolean] [default: true]
  --modifiedFiles                                 [boolean] [default: true]
  --untrackedFiles                                [boolean] [default: true]
  --createdFiles                                  [boolean] [default: true]
```

## Thanks

Thanks to Christian Schröter for his work on the original ts-strictify project
this fork was based on!
npm package: @federico.mameli/counter-js
Description: Simple js counter
Author: Federico Mameli
Latest version: 1.0.4

# counter
Simple counter built in js

## Usage

### Module
  ```bash
  npm install @federico.mameli/counter

  or 

  yarn add @federico.mameli/counter
  ```

  ```js
  import Counter from '@federico.mameli/counter'

  const counterEl = document.querySelector('.counter')
  const counter = new Counter({
    el: counterEl,
    from = 0,
    to = 100,
    incRange = 10,
    overflow = 0,
    time = 50,
    start = false
  })

  counter.start()
  ```

  ## options properties
  
  ### options.el <HtmlElement>
  The element where to print the counter values.
  
  ### options.from <Number>
  start value, default 0

  ### options.to <Number>
  end value, default 100

  ### options.incRange<Number>
  value added each time

  ### options.overflow <Float>
  default is 0, if a percentage is defined the counter will count until `to + (to * overflow)` and will count down until `to`. 

  ### options.time <Number>
  velocity of each change, default 50 ms

  ### options.start <Boolean>
  if true starts the counter

  ## METHODS
  ### start()
  Start the counter
npm package: @federico.moretti/grid-wall
Description: Straightforward package that will simply create a wall like grid moving its children it the higher position available.<br> It tracks new children and if their height change and flow accordingly.
Author: Federico Moretti
Latest version: 1.0.1

# Grid Wall

Straightforward package that will simply create a wall like grid moving its children it the higher position available.<br>
It tracks new children and if their height change and flow accordingly.

## Features

- Lightweight (~5KB minified)
- Tracks new children
- Tracks changes in children dimensions
- Custom transitions
- Auto handle resize
- Plug and play

## Installing

Import as a module

```bash
npm install --save @federico.moretti/grid-wall
# or
yarn add @federico.moretti/grid-wall
```

or directly in the html:

```html
<script src="grid-wall.min.js"></script>
```

## Example

Basic usage:

```js
const grid = document.querySelector('.grid');
const gridWall = new GridWall({
  container: grid,
  childrenWidthInPx: 100,
});
```

## API

#### `new GridWall(params: object)`

Initialize the module.

| Parameter             | Type                    | Description                                               |
| --------------------- | ----------------------- | --------------------------------------------------------- |
| **container**         | HTMLElement             | html element                                              |
| **childrenWidthInPx** | number                  | children width in px                                      |
| enableResize          | boolean                 | it will track resize event and adapt the container width  |
| resizeDebounceInMs    | number                  | debounce the resize event, default is 100ms               |
| margin                | center \| left \| right | it will place the remaining space in the position defined |
| insertStyle           | CSSStyleDeclaration     | style of a child when added to the container              |
| beforeStyle           | CSSStyleDeclaration     | style of a child before the first reflow                  |
| afterStyle            | CSSStyleDeclaration     | style of a child after the first reflow                   |

#### `resize(containerWidthInPx: number): void`

Resize container width the reflow the children.

#### How to use the style properties

The children will fade in when added, but then will transition when moved.

```js
new GridWall({
  container: element,
  childrenWidthInPx: 200,
  insertStyle: {
    opacity: '0',
    transition: 'opacity 0.2s ease-in, transform 0s ease-in',
  },
  beforeStyle: {
    opacity: '1',
  },
  afterStyle: {
    transition: 'opacity 0.2s ease-in, transform 0.2s ease-in',
  },
});
```

The children will transition to position also when added.

```js
new GridWall({
  container: element,
  childrenWidthInPx: 200,
  insertStyle: {
    transition: 'transform 0.2s ease-in',
  },
  afterStyle: {
    transition: 'transform 0.2s ease-in',
  },
});
```

## Licence

[MIT](LICENSE) © [Federico Moretti](https://federicomoretti.dev)