open-index/open-npm huggingface dataset:
npm package: @linaj/plugin-karma
Description: Automatic (headless) browser testing with [Karma](https://karma-runner.github.io/latest/index.html).
Latest version: 0.1.0

# @linaj/plugin-karma

Automatic (headless) browser testing with [Karma](https://karma-runner.github.io/latest/index.html).

## Introduction

This plugin pre-configures [Karma](https://karma-runner.github.io/), [Jasmine](https://jasmine.github.io/) for you so that you can run the tests without any configurations.

## Install

```bash
yarn add @linaj/plugin-karma --dev
```

## How to use

In your `lazy.config.js`:

```js
module.exports = {
  plugins: [
    {
      resolve: '@linaj/plugin-karma'
    }
  ]
}
```

This plugin injected a new command to lazy CLI: `lazy test:unit` which is a command running in lazy's `test` mode.

To run it easier, you can configure this in npm scripts:

```json
{
  "name": "my-project",
  "scripts": {
    "test": "lazy test:unit",
    "build": "lazy --prod",
    "start": "lazy --serve"
  },
  "devDependencies": {
    "lazy": "^12.0.0"
  }
}
```

Now you can run `npm test` instead.

### Test File Patterns

By default this plugin use `**/*.{test,spec}.{js,ts}` (excluded `node_modules`) as test files, you can change this to any minimatch pattern (note the quotes to avoid shell expansion):

```bash
lazy test:unit "**/*.spec.coffee"
```

### Coverage Report

Use `--coverage` flag to show code coverage and generate coverage report to `./coverage` folder.

### Watching Files

Use `--watch` flag to watch test files.

### Running on CI

To run your tests in Continuous Integration Platforms like CircleCI, you will need `Chrome` installed in your test environment.
npm package: @linaj/plugin-pwa
Description: Build a progressive web app with lazy and [Workbox](https://developers.google.com/web/tools/workbox/).
Latest version: 0.1.0

# @linaj/plugin-pwa

Build a progressive web app with lazy and [Workbox](https://developers.google.com/web/tools/workbox/).

## Install

```bash
yarn add @linaj/plugin-pwa --dev
```

## How to use

In your `lazy.config.js`:

```js
module.exports = {
  plugins: [
    {
      resolve: '@linaj/plugin-pwa',
      options: {}
    }
  ]
}
```

Then run lazy in production mode will generate a `/service-worker.js` file, you can register it in your app to make your website offline-ready.

You can manually register the service worker following [the official guide](https://developers.google.com/web/fundamentals/primers/service-workers/registration), but there's also a module on npm which can be used to simplify the process:

```bash
yarn add register-service-worker
```

```js
import { register } from 'register-service-worker'

register(process.env.PUBLIC_URL + 'service-worker.js', {
  ready(registration) {
    console.log('Service worker is active.')
  },
  registered(registration) {
    console.log('Service worker has been registered.')
  },
  cached(registration) {
    console.log('Content has been cached for offline use.')
  },
  updatefound(registration) {
    console.log('New content is downloading.')
  },
  updated(registration) {
    console.log('New content is available; please refresh.')
  },
  offline() {
    console.log('No internet connection found. App is running in offline mode.')
  },
  error(error) {
    console.error('Error during service worker registration:', error)
  }
})
```

## Options

Default value:

```js
{
  name: 'PWA app',
  themeColor: '#74d7fd', // The lazy color
  msTileColor: '#000000',
  appleMobileWebAppCapable: 'no',
  appleMobileWebAppStatusBarStyle: 'default',
  assetsVersion: '',
  iconPaths: {
    favicon16: 'img/icons/favicon-16x16.png',
    favicon32: 'img/icons/favicon-32x32.png',
    appleTouchIcon: 'img/icons/apple-touch-icon-152x152.png',
    safariMaskIcon: 'img/icons/safari-mask-icon.svg',
    msTileImage: 'img/icons/msapplication-icon-144x144.png'
  }
}
```

We use these options to generate `manifest.json` and update PWA-related tags in generated `index.html` file.

If you don't want to support some platform icons, simply pass `false` as the icon path, for example:

```js
{
  iconPaths: {
    msTileImage: false
  }
}
```

Then we won't add HTML tag for this icon in `index.html`.

To customize the `manifest.json`, you can simply populate a `public/manifest.json` and we will merge it with our default one.
npm package: @linaj/plugin-typescript
Description: Official TypeScript plugin for lazy.
Latest version: 0.1.0

# @linaj/plugin-typescript

Official TypeScript plugin for lazy.

## Introduction

This plugin use `ts-loader` to transpile TypeScript files, it also uses `fork-ts-checker-webpack-plugin` to perform type-checking. `.ts` `.tsx` and `.vue` files are supported.

## Install

```bash
yarn add @linaj/plugin-typescript typescript --dev
```

## How to use

```js
module.exports = {
  plugins: [
    {
      resolve: '@linaj/plugin-typescript',
      options: {}
    }
  ]
}
```

Then add a `tsconfig.json` in your project:

```json
{
  "compilerOptions": {
    "target": "es5",
    "strict": true,
    "module": "es2015",
    "moduleResolution": "node"
  }
}
```

## Options

### lintOnSave

- Type: `boolean`
- Default: `true`

Lint TS files with `ts-lint` at compile time, you need to create a `tslint.json` in your project.
npm package: @linaoliveira/design-system
Description: Welcome to my personal design system, a collection of reusable components, colors, and themes crafted over some small projects of mine. As a front-end developer, this system represents my approach to creating reusable and consistent design elements. Altho
Latest version: 1.1.15

# @linaoliveira/design-system

Welcome to my personal design system, a collection of reusable components, colors, and themes crafted over some small projects of mine. As a front-end developer, this system represents my approach to creating reusable and consistent design elements. Although it's in its early stages, the system is built with growth in mind.

## Features

- **Reusable Components:** UI components designed for ease of use and customization.
- **Accessibility:** Developed with accessibility considerations to ensure inclusivity.
- **Documentation:** Detailed documentation is provided to ensure ease of integration.

## Getting Started

To get started with @linaoliveira/design-system, you'll need to install the package and integrate it into your project.

### Installation

```bash
npm install @linaoliveira/design-system
```

For a more detailed information on how to use, [check our documentation](https://ds.lina-oliveira.com/)!