open-index/open-npm huggingface dataset:
npm package: @liorco70/gatsby-styling-theme
Description: This theme adds bootstrap and styled-components to a gatsby project.
Author: liorco70
Latest version: 1.0.4

# Gatsby Styling Theme

This theme adds bootstrap and styled-components to a gatsby project.

### Adding the theme to your site

```
npm i @liorco70/gatsby-styling-theme
```

or:

```
yarn add @liorco70/gatsby-styling-theme
```

### Adding bootstrap-extensions

- add scss file in: src/@liorco70/gatsby-styling-theme/scss/bootstrap-extensions.scss
npm package: @liorheber/retable
Description: Retable is a table component written in React. **[ReTable Demo](https://liorheber.github.io/retable)**
Author: liorheber
Latest version: 1.3.11

# ReTable - Work in progress, DO NOT USE

Retable is a table component written in React.
**[ReTable Demo](https://liorheber.github.io/retable)**

### Main Features
1. Customized renderers
2. Server side sorting
3. Resizeable columns
4. Theme support
5. Sticky header and footer
6. Row selection
7. Customized server side filtering (Coming soon)
8. Virtualized rows (Coming soon)
9. Movable columns (Coming soon)
10. Tree model (Coming soon)

### How to install
 **Installation using npm:**

```
 npm install @liorheber/retable --save
```

 **Installation using Yarn:** 

```
 yarn add @liorheber/retable
```

 ### How to use

```jsx
import React, { Component } from "react";
import ReTable from "@liorheber/retable";

class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      columns: [{
        id: "C0",
        name: "Average score (%)",
        type: "PERCENTAGE",
        width: 200,
        sortable: true
    },{
        id: "C1",
        name: "Class",
        type: "TEXT",
        width: 100,
        filterable: true,
        sortable: true,
        resizable: true,
    },{
        id: "C2",
        name: "Date of test",
        type: "DATE",
        width: 125,
        filterable: true,
        sortable: true
    }],
      rows: [
        {C0: 67, C1: "3rd grade", C2: 1452672956000},
        {C0: 82, C1: "5th grade", C2: 1351672951000},
        {C0: 99, C1: "6th grade", C2: 1252672258000},
      ]
    };
  }

  render() {
    const { columns, rows } = this.state;
    return (
      <ReTable
        columns={columns}
        rows={rows}
      />
    );
  }
}
```
npm package: @liorpo/react-star-wars-crawl
Description: ![GitHub](https://img.shields.io/github/license/liorp/react-star-wars-crawl) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@liorpo/react-star-wars-crawl) [![react-star-wars-crawl example](https://codesandbox.io/static/img/play-codesandbox.
Author: Lior Pollak
Latest version: 1.0.3

![GitHub](https://img.shields.io/github/license/liorp/react-star-wars-crawl)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/@liorpo/react-star-wars-crawl)
[![react-star-wars-crawl example](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-star-wars-crawl-example-5h4rkh?fontsize=14&hidenavigation=1&theme=dark)

# react-star-wars-crawl

![react-star-wars-crawl-example](https://user-images.githubusercontent.com/4294489/156758816-a9e3c49e-0806-4670-a9ac-ba0b0aea1c46.gif)

### A fully composable React component that reproduces the Star Wars opening crawl.

Credit for the default styling and animation belongs to Geoff Graham, outlined in his excellent article [here](https://css-tricks.com/snippets/css/star-wars-crawl-text/)

Credit for the original package is due to [rdubrock](https://github.com/rdubrock/react-star-wars-crawl/)

### Installation

```bash
npm install @liorpo/react-star-wars-crawl
```
### Usage

Simply import the Crawl component. You can use the `title`, `subTitle`, and `text` props to achieve the default Star Wars intro.

```js
import React from 'react';
import Crawl from 'react-star-wars-crawl';

const MyCrawlComponent = () => (
  <Crawl
    title="Episode IV"
    subTitle="A New Hope"
    text="It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire. During the battle, Rebel spies managed to steal secret plans to the Empire’s ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet. Pursued by the Empire’s sinister agents, Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy…"
  />
);
```

You can also pass anything you like as a child.

```js
<Crawl>
  <div>Anything at all</div>
</Crawl>
```

### Available props

All default styles can be overriden. A full list of props:

- containerStyles
- textContainerStyles
- crawlStyles
- titleStyles
- subTitleStyles
- textStyles
- title
- subTitle
- text
- speed
npm package: @liorrabin/async-queue
Description: AsyncQueue module used for running asynchronous tasks in series
Author: LiorRabin
Latest version: 1.0.3

# AsyncQueue

AsyncQueue module used for running asynchronous tasks in series

## Install

```
npm i @liorrabin/async-queue
```

## Test
```
npm test
```

## Usage

```
const AsyncQueue = require('@liorrabin/async-queue')

const queue = new AsyncQueue(fn) // create new queue with `fn` as the function to run on each task
queue.add('param1', 'param2')    // add fn('param1', 'param2') to queue and start running immediately
queue.isRunning()                // check if queue is currently running
queue.next()                     // get next task to run
queue.all()                      // get all tasks in the queue
```

## License
[MIT](LICENSE)
npm package: @liou666/eslint-config-monorepo
Description: Liou's Eslint Config Rules
Author: Liou
Latest version: 1.4.1


# ⚙️ 自定义`eslint-config`预设

>默认规则检测`md,yml,yaml,js,json`文件,如果要开启ts文件的检测需继承`@liou666/eslint-config-ts`
## 用法

### 安装

```bash
pnpm add -D eslint @liou666/eslint-config
```

### 配置 `.eslintrc`
```json
{
  "extends": "@liou666"
}
```

### 规则
|⚙️|📦|
|:-|:-|
|TS|@liou666/eslint-config-ts|
|React|@liou666/eslint-config-React **(default)**|
npm package: @lipagas/dev-engine
Description: Fleetbase Developers extension provides a module for managing developer resources such as API keys, webhooks, sockets, events and logs.
Author: Fleetbase Pte Ltd
Latest version: 0.2.4

# @lipagas/dev-engine

Fleetbase Console extension for managing developer API Keys, Webhooks, Sockets, and viewing logs and API events.


## Compatibility

* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above


## Installation

```
ember install @lipagas/dev-engine
```


## Usage

[Longer description of how to use the addon in apps.]


## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.


## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lipagas/ember-accounting
Description: Updated port of the great accounting.js library to ES6 modules that integrates seamlessly with ember-cli
Author: Fleetbase Pte Ltd
Latest version: 0.0.2

# @lipagas/ember-accounting

This is a fork of [ember-cli-accounting](https://github.com/milindalvares/ember-cli-accounting) which was a port of the great [accounting.js](https://github.com/openexchangerates/accounting.js) library to
ES6 modules that integrates seamlessly with ember-cli and the Fleetbase ecosystem.

## Installation

Just add like any other ember-cli addon:

```bash
npm install @lipagas/ember-accounting
```

## Ember compatiblity

Compatible with Ember version 4.0 and above

## Usage

### Accounting functions

You no longer need to access the global accounting, you can import only what you need:

```js
import formatMoney from '@lipagas/ember-accounting/format-money'
```

Although you can import everything as expected:

```js
import accounting from '@lipagas/ember-accounting'
```

### Handlebars helpers

This addon also registers 2 handy helpers in your application: `format-number` and `format-money`.

You can set options using bound or unbound options like this:

```hbs
{{format-money price symbol=selectedCurrency format="%v %s"}} <!-- "123.45 £" -->
```

Any option not set will have the usual default value:

```hbs
{{format-number "1234.567" precision=2}} <!-- "1,234.57" -->
```

### Config default options

You can use an initializer to set some default values at initializations and avoid having to 
repeat over and over the options in the helpers.

Use something like this:
```js
// app/initializers/accounting.js
import { currency, number } from '@lipagas/ember-accounting/settings';

export default {
  name: 'accounting.js',
  initialize: function() {
    currency.symbol = "€";
    number.decimal = ",";
    number.thousand = ".";
  }
};
```

## Differences with accounting.js

Although this is almost a 1:1 port of accountant.js, there is a few differences:

* Each function of accountant.js lives in its own module, so you can only import those functions you want to use.
* Removed some polyfills for `Array.isArray`, `Array.prototype.map` and `Object.prototype.toString`.
They are not required in modern browsers, and ember.js (unless you opt-out with `EXTEND_PROTOTYPES = false`) already provides polyfills for those functions.
* More tests than the original.
* Enforced jshint. Cleaner code.

## Documentation

This library does not make any change in the public api of accounting.js, so you can read the official
documentation [here](http://openexchangerates.github.io/accounting.js/)
npm package: @lipagas/ember-core
Description: Provides all the core services, decorators and utilities for building a Fleetbase extension for the Console.
Author: Fleetbase Pte Ltd
Latest version: 0.2.11

# @fleetbase/ember-core

Ember Core Services, Utilities and Framework for building Fleetbase Extensions in the Console. To start building with Fleetbase, you need to install `@fleetbase/ember-core`, which is built using Ember, a JavaScript framework for building web applications

## Compatibility

* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above

## Installation

To install ember-core, run:

`ember install @fleetbase/ember-core`

## Contributing

We welcome contributions to Ember-Core from the Fleetbase community!

If you'd like to contribute, please follow the contributing guidelines.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lipagas/fleetops-data
Description: Fleetbase Fleet-Ops based models, serializers, transforms, adapters and GeoJson utility functions.
Author: Fleetbase Pte Ltd
Latest version: 0.1.17

# @lipagas/fleetops-data

[Short description of the addon.]


## Compatibility

* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above


## Installation

```
ember install @lipagas/fleetops-data
```


## Usage

[Longer description of how to use the addon in apps.]


## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.


## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lipagas/fleetops-engine
Description: Fleet & Transport Management Extension for Fleetbase
Author: Fleetbase Pte Ltd
Latest version: 0.4.37

<p align="center">
    <img src="https://flb-assets.s3.ap-southeast-1.amazonaws.com/static/fleetbase-logo-svg.svg" width="380" height="100" />
</p>
<p align="center">
    Open-source Fleet & Transport Management Extension for Fleetbase
</p>

---

## Overview

This monorepo contains both the frontend and backend components of the FleetOps extension for Fleetbase. The frontend is built using Ember.js and the backend is implemented in PHP.

### Requirements

* PHP 8.0 or above
* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above

## Structure

```
├── addon
├── app
├── assets
├── translations
├── config
├── node_modules
├── server
│ ├── config
│ ├── data
│ ├── migrations
│ ├── resources
│ ├── src
│ ├── tests
│ └── vendor
├── tests
├── testem.js
├── index.js
├── package.json
├── phpstan.neon.dist
├── phpunit.xml.dist
├── pnpm-lock.yaml
├── ember-cli-build.js
├── composer.json
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
```

## Installation

### Backend

Install the PHP packages using Composer:

```bash
composer require fleetbase/core-api
composer require fleetbase/fleetops-api
```
### Frontend

Install the Ember.js Engine/Addon:

```bash
pnpm install @lipagas/fleetops-engine
```

## Usage

### Backend

🧹 Keep a modern codebase with **PHP CS Fixer**:
```bash
composer lint
```

⚗️ Run static analysis using **PHPStan**:
```bash
composer test:types
```

✅ Run unit tests using **PEST**
```bash
composer test:unit
```

🚀 Run the entire test suite:
```bash
composer test
```

### Frontend

🧹 Keep a modern codebase with **ESLint**:
```bash
pnpm lint
```

✅ Run unit tests using **Ember/QUnit**
```bash
pnpm test
pnpm test:ember
pnpm test:ember-compatibility
```

🚀 Start the Ember Addon/Engine
```bash
pnpm start
```

🔨 Build the Ember Addon/Engine
```bash
pnpm build
```

## Contributing
See the Contributing Guide for details on how to contribute to this project.

## License
This project is licensed under the MIT License.
npm package: @lipagas/iam-engine
Description: Fleetbase IAM extension provides identity and access management module for managing users, permissions and policies.
Author: Fleetbase Pte Ltd
Latest version: 0.0.12

# @lipagas/iam-engine

[Short description of the addon.]


## Compatibility

* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above


## Installation

```
ember install @lipagas/iam-engine
```


## Usage

[Longer description of how to use the addon in apps.]


## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.


## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @lipagas/storefront-engine
Description: Headless Commerce & Marketplace Extension for Fleetbase
Author: Fleetbase Pte Ltd
Latest version: 0.4.2

<p align="center">
    <p align="center">
        <img src="https://camo.githubusercontent.com/870812d4ebe999bd1434db7ffcb27c2f347f1c2c6af1842e59ae8b28855b4b42/68747470733a2f2f666c622d6173736574732e73332e61702d736f757468656173742d312e616d617a6f6e6177732e636f6d2f7374617469632f73746f726566726f6e742d6c6f676f2e737667" width="380" height="100" />
    </p>
    <p align="center">
        Open-source Headless Commerce & Marketplace Extension for Fleetbase
    </p>
</p>

---

## Overview

This monorepo contains both the frontend and backend components of the Storefront extension for Fleetbase. The frontend is built using Ember.js and the backend is implemented in PHP.

### Requirements

* PHP 7.3.0 or above
* Ember.js v4.8 or above
* Ember CLI v4.8 or above
* Node.js v18 or above

## Structure

```
├── addon
├── app
├── assets
├── translations
├── config
├── node_modules
├── server
│ ├── config
│ ├── data
│ ├── migrations
│ ├── resources
│ ├── src
│ ├── tests
│ └── vendor
├── tests
├── testem.js
├── index.js
├── package.json
├── phpstan.neon.dist
├── phpunit.xml.dist
├── pnpm-lock.yaml
├── ember-cli-build.js
├── composer.json
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
```

## Installation

### Backend

Install the PHP packages using Composer:

```bash
composer require fleetbase/core-api
composer require fleetbase/fleetops-api
composer require fleetbase/storefront-api
```
### Frontend

Install the Ember.js Engine/Addon:

```bash
pnpm install @lipagas/storefront-engine
```

## Usage

### Backend

🧹 Keep a modern codebase with **PHP CS Fixer**:
```bash
composer lint
```

⚗️ Run static analysis using **PHPStan**:
```bash
composer test:types
```

✅ Run unit tests using **PEST**
```bash
composer test:unit
```

🚀 Run the entire test suite:
```bash
composer test
```

### Frontend

🧹 Keep a modern codebase with **ESLint**:
```bash
pnpm lint
```

✅ Run unit tests using **Ember/QUnit**
```bash
pnpm test
pnpm test:ember
pnpm test:ember-compatibility
```

🚀 Start the Ember Addon/Engine
```bash
pnpm start
```

🔨 Build the Ember Addon/Engine
```bash
pnpm build
```

## Contributing
See the Contributing Guide for details on how to contribute to this project.

## License
This project is licensed under the MIT License.
npm package: @lipemat/eslint-config
Description: Eslint configuration for all @lipemat packages
Latest version: 5.2.0

# JS Boilerplate ESLint Config

<p>
<a href="https://www.npmjs.com/package/@lipemat/eslint-config">
<img alt="npm" src="https://img.shields.io/npm/v/@lipemat/eslint-config.svg">
</a>
    <img alt="node" src="https://img.shields.io/node/v/@lipemat/eslint-config.svg">
</p>

ESLint configuration for `@lipemat/js-boilerplate` and plugins.

## Usage

Used directly inside of `@lipemat/js-boilerplate` so it does not need to be added to your project,
although if you are using Yarn V2 with PNP, you will need to add `eslint` to your package to
allow PHPStorm to use ESLint.

```json
{
  "devDependencies": {
    "eslint": "^9",
  }
}

```
npm package: @lipemat/js-boilerplate-antd
Description: Ant Design extension for @lipemat/js-boilerplate
Latest version: 2.1.1

# JS Boilerplate Ant Design

<p>
<a href="https://www.npmjs.com/package/@lipemat/js-boilerplate-antd">
<img alt="npm" src="https://img.shields.io/npm/v/@lipemat/js-boilerplate-antd.svg">
</a>
</p>


Ant Design extension for [@lipemat/js-boilerplate](https://github.com/lipemat/js-boilerplate) for zero configuration [Antd](https://ant.design) support.

### Installation
```bash
yarn add @lipemat/js-boilerplate-antd
```
Add the following configuration file to your project (examples in templates directory).

1. src/globals/ant-theme.js
npm package: @lipemat/js-boilerplate-svelte
Description: Svelte extension for @lipemat/js-boilerplate
Latest version: 2.1.2

# JS Boilerplate Svelte
Svelte extension for @lipemat/js-boilerplate

## Project Setup
Unless you project imports the `SvelteComponent` already, you'll get this TS error:
> TS2307: Cannot find module '<module name>.svelte' or its corresponding type declarations.

This may be fixed by adding the following module definition to your `types` folder:
```ts
declare module '*.svelte' {
	// @ts-ignore
	export {SvelteComponent as default} from 'svelte';
}
```

## Commands

`lipemat-js-boilerplate-svelte`

### check-types
The `check-types` command calls `svelte-check` to check the types in your Svelte project.
npm package: @lipemat/postcss-boilerplate
Description: Dependencies and scripts for a no config grunt postcss compiler.
Author: Mat Lipe
Latest version: 5.0.1

## The Start Of A Beautiful PostCSS Structure

<p>
<a href="https://www.npmjs.com/package/@lipemat/postcss-boilerplate">
<img alt="npm" src="https://img.shields.io/npm/v/@lipemat/postcss-boilerplate.svg">
</a>
    <img alt="node" src="https://img.shields.io/node/v/@lipemat/postcss-boilerplate.svg">
</p>


A zero configuration starting point for postcss styled theme or plugin.

### Installation
```bash
yarn add @lipemat/postcss-boilerplate
```
 
### Usage
Add the following to your package.json. You may adjust things to fit your environment but be sure to leave the `scripts` as is.

_This may also be found in the "templates" directory._

```json
{
    "theme_path": "./",
    "scripts": {
      "dist": "lipemat-postcss-boilerplate dist",
      "postinstall": "lipemat-postcss-boilerplate fix-pnp",
      "lint": "lipemat-postcss-boilerplate lint",
      "start": "lipemat-postcss-boilerplate start"
    },
  "dependencies": {
    "@lipemat/postcss-boilerplate": "^4.5.0"
  }
}

```
* `brotliFiles : {bool}` Enabled generating pre-compressed .br files for CSS and JS. Defaults to `true`.
* `css_folder : {string}` Path of directory for generate finished CSS files within. Defaults to `./css/dist/`.
* `cssEnums : {bool}` Generate PHP enums for CSS modules. Has no effect if `combinedJson` is false. Defaults to `true`.
* `file_name : {string}` Name of finished CSS file. Defaults to `front-end`.
* `shortCssClasses: {bool|{js:bool, pcss:bool}}` Enable short 1-2 character CSS classes. Recommended if you're not running multiple instances of this package on the same site.
* `theme_path : {string}` Path or theme's root relative to the package.json file.


### Configuration Overrides
All configurations are found in the `config` directory and may be extended by adding a matching file within your project directory.

For instance is you want to adjust `postcss.js` you may add a `config/postcss.js` file in your project directory.

All declarations are merged in favor of the project config.

## Certificates

If you are using https in your local environment, you may point to the certificates in your package.json like so:

```json
{
  "certificates": {
    "cert": "<path to -crt.pem file>",
    "key": "<path to -key.pem file>"
  }
}
```

If certificates are provided, live reload will load via https. You'll want to point your livereload script https, and the domain of certificates origin.
npm package: @lipemat/stylelint-config
Description: Stylelint configuration for all @lipemat packages
Author: Mat Lipe
Latest version: 2.3.0

# Lipemat Stylelint Config

<p>
<a href="https://www.npmjs.com/package/@lipemat/stylelint-config">
<img alt="npm" src="https://img.shields.io/npm/v/@lipemat/stylelint-config.svg">
</a>
    <img alt="node" src="https://img.shields.io/node/v/@lipemat/stylelint-config.svg">
</p>

Stylelint configuration for all `@lipemat` packages.

## Usage

Used directly inside of `@lipemat/postcss-boilerplate` so it does not need to be added to your project,
although if you are using Yarn V2 with PNP, you will need to add `stylelint` to your package to
allow PHPStorm to use Stylelint.

```json
{
  "dependencies": {
    "stylelint": "^13"
  }
}

```
npm package: @lipemat/webpack-cleanup-plugin
Description: Plugin for webpack to cleanup extraneous files from the output path directory
Author: gpbl
Latest version: 1.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

## Forked version which supports Webpack 4
_The official project has been abandoned. This is a replacement._

### Installation
```npm
yarn add @lipemat/webpack-cleanup-plugin
```

# webpack-cleanup-plugin

This [webpack](http://webpack.github.io) plugin cleans up the extraneous files
from the webpack's output path.

Since it runs when the compile process is finished, it is useful when building
on production to remove the assets created by previous builds.

[![npm version](https://img.shields.io/npm/v/webpack-cleanup-plugin.svg?style=flat-square)](https://www.npmjs.com/package/webpack-cleanup-plugin)
[![npm downloads](https://img.shields.io/npm/dm/webpack-cleanup-plugin.svg?style=flat-square)](http://npm-stat.com/charts.html?package=webpack-cleanup-plugin)
[![Build Status](https://img.shields.io/travis/gpbl/webpack-cleanup-plugin.svg?style=flat-square)](https://travis-ci.org/gpbl/webpack-cleanup-plugin)

⚠️ **Beware!** This plugins actually delete files. Make sure it's safe for your app
to delete files not generated by webpack. Use the `exclude` option if you want to
keep files that are not webpack assets.

## Usage

Then add the plugin to the `plugins` array in your webpack's config, e.g.:

```js
// webpack.config.js
import WebpackCleanupPlugin from '@lipemat/@lipemat/webpack-cleanup-plugin';
const config = {
  output: {
    path: "/my/output/path"
  },
  // ...
  plugins: [
    new WebpackCleanupPlugin()
  ]
}
export default config;
```

### Options

* If you want to keep some files in the output path, e.g. a `stats.json` file generated from some other
plugins, use the **`exclude`** Array option. It accepts globbing as in [minimatch](https://github.com/isaacs/minimatch).

```js
// Do not delete `stats.json`, `important.json`, and everything in `folder`
new WebpackCleanupPlugin({
  exclude: ["stats.json", "important.js", "folder/**/*"],
})
```

* To mute the console output, use the **`quiet`** option:

```js
new WebpackCleanupPlugin({
  quiet: true,
})
```

* To print the list of the files that will be deleted without actually deleting them, use the **`preview`** option:

```js
new WebpackCleanupPlugin({
  preview: true,
})
```