open-index/open-npm huggingface dataset:
npm package: @lightdotso/ai
Description: First, run the development server:
Author: LightDotSo
Latest version: 0.0.18

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/blog
Description: First, run the development server:
Author: LightDotSo
Latest version: 0.0.19

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/changelog
Description: First, run the development server:
Author: LightDotSo
Latest version: 3.1.23

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/desktop
Description: This template should help get you started developing with Tauri, React and Typescript in Vite.
Author: LightDotSo
Latest version: 3.1.14

# Tauri + React + Typescript

This template should help get you started developing with Tauri, React and Typescript in Vite.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
npm package: @lightdotso/docs
Description: First, run the development server:
Author: LightDotSo
Latest version: 3.1.24

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/explorer
Description: First, run the development server:
Author: LightDotSo
Latest version: 3.2.24

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/frames
Description: First, run the development server:
Author: LightDotSo
Latest version: 0.0.14

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/home
Description: First, run the development server:
Author: LightDotSo
Latest version: 3.1.23

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/inngest
Description: First, run the development server:
Author: LightDotSo
Latest version: 0.0.12

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightdotso/proposals
Description: First, run the development server:
Author: LightDotSo
Latest version: 0.0.19

## Getting Started

First, run the development server:

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @lightech-llc/case-converter
Description: This is a library used intercept the requests for Python BE projects
Author: Lightech Team
Latest version: 0.0.7

# Lightech Angular Interceptor

This interceptor was created to work around Python BE and convert `snake_cased` response to appropriate `camelCase` and
backwards for payload.

## Installation and setup

Run this command to install the package:

```commandline
yarn add @lightech-llc/case-converter
```

Add this `CASE_CONVERTER_PROVIDER` to the `providers: []` list of the root module of your application:

```typescript
import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

import {CASE_CONVERTER_PROVIDER} from '@lightech-llc/case-converter';

import {AppComponent} from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [CASE_CONVERTER_PROVIDER],
  bootstrap: [AppComponent],
})
export class AppModule {}
```
npm package: @lightech-llc/eslint-config-angular
Description: Local Lightech eslint configuration for Angular projects.
Author: Nikita Kovalev
Latest version: 1.0.4

# Installation and setup

- Run the command:
```commandline
yarn add -D @lightech-llc/eslint-config-angular
yarn add -D @commitlint/config-conventional
yarn add -D husky

husky install
```
`husky instal` command will add directory `.husky`, create there 2 files:
```
cd .husky/
husky add pre-commit
husky add commit-msg
```
1) pre-commit:
```shell
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx lint-staged
```
2) commit-msg:
```shell
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx commitlint --edit $1
```
- Add `tsconfig.eslint.json` file:
```json
{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "rootDir": ".",
    "baseUrl": ".",
    "strict": false,
    "incremental": true
  },
  "include": ["src", "projects"],
  "exclude": ["**/node_modules", "**/schematics/**", "**/.*/", "*.js"]
}
```
- Add `.eslintrc.js` file:
```js
/**
 * @type {import('eslint').Linter.Config}
 */
module.exports = {
  root: true,
  extends: ['@lightech-llc/eslint-config-angular'],
  ignorePatterns: [
    'e2e',
    'src/**/test.ts',
    'src/**/main.ts',
    'src/**/polyfills.ts',
    '*.js',
    '*.json',
    '*.scss',
    '*.md',
  ],
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: 'module',
    project: [require.resolve('./tsconfig.eslint.json')],
  },
  parser: '@typescript-eslint/parser',
};
```
- Add `commitlint.config.js` file:
```js
module.exports = { extends: ['@commitlint/config-conventional'] };
```
- Add `.lintstagedrc.js` file:
```javascript
module.exports = {
  '*.{js,ts,html,md,scss,json}': ['npm run lint -- --fix', 'prettier --write', 'git add'],
  '*.scss': ['stylelint --fix', 'git add'],
};

```
- Add next scripts to `package.json`:
```json
"scripts": {
  "lint": "eslint ."
}
```
npm package: @lightech-llc/prettier-config
Description: Lightech prettier configuration for Angular projects.
Author: Nikita Kovalev
Latest version: 1.0.0

# Installation and setup

- Run the command:
```commandline
yarn add -D @lightech-llc/prettier-config
```
- Create the file `.prettierrc.js` at the project root.
```js
// .prettierrc.js
module.exports = require('@lightech-llc/prettier-config');
```
- Add `.prettierignore` file, example:
```text
dist
**/coverage/**
*/import/
**/schematics/*/files/**/*
package-lock.json
```
- Add the script in `package.json`:
```json
"scripts": {
  "prettier": "prettier '**/*.{js,ts,html,md,scss,less,json}' --write"
}
```
npm package: @lightech-llc/stylelint-config
Description: Lightech stylelint configuration for Angular projects.
Author: Lightech Team
Latest version: 1.0.1

# Installation and setup

- Run the commands:
```commandline
yarn add -D @lightech-llc/stylelint-config
yarn add -D postcss
```
- Create the file `.stylelintrc` at the source root of your project, example:
```json
{
  "extends": [
    "@lightech-llc/stylelint-config/scss",
    "@lightech-llc/stylelint-config/angular"
  ],
  "ignoreFiles": [
    "**/dist/**",
    "**/coverage/**",
    "**/node_modules/**",
    "**/.angular/**"
  ]
}
```
- Add next script to package.json:
```json
"scripts": {
  "stylelint": "stylelint '**/*.scss'"
}
```
npm package: @lightenna/react-mermaid-diagram
Description: Simple React Component for embedding Mermaid diagrams
Author: cleverlight
Latest version: 1.0.22

# react-mermaid-diagram

Simple React component to embed Mermaid diagrams.

## Getting started

The [NPM module](https://www.npmjs.com/package/@lightenna/react-mermaid-diagram) is available on npmjs.com:

```
npm install mermaid react
npm install @lightenna/react-mermaid-diagram
```

Then use the component in your React app:

```jsx
import {MermaidDiagram} from "@lightenna/react-mermaid-diagram";

const diagram_text="graph TD\nA-->B;\nB-->C;\n";
return <MermaidDiagram>
  {diagram_text}
</MermaidDiagram>;
```

If using with Next.js, Mermaid is a client-side library, so you'll need your containing component to identify that it's running on the client side:

```jsx
'use client';
import { MermaidDiagram } from '@lightenna/react-mermaid-diagram';

export default function Diagram() {
  return <MermaidDiagram>{`graph TD;\nA-->B;\nB-->C;`}</MermaidDiagram>;
}
```

## Reporting issues

When reporting issues please include a link to a [CodeSandbox](https://codesandbox.io/) or [StackBlitz](https://stackblitz.com/) that reproduces the issue. This will help us to quickly identify and fix the problem.

If you're struggling to create a reproduction, this [StackBlitz Next.js example](https://stackblitz.com/edit/stackblitz-starters-xzmlstlh) that uses the `MermaidDiagram` component may help you.