open-index/open-npm huggingface dataset:
npm package: @laphilosophia/log-scrub
Description: CLI utility to sanitize and beautify JSON logs - redacts sensitive data with syntax highlighting
Author: Erdem Arslan
Latest version: 2.0.0

# Log Scrub

A CLI utility that sanitizes and beautifies JSON logs from stdin.
Automatically redacts sensitive data like passwords, tokens, and API keys while keeping output readable for CLI workflows.

## Features

- **Sensitive Data Redaction** - Automatically masks passwords, tokens, secrets, and other sensitive fields
- **Syntax Highlighting** - Color-coded JSON output for better readability
- **Stream Processing** - Processes logs in real-time via stdin
- **Customizable** - Configure which keys to redact and replacement text
- **Regex Support** - Use regex patterns for advanced matching
- **Config File Support** - Load settings from .logscrubrc
- **Strime Ingress Mode** - Optional high-performance file processing via `--strime`
- **Optional Colored JSON Output** - ANSI colorized JSON output via `--color`
- **Statistics** - Track processing statistics

## Installation

```bash
npm install -g @laphilosophia/log-scrub
```

## Usage

Pipe any JSON logs through `scrub`:

```bash
# Basic usage
cat app.log | scrub

# Docker logs
docker logs my-container | scrub

# Tail and scrub
tail -f /var/log/app.log | scrub
```

### Options

```bash
-k, --keys <list>        Comma separated keys to redact
                         (use /regex/ for regex patterns, file:path for external file)
                         (default: password,token,secret,key,auth,credit_card,cvv,authorization)
-r, --replacement <text> Replacement text (default: "***** [REDACTED] *****")
-c, --compact            Compact JSON output (no pretty print)
-d, --dry-run            Show output without redaction
-s, --stats              Show processing statistics
-R, --remove             Remove sensitive fields completely instead of masking
-S, --strime             Use Strime engine for file input processing
--color                  Enable ANSI colorized JSON output
-V, --version            Output version number
-h, --help               Display help
```

### Examples

```bash
# Custom keys to redact
echo '{"username":"john","ssn":"123-45-6789"}' | scrub -k ssn

# Custom replacement text
echo '{"password":"secret123"}' | scrub -r "[HIDDEN]"

# Compact output
echo '{"name":"John","token":"abc123"}' | scrub -c

# Dry run (no redaction)
echo '{"password":"secret"}' | scrub -d

# Show statistics
echo '{"password":"secret"}' | scrub -s

# Remove sensitive fields completely
echo '{"name":"John","password":"secret"}' | scrub --remove

# Use regex pattern
echo '{"api_key_123":"secret"}' | scrub -k "/api_key/"

# Use external key file
echo '{"mysecret":"value"}' | scrub -k file:keys.txt

# Config file
# Create .logscrubrc in current directory or home:
# {
#   "keys": "password,token,custom_key",
#   "replacement": "[REDACTED]",
#   "compact": false
# }
```

## Output

Before:

```json
{"user":"john","password":"secret123","token":"abc-xyz"}
```

After:

```json
{
  "user": "john",
  "password": "***** [REDACTED] *****",
  "token": "***** [REDACTED] *****"
}
```

## License

MIT
npm package: @lapi-os/react-toolkit
Description: A set of functions, components and hooks shared by front ends
Latest version: 1.0.3

# @lapi-os/react-toolkit

A shared React library providing hooks, components, and utilities for interacting with a backend API. Built on TanStack React Query, React Router, and shadcn/ui.

## Installation

```bash
npm install @lapi-os/react-toolkit
```

---

## Setup

### Initialize the toolkit

Call `loadLapiReactToolkitData` once at your app entry point before rendering anything.

```tsx
import { loadLapiReactToolkitData } from '@lapi-os/react-toolkit/shared'
import { QueryClient } from '@tanstack/react-query'

const queryClient = new QueryClient()

loadLapiReactToolkitData({
  host: 'https://api.example.com',
  localStorageKeys: { auth_token: 'atk' },
  queryClient,
  queryKeyPrefix: 'my-app',
})
```

| Option | Type | Description |
|---|---|---|
| `host` | `string` | Base URL of your backend API |
| `localStorageKeys.auth_token` | `string` | localStorage key where the auth token is stored |
| `queryClient` | `QueryClient` | Your app's QueryClient instance |
| `queryKeyPrefix` | `string` | Prefix for all React Query cache keys |

### Wrap your app

Wrap your root with `ProviderBackendQuery` to provide the QueryClient to all components:

```tsx
import { ProviderBackendQuery } from '@lapi-os/react-toolkit/components'

export default function App() {
  return (
    <ProviderBackendQuery>
      <YourApp />
    </ProviderBackendQuery>
  )
}
```

### Tailwind CSS

Add this to your `app.css` so Tailwind v4 picks up styles from the library:

```css
@source "../node_modules/@lapi-os/react-toolkit/dist/**/*.js";
```

### Styles & Theming

Import the base styles and pick a theme in your app's CSS entry point:

```css
@import '@lapi-os/react-toolkit/ui/styles.css';
@import '@lapi-os/react-toolkit/ui/themes/lapi.css';
```

Three themes are available — switching is a one-line change:

| Theme | Import | Font |
|---|---|---|
| `lapi` | `@lapi-os/react-toolkit/ui/themes/lapi.css` | Avgard (bundled) |
| `labbe` | `@lapi-os/react-toolkit/ui/themes/labbe.css` | Montserrat |
| `ludy` | `@lapi-os/react-toolkit/ui/themes/ludy.css` | Nunito |

### Toast notifications

Add `Toaster` to your root layout once to enable toasts app-wide:

```tsx
import { Toaster } from '@lapi-os/react-toolkit/ui/sonner'
import { toast } from 'sonner'

// In your layout:
<body>
  {children}
  <Toaster />
</body>

// Trigger from anywhere:
toast.success('Saved')
toast.error('Something went wrong')
```

---

## Documentation

- [Hooks](docs/hooks.md)
- [Components](docs/components.md)
- [Shared Functions](docs/shared.md)
- [Error Handling](docs/errors.md)
- [Types](docs/types.md)
npm package: @lapidist/components
Description: Lapidist components
Author: Brett Dorrans
Latest version: 9.9.14

<p align="center">
    <a href="https://components.lapidist.net/" target="_blank" rel="noopener">
        <img width="120" src="https://lapidist.net/logo.svg" alt="Lapidist Logo"/>
    </a>
</p>

<h2 align="center">@lapidist/components</h2>

<div align="center">

Opinionated [React](https://reactjs.org/) UI library, built with [@lapidist/styles](https://github.com/bylapidist/styles) and [TypeScript](https://www.typescriptlang.org/).

![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@lapidist/components)
[![npm](https://img.shields.io/npm/v/@lapidist/components)](https://www.npmjs.com/package/@lapidist/components)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/bylapidist/components/react)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/bylapidist/components/dev/typescript)
[![codecov](https://codecov.io/gh/bylapidist/components/branch/master/graph/badge.svg)](https://codecov.io/gh/bylapidist/components)
[![Maintainability](https://api.codeclimate.com/v1/badges/e149e6bee07174eae6ad/maintainability)](https://codeclimate.com/github/bylapidist/components/maintainability)
[![Node](https://img.shields.io/node/v/@lapidist/components)](https://www.npmjs.com/package/@lapidist/components)
[![GitHub Issues](https://img.shields.io/github/issues/bylapidist/components.svg?style=flat)](https://github.com/bylapidist/components/issues)
![GitHub](https://img.shields.io/github/license/bylapidist/components)
[![Build Status](https://github.com/bylapidist/components/workflows/Release/badge.svg)](https://github.com/bylapidist/components/actions?query=workflow%3ARelease)

</div>

## Getting Started

`@lapidist/components` is available as an [npm package](https://www.npmjs.com/package/@lapidist/components).

See [https://components.lapidist.net](https://components.lapidist.net) for the full documentation.

### Installation

```shell
npm install @lapidist/components
```

### Usage

Ensure you wrap your application with the `<ThemeProvider>` component. 
Here is a quick example to get you started:

```jsx static
import React from 'react';
import { createRoot } from 'react-dom/client';
import { ThemeProvider, Text } from '@lapidist/components';
import '@lapidist/components/style.css';

const App = () => (
    <ThemeProvider>
        <Text>Hello world</Text>
    </ThemeProvider>
);

const root = createRoot(document.querySelector('#app'));
root.render(<App />);
```

## Philosophy

- Quality over quantity: a small library of well-designed components is preferable to many poor components.
- Constraints are good: consistency takes precedence over configurability.
- Modern: we don't support older browsers.

## License
`@lapidist/components` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapidist/contentfulexplorer
Description: Generate React components from Contentful models
Author: Brett Dorrans
Latest version: 0.2.4

# contentfulexplorer

[![GitHub Release](https://img.shields.io/github/release/brettdorrans/contentfulexplorer.svg?style=flat)](https://github.com/brettdorrans/contentfulexplorer/releases)
[![GitHub Issues](https://img.shields.io/github/issues/brettdorrans/contentfulexplorer.svg?style=flat)](https://github.com/brettdorrans/contentfulexplorer/issues)
[![Dependencies](https://david-dm.org/brettdorrans/contentfulexplorer/status.svg?style=flat)](https://david-dm.org/brettdorrans/contentfulexplorer)
[![Dev Dependencies](https://david-dm.org/brettdorrans/contentfulexplorer/dev-status.svg)](https://david-dm.org/brettdorrans/contentfulexplorer?type=dev)
[![Coverage Status](https://coveralls.io/repos/github/brettdorrans/contentfulexplorer/badge.svg?branch=master)](https://coveralls.io/github/brettdorrans/contentfulexplorer)
[![Build Status](https://travis-ci.org/brettdorrans/contentfulexplorer.svg?branch=master)](https://travis-ci.org/brettdorrans/contentfulexplorer)

[contentfulexplorer](https://brettdorrans.github.io/contentfulexplorer/): Generate React components from Contentful models.

## Quickstart
```bash
➜ npx @lapidist/contentfulexplorer
```

## Development

Install dependencies:
```bash
➜ npm i
```

Find more information about `package.json` scripts:
```bash
➜ npm run info
```
```
info:
  Display information about the package scripts
build:
  Clean and rebuild the project
fix:
  Try to automatically fix any linting problems
test:
  Lint and unit test the project
watch:
  Watch and rebuild the project on save, then rerun relevant tests
cov:
  Rebuild, run tests, then create and open the coverage report
doc:
  Generate HTML API documentation and open it in a browser
version:
  Bump package.json version, update CHANGELOG.md, tag release
reset:
  Delete all untracked files and reset the repo to the last commit
prepare-release:
  One-step: clean, build, test, publish docs, and prep a release
```

Additional build tasks can be found in `package.json`.

## Credits and collaboration
`contentfulexplorer` is maintained by [Brett Dorrans](https://github.com/brettdorrans). I welcome comments, feedback and suggestions. Please feel free to raise an issue or pull request.

## License
`contentfulexplorer` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapidist/cv-generator
Description: Lapidist cv-generator
Author: Brett Dorrans
Latest version: 2.8.2

# @lapidist/cv-generator

![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@lapidist/cv-generator)
[![npm](https://img.shields.io/npm/v/@lapidist/cv-generator)](https://www.npmjs.com/package/@lapidist/cv-generator)
[![Node](https://img.shields.io/node/v/@lapidist/cv-generator)](https://www.npmjs.com/package/@lapidist/cv-generator)
[![Build Status](https://github.com/bylapidist/cv-generator/workflows/Release/badge.svg)](https://github.com/bylapidist/cv-generator/actions?query=workflow%3ARelease)

## License
`@lapidist/cv-generator` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapidist/dtif-schema
Description: JSON Schema for the Design Token Interchange Format (DTIF).
Latest version: 2.0.0

# DTIF Schemas

This directory contains the canonical JSON Schema definitions for the
Design Token Interchange Format (DTIF). It doubles as the published npm
package [`@lapidist/dtif-schema`](https://www.npmjs.com/package/@lapidist/dtif-schema)
so consumers can install versioned schema snapshots without cloning the
repository.

## Files

- [`core.json`](core.json) – schema for the DTIF core specification.
- [`package.json`](package.json) – npm metadata for `@lapidist/dtif-schema`.
- [`README.md`](README.md) – this document is bundled with the npm release.

## Installation

```bash
npm install @lapidist/dtif-schema
```

## Usage

Load the schema from Node or bundlers:

```js
import schema from '@lapidist/dtif-schema/core.json' assert { type: 'json' };

// Validate a document using Ajv
import Ajv from 'ajv/dist/2020.js';
import addFormats from 'ajv-formats';

const ajv = new Ajv({ allErrors: true, strict: true, $data: true });
addFormats(ajv);

const validate = ajv.compile(schema);
const valid = validate(tokens);
```

Prefer [`@lapidist/dtif-validator`](https://www.npmjs.com/package/@lapidist/dtif-validator)
when you want a preconfigured Ajv instance that bundles this schema and
the recommended defaults.

The package only contains published schema files so the payload stays
small. Install the matching version whenever a new specification release
is published to stay aligned.

## TypeScript declarations

`@lapidist/dtif-schema` bundles generated TypeScript declarations at
[`index.d.ts`](index.d.ts) so editors and build tooling can type-check
DTIF documents without installing a separate package.

```ts
import type { DesignTokenInterchangeFormat } from '@lapidist/dtif-schema';

declare const tokens: DesignTokenInterchangeFormat;
```

Run `pnpm run build:packages` to regenerate the declaration file after
editing `core.json`.

## Changelog

Refer to [CHANGELOG.md](CHANGELOG.md) for release history.
npm package: @lapidist/dtif-validator
Description: AJV helper utilities for validating DTIF documents against the official schema.
Latest version: 2.0.0

# @lapidist/dtif-validator

Utilities for validating Design Token Interchange Format (DTIF) documents
with [Ajv](https://ajv.js.org/). The package loads the published
[`@lapidist/dtif-schema`](https://www.npmjs.com/package/@lapidist/dtif-schema)
and configures Ajv with sensible defaults.

## Installation

```bash
npm install --save-dev @lapidist/dtif-validator
```

Peer Ajv dependencies are bundled so no additional packages are required.

## Quick start

```js
import { createDtifValidator, validateDtif } from '@lapidist/dtif-validator';

// Option 1: manage the Ajv instance yourself
const { ajv, validate } = createDtifValidator();
const valid = validate(tokens);
if (!valid) {
  console.error(validate.errors);
}

// Option 2: one-off validation helper
const result = validateDtif(tokens);
if (!result.valid) {
  console.error(result.errors);
}
```

By default the helper uses Ajv's 2020-12 mode, enables strict schema
validation, turns on Ajv's `$data` support, and registers the
`ajv-formats` plugin so string formats (URIs, dates, etc.) are enforced.
Pass an existing Ajv instance or override the options when you need to
extend the validator.

```js
import Ajv2020 from 'ajv/dist/2020.js';
import addFormats from 'ajv-formats';
import { createDtifValidator } from '@lapidist/dtif-validator';

const ajv = new Ajv2020({ strict: true, allErrors: true, $data: true });
addFormats(ajv);

const { validate } = createDtifValidator({ ajv });
```

The DTIF schema is re-exported for convenience:

```js
import { schema } from '@lapidist/dtif-validator';
```

## Versioning

`@lapidist/dtif-validator` is versioned in lockstep with the schema
package (which now bundles the TypeScript declarations). Upgrade both
packages together to stay aligned with the latest DTIF release.

## Changelog

Release history is published in [CHANGELOG.md](CHANGELOG.md).
npm package: @lapidist/linting
Description: Lapidist linting config
Author: Brett Dorrans
Latest version: 4.0.138

# @lapidist/linting

[![GitHub Release](https://img.shields.io/github/release/bylapidist/linting.svg?style=flat)](https://github.com/bylapidist/linting/releases)
[![GitHub Issues](https://img.shields.io/github/issues/bylapidist/linting.svg?style=flat)](https://github.com/bylapidist/linting/issues)
[![Build Status](https://github.com/bylapidist/linting/workflows/Release/badge.svg)](https://github.com/bylapidist/linting/actions?query=workflow%3ARelease)

## Quickstart

```bash
npm install --save-dev @lapidist/linting
```

Extend your config in `.eslintrc.js`, `.prettierrc.js` and `.stylelintrc.js` as follows:

```js
const { eslintConfig } = require('@lapidist/linting');
module.exports = eslintConfig;
```

```js
const { prettierConfig } = require('@lapidist/linting');
module.exports = prettierConfig;
```

```js
const { stylelintConfig } = require('@lapidist/linting');
module.exports = stylelintConfig;
```

## License
`@lapidist/linting` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapidist/safestart
Description: A TypeScript safe start with testing, versioning, coverage, docs and linting set up for you.
Author: Brett Dorrans
Latest version: 1.3.1

# safestart

[![GitHub Release](https://img.shields.io/github/release/brettdorrans/safestart.svg?style=flat)](https://github.com/brettdorrans/safestart/releases)
[![GitHub Issues](https://img.shields.io/github/issues/brettdorrans/safestart.svg?style=flat)](https://github.com/brettdorrans/safestart/issues)
[![Dependencies](https://david-dm.org/brettdorrans/safestart/status.svg?style=flat)](https://david-dm.org/brettdorrans/safestart)
[![Dev Dependencies](https://david-dm.org/brettdorrans/safestart/dev-status.svg)](https://david-dm.org/brettdorrans/safestart?type=dev)
[![Build Status](https://travis-ci.org/brettdorrans/safestart.svg?branch=master)](https://travis-ci.org/brettdorrans/safestart)

[safestart](https://brettdorrans.github.io/safestart/): A TypeScript boilerplate with testing, versioning, coverage, docs and linting set up for you.

## Quickstart

Clone repository into a directory:
```bash
➜ git clone https://github.com/brettdorrans/safestart.git
```

Install dependencies:
```bash
➜ npm i
```

Find more information about `package.json` scripts:
```bash
➜ npm run info
```
```
info:
  Display information about the package scripts
build:
  Clean and rebuild the project
fix:
  Try to automatically fix any linting problems
test:
  Lint and unit test the project
watch:
  Watch and rebuild the project on save, then rerun relevant tests
cov:
  Rebuild, run tests, then create and open the coverage report
doc:
  Generate HTML API documentation and open it in a browser
```

Additional build tasks can be found in `package.json`.

## Credits and collaboration
`safestart` is maintained by [Brett Dorrans](https://github.com/brettdorrans). I welcome comments, feedback and suggestions. Please feel free to raise an issue or pull request.

## License
`safestart` is licensed under the MIT license. See LICENSE.md for the full text.
npm package: @lapidist/safestart-cli
Description: safestart CLI tool
Author: Brett Dorrans
Latest version: 2.4.0

# safestart-cli

[![GitHub Release](https://img.shields.io/github/release/brettdorrans/safestart-cli.svg?style=flat)](https://github.com/brettdorrans/safestart-cli/releases)
[![GitHub Issues](https://img.shields.io/github/issues/brettdorrans/safestart-cli.svg?style=flat)](https://github.com/brettdorrans/safestart-cli/issues)
[![Dependencies](https://david-dm.org/brettdorrans/safestart-cli/status.svg?style=flat)](https://david-dm.org/brettdorrans/safestart-cli)
[![Dev Dependencies](https://david-dm.org/brettdorrans/safestart-cli/dev-status.svg)](https://david-dm.org/brettdorrans/safestart-cli?type=dev)
[![Build Status](https://travis-ci.org/brettdorrans/safestart-cli.svg?branch=master)](https://travis-ci.org/brettdorrans/safestart-cli)

[safestart-cli](https://brettdorrans.github.io/safestart-cli/): safestart CLI tool.

## Quickstart

```bash
➜ npx @lapidist/safestart-cli <project-name>
➜ cd <project-name>
➜ npm run watch
```

Alternatively:
```bash
➜ npm i -g @lapidist/safestart-cli
➜ safestart <project-name>
➜ cd <project-name>
➜ npm run watch
```

## Development

Clone repository into a directory:
```bash
➜ git clone https://github.com/brettdorrans/safestart-cli.git
```

Install dependencies:
```bash
➜ npm i
```

Find more information about `package.json` scripts:
```bash
➜ npm run info
```
```
info:
  Display information about the package scripts
fix:
  Try to automatically fix any linting problems
test:
  Lint and unit test the project
watch:
  Watch and rebuild the project on save, then rerun relevant tests
cov:
  Rebuild, run tests, then create and open the coverage report
```

Additional build tasks can be found in `package.json`.

## Credits and collaboration
`safestart-cli` is maintained by [Brett Dorrans](https://github.com/brettdorrans). I welcome comments, feedback and suggestions. Please feel free to raise an issue or pull request.

## License
`safestart-cli` is licensed under the MIT license. See LICENSE.md for the full text.
npm package: @lapidist/styles
Description: Lapidist shared styles and design tokens
Author: Brett Dorrans
Latest version: 6.2.0

# @lapidist/styles

![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@lapidist/styles)
[![npm](https://img.shields.io/npm/v/@lapidist/styles)](https://www.npmjs.com/package/@lapidist/styles)
[![Node](https://img.shields.io/node/v/@lapidist/styles)](https://www.npmjs.com/package/@lapidist/styles)
[![GitHub Issues](https://img.shields.io/github/issues/bylapidist/styles.svg?style=flat)](https://github.com/bylapidist/styles/issues)
![GitHub](https://img.shields.io/github/license/bylapidist/styles)
[![GitHub Release](https://img.shields.io/github/release/bylapidist/styles.svg?style=flat)](https://github.com/bylapidist/styles/releases)
[![Build Status](https://github.com/bylapidist/styles/workflows/Release/badge.svg)](https://github.com/bylapidist/styles/actions?query=workflow%3ARelease)

## Getting Started

`@lapidist/styles` is available as an [npm package](https://www.npmjs.com/package/@lapidist/styles).

This repository contains design tokens defined using [Style Dictionary](https://github.com/amzn/style-dictionary).

See [https://components.lapidist.net](https://components.lapidist.net) for the full documentation.

## License
`@lapidist/styles` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapidist/template-typescript-library
Description: Lapidist template-typescript-library
Author: Brett Dorrans
Latest version: 1.2.0

# @lapidist/template-typescript-library

![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@lapidist/template-typescript-library)
[![npm](https://img.shields.io/npm/v/@lapidist/template-typescript-library)](https://www.npmjs.com/package/@lapidist/template-typescript-library)
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/bylapidist/template-typescript-library/dev/typescript)
[![codecov](https://codecov.io/gh/bylapidist/template-typescript-library/branch/master/graph/badge.svg)](https://codecov.io/gh/bylapidist/template-typescript-library)
[![Maintainability](https://api.codeclimate.com/v1/badges/d28f67acb582d5705333/maintainability)](https://codeclimate.com/github/bylapidist/template-typescript-library/maintainability)
[![Node](https://img.shields.io/node/v/@lapidist/template-typescript-library)](https://www.npmjs.com/package/@lapidist/components)
[![GitHub Issues](https://img.shields.io/github/issues/bylapidist/template-typescript-library.svg?style=flat)](https://github.com/bylapidist/template-typescript-library/issues)
![GitHub](https://img.shields.io/github/license/bylapidist/template-typescript-library)
[![GitHub Release](https://img.shields.io/github/release/bylapidist/template-typescript-library.svg?style=flat)](https://github.com/bylapidist/template-typescript-library/releases)
[![Build Status](https://github.com/bylapidist/template-typescript-library/workflows/Release/badge.svg)](https://github.com/bylapidist/template-typescript-library/actions?query=workflow%3ARelease)

## License
`@lapidist/template-typescript-library` is licensed under the MIT license. See LICENSE for the full text.
npm package: @lapikit/repl
Description: @lapikit/repl is a Svelte component for Lapikit. It's a add-on package for Lapikit library.
Author: Nycolaide
Latest version: 0.0.6

# @Lapikit/repl

@lapikit/repl is a Svelte component for Lapikit. It's a add-on package for Lapikit library.

## Installation

```bash
npm install -D @lapikit/repl
```

```javascript
// svelte.config.js

import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

const config = {
	preprocess: [vitePreprocess(), lapikitPreprocess({ plugins: ['repl'] })],

	...
};

export default config;
```

## Usage

```svelte
<kit:repl content="console.log('hello')" />
```

```svelte
<script lang="ts">
	import sampleCounter from './samples/counter.svelte?raw';
	import Counter from './samples/counter.svelte';
</script>

<kit:repl presentation content={sampleCounter}>
	<Counter />
</kit:repl>
```

```svelte
<script lang="ts">
	import sampleJson from './samples/json.json?raw';
	import sampleCounter from './samples/counter.svelte?raw';
	import sampleCss from './samples/css.css?raw';
	import Counter from './samples/counter.svelte';
</script>

<kit:repl
	presentation
	content={{
		'Counter.svelte': { code: sampleCounter, lang: 'svelte' },
		'file.json': { code: sampleJson, lang: 'json' },
		'Styles.css': { code: sampleCss, lang: 'css' }
	}}
>
	<Counter />
</kit:repl>
```

```svelte
<script lang="ts">
	import sampleJson from './samples/json.json?raw';
	import sampleCounter from './samples/counter.svelte?raw';
	import sampleCss from './samples/css.css?raw';
	import Counter from './samples/counter.svelte';
</script>

<kit:repl
	content={{
		'Counter.svelte': { code: sampleCounter, lang: 'svelte' },
		'file.json': { code: sampleJson, lang: 'json' },
		'Styles.css': { code: sampleCss, lang: 'css' }
	}}
>
	<Counter />
</kit:repl>
```

## Props

| Prop         | Type                                                      | Default | Description                                                                                                       |
| ------------ | --------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------- |
| content      | string \| Record<string, { code: string; lang?: string }> | ''      | The code content to be displayed in the REPL. It can be a single string or an object representing multiple files. |
| presentation | boolean                                                   | false   | If true, the REPL will be in presentation mode, showing only the output without the code editor.                  |
| tiltle       | string                                                    | ''      | The title displayed on the REPL toolbar.                                                                          |
npm package: @lapilli-ui/components
Description: A library of components you can use in your app to create your layout.
Author: YITH
Latest version: 1.0.0-beta.6

# Lapilli UI - Components

A library of components you can use in your app to create your layout.

## Installation

Install the module

```sh
npm install @lapilli-ui/components @emotion/react @emotion/styled --save
```

## Getting started

Here an example of a basic app using the Button component.

```jsx
import * as React from 'react';
import { Button } from '@lapilli-ui/components';

function App() {
	return <Button variant="outlined" color="secondary">Click me</Button>;
}
```

## Documentation

See the main [Lapilli UI](https://lapilli.yithemes.com) website for the list of available components, API and usage documentation.
npm package: @lapilli-ui/date
Description: A date module to easily handle dates.
Author: YITH
Latest version: 1.0.0-beta.6

# Lapilli UI - Date

A date module to easily handle dates.

## Installation

Install the module

```sh
npm install @lapilli-ui/date --save
```

## Documentation

See the main [Lapilli UI](https://lapilli.yithemes.com) website for the list of available components, API and usage documentation.
npm package: @lapilli-ui/styles
Description: A styling solution for React components, by using `@emotion/styled` and one or more themes. This allows you to customize the style of your components in different contexts.
Author: YITH
Latest version: 1.0.0-beta.6

# Lapilli UI - Styles

A styling solution for React components, by using `@emotion/styled` and one or more themes.
This allows you to customize the style of your components in different contexts.

## Installation

Install the module

```sh
npm install @lapilli-ui/styles @emotion/react @emotion/styled --save
```

## Key concepts

### Styled

Use the styled function to create styled versions of your components.
This will use the `@emotion/styled` library under the wood.

In this way, you have access to the global `theme` object, to retrieve params from that (e.g. colors, spacing, and so on...)

In addition, this will allow your styled components to use the `sx` prop to receive CSS customization.

### Theme Provider

You can easily customize the style of your components or only for a specific "section", by using the `ThemeProvider` to configure the theme options.

```jsx
const theme = {
	palette:
		{
			primary: {
				main        : '#2470ff',
				light       : '#70aaff',
				contrastText: '#ffffff'
			}
		}
};

<ThemeProvider theme={theme}>
	<Button>Click me</Button>
</ThemeProvider>
```

### CSS classes utils

You can use our functions to easily create CSS classes for your components:
- generateComponentClasses
- mergeComponentClasses
- generateComponentSlotClasses

## Documentation

See the main [Lapilli UI](https://lapilli.yithemes.com) website for the list of available components, API and usage documentation.
npm package: @lapilli-ui/tsconfig
Description: These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from.
Author: YITH
Latest version: 1.0.0-beta.6

# Lapilli UI - Typescript configuration

These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from.

## Documentation

See the main [Lapilli UI](https://lapilli.yithemes.com) website for the list of available components, API and usage documentation.
npm package: @lapis-it/vault-env-config
Description: ![Vault-Env-Config logo](https://github.com/LapisIT/lapisian/raw/master/packages/vault-env-config/src/images/vault-env-config.png "Vault logo")
Author: Hiroki Gota
Latest version: 2.3.0

![Vault-Env-Config logo](https://github.com/LapisIT/lapisian/raw/master/packages/vault-env-config/src/images/vault-env-config.png "Vault logo")


# vault-env-config
vault-env-config CLI provides 2 commands to integrate with Vault (https://www.vaultproject.io/) 
using Vault API (node-vault https://www.npmjs.com/package/node-vault).

* Read key/value environment variables from Vault and store them in .env
* Write key/value environment variables from .env to Vault

node-vault is currently using Vault API v1 and does not support v2.

# Usage
## Install
```
npm i @lapis-it/vault-env-config
```
## Configure VAULT_ADDR and VAULT_TOKEN
You can either include VAULT_ADDR and VAULT_TOKEN in .env or export as environment variables.

## read
* -k: The Vault key/value secret path e.g. secret/data/:path (https://www.vaultproject.io/api-docs/secret/kv/kv-v2)
* -e: Specify the path for .env file   
```
export VAULT_ADDR=<YOUR VOLT> \
export VAULT_TOKEN=<YOUR TOKEN> \
export DEBUG=vault-env-config; \
vec read \
-k secret/data/my-project/local \
-e ./local.env
```

## write
* -k: The Vault key/value secret path e.g. secret/data/:path (https://www.vaultproject.io/api-docs/secret/kv/kv-v2)
* -e: Specify the path for a .env file   
```
export VAULT_ADDR=<YOUR VOLT> \
export VAULT_TOKEN=<YOUR TOKEN> \
export DEBUG=vault-env-config; \
vec write \
-k secret/data/my-project/local \
-e ./local.env
```
npm package: @lapisby/generator-codepen
Description: remark-based generator for codepen
Author: dreamind
Latest version: 1.0.0-beta.1

codepen generator for remark
============================

Convert a yaml component specification to an embedded HTML codepen snippet.

Minimal example:

``` yaml
component: codepen
id: 'codepen-minimal'
slug: LpOJzM
user: ImagineProgramming
```

Typical example:

```
---
component: codepen
id: 'codepen-typical'
data:
  height: 265 
  theme-id: 0
  default-tab: result
  user: ImagineProgramming
  slug-hash: LpOJzM
  pen-title: Particle Swarm [Magnetic Field recreation]
---
```
npm package: @lapisby/generator-plotly
Description: remark-based generator for plotly
Author: dreamind
Latest version: 1.0.0-beta.0

plotly generator for remark
============================

Convert a yaml component specification to an embedded HTML plotly snippet.

Example:

``` yaml
id: dom-id
component: plotly
data: >
    [{
      x: [1, 2, 3, 4],
      y: [10, 15, 13, 17],
      mode: 'markers',
      type: 'scatter'
    },
    {
      x: [2, 3, 4, 5],
      y: [16, 5, 11, 9],
      mode: 'lines',
      type: 'scatter'
    },{
      x: [1, 2, 3, 4],
      y: [12, 9, 15, 12],
      mode: 'lines+markers',
      type: 'scatter'
    }]
```
npm package: @lapita/initializr
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.7.
Latest version: 0.0.3

# Initializr

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.7.

## Code scaffolding

Run `ng generate component component-name --project initializr` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project initializr`.
> Note: Don't forget to add `--project initializr` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build initializr` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build initializr`, go to the dist folder `cd dist/initializr` and run `npm publish`.

## Running unit tests

Run `ng test initializr` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @lapix/react-native-pin-screen
Description: A [pin-screen](https://support.google.com/nexus/answer/6118421?hl=en) like functionality for react-native (Android only).
Author: Alejandro Rivera
Latest version: 1.0.2

#### react-native-pin-screen

A [pin-screen](https://support.google.com/nexus/answer/6118421?hl=en) like functionality for react-native (Android only).


## Usage
```javascript
import RNPinScreen from 'react-native-pin-screen';

// no lockscreen anymore - screen go off as usual (button press, idle mode)
RNPinScreen.pin()

// lockscreen comes back - if the device was previously idle, lock screen popup immediately
RNPinScreen.unpin()

```
npm package: @laplap/uikit
Description: Set of UI components for pancake projects
Latest version: 0.0.24

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)