open-index/open-npm huggingface dataset:
npm package: @khalisoft/nexcl
Description: Next.js CLI with built-in admin (/ctrl)
Author: Devkaahl
Latest version: 1.0.7

# nexcl

[![npm version](https://img.shields.io/npm/v/@khalisoft/nexcl.svg)](https://www.npmjs.com/package/@khalisoft/nexcl)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

**Next.js CLI with built-in admin panel** — Scaffold production-ready Next.js apps with an optional `/ctrl` admin system in seconds.

---

## Features

- **Next.js scaffolding** — Creates apps with TypeScript, App Router, ESLint, and `src/` directory
- **Optional `/ctrl` admin panel** — Dashboard, Pages, Users, and Settings sections out of the box
- **Route protection** — Middleware for `/ctrl` routes (ready for your auth logic)
- **Extra dependencies** — Pre-installs `axios` and `zustand` for common use cases
- **Interactive prompts** — Simple CLI flow to configure your project

---

## Installation

```bash
# npm
npm install -g @khalisoft/nexcl

# pnpm
pnpm add -g @khalisoft/nexcl

# yarn
yarn global add @khalisoft/nexcl
```

---

## Usage

```bash
nexcl [project-name]
```

If you omit the project name, you'll be prompted to enter one.

### Example

```bash
nexcl my-app
```

You'll be asked:

1. **Project name** — Defaults to `my-app` or the name you passed
2. **Include /ctrl admin panel?** — `yes` (default) or `no`

Then run your app:

```bash
cd my-app && npm run dev
```

---

## What Gets Created

### Base Next.js app

- TypeScript
- App Router
- ESLint
- `src/` directory
- Import alias `@/*`

### With `/ctrl` admin (optional)

- **Layout** — Sidebar navigation (Dashboard, Pages, Users, Settings)
- **Routes** — `/ctrl`, `/ctrl/pages`, `/ctrl/users`, `/ctrl/settings`
- **Middleware** — Placeholder for admin route protection

### Extra packages

- `axios` — HTTP client
- `zustand` — State management

---

## Project Structure (with /ctrl)

```
my-app/
├── app/
│   ├── ctrl/
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   ├── pages/page.tsx
│   │   ├── users/page.tsx
│   │   └── settings/page.tsx
│   └── ...
├── src/
│   └── middleware.ts
└── ...
```

---

## Development

For contributors who want to run the CLI from source:

```bash
# Clone the repo
git clone https://github.com/khalisoft/nexcl.git
cd nexcl

# Install dependencies
pnpm install

# Run in dev mode (no build)
pnpm dev

# Build for release
pnpm build
```

---

## Contributing

Contributions are welcome. Please open an issue or submit a pull request.

---

## License

[MIT](LICENSE) © Devkaahl
npm package: @khalisoft/windmill-react-ui2
Description: React UI component library built with Tailwind CSS, just an update to @tailwindcss/forms to 0.5.2
Author: Muhammad Khalil
Latest version: 0.0.4

# Windmill React UI

The component library for fast and accessible development of gorgeous interfaces.

<p>
  <a href="https://codecov.io/gh/estevanmaito/windmill-react-ui"><img src="https://codecov.io/gh/estevanmaito/windmill-react-ui/branch/master/graph/badge.svg" alt="codecov" /></a>
  <img src="https://github.com/estevanmaito/windmill-react-ui/workflows/Build/badge.svg" alt="Build" />
  <a href="https://www.npmjs.com/package/@windmill/react-ui"><img src="https://img.shields.io/npm/v/@windmill/react-ui" alt="npm" /></a>
  <a href="https://github.com/estevanmaito/windmill-react-ui/blob/master/LICENSE"><img src="https://img.shields.io/github/license/estevanmaito/windmill-react-ui" alt="MIT License" /></a>
</p>

Projects using it: [Windmill Dashboard React](https://github.com/estevanmaito/windmill-dashboard-react)

## Mission

Be the most accessible it can be out of the box and the fastest way to production.

[Go to docs to see complete, live examples](https://windmillui.com/react-ui)

## 🚀 Usage

Install

```sh
npm i @khalisoft/windmill-react-ui2
```

Inside `tailwind.config.js`

```js
const windmill = require('@windmill/react-ui/config')
module.exports = windmill({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
})
```

Then place `Windmill` at the root of your project (the order doesn't matter, as long as your application is inside).

```js
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { Windmill } from '@windmill/react-ui'

ReactDOM.render(
  <Windmill>
    <App />
  </Windmill>,
  document.getElementById('root')
)
```

Use components inside your project

```js
import { Button } from '@windmill/react-ui'

function App() {
  return <Button>Hi there!</Button>
}

export default App
```

## 🔌 Contributing

- Fork
- Clone
- `npm install`
- `npm run storybook`

It will start a local server at `localhost:6006` with all components rendered.

⚠ Use `npm run cz` instead of `git commit`! It will guide you through some short questions and guarantee that you commit message is standardized.

Commit will also trigger linting and test coverage.
npm package: @khalyomede/fang-babel
Description: Fang plugin to use babel.
Author: Khalyomede
Latest version: 0.1.0

# Fang Babel

[Fang](https://www.npmjs.com/package/@khalyomede/fang-pug) plugin to use babel.

## Summary

- [Installation](#installation)
- [Usage](#usage)

## Installation

1. Install [fang](https://www.npmjs.com/package/@khalyomede/fang-pug)

```bash
npm install --save-dev @khalyomede/fang@0.*
```

2. Install this plugin

```bash
npm install --save-dev @khalyomede/fang-babel@0.*
```

3. Create a task file (on the root of your folder)

```javascript
// fang.js
const fang = require('@khalyomede/fang');
const babel = require('@khalyomede/fang-babel');

const js = () => fang.from('src/js/**/*.js')
  .do(babel())
  .save('dist/js');

const build = [js];

module.exports = { build };
```

## Usage

- [Example 1: simple usage](#example-1-simple-usage)
- [Example 2: with options](#example-2-with-options)

### Example 1: simple usage

In this example, we will convert our javascript files to supports earlier browser using babel.

```javascript
// fang.js
const fang = require('@khalyomede/fang');
const babel = require('@khalyomede/fang-babel');

const js = () => fang.from('src/js/**/*.js')
  .do(babel())
  .save('dist/js');

const build = [js];

module.exports = { build };
```

### Example 2: with options

In this example, we will ask babel to add an additional inlined source map using the options parameter of this plugin.

```javascript
// fang.js
const fang = require('@khalyomede/fang');
const babel = require('@khalyomede/fang-babel');

const js = () => fang.from('src/js/**/*.js')
  .do(babel({
      sourceMaps: 'inline'
  }))
  .save('dist/js');

const build = [js];

module.exports = { build };
```
npm package: @khalyomede/fang-browserify
Description: Fang plugin to use browserify
Author: Khalyomede
Latest version: 0.1.1

# Fang Browserify

[Fang](https://www.npmjs.com/package/@khalyomede/fang) plugin to use browserify.

## Summary

- [Installation](#installation)
- [Usage](#usage)

## Installation

1. Install [fang](https://www.npmjs.com/package/@khalyomede/fang)

```bash
npm install --save-dev @khalyomede/fang@0.*
```

2. Install this package

```bash
npm install --save-dev @khalyomede/fang-browserify@0.*
```

3. Create a script alias

```javascript
// package.json
{
  "scripts": {
    "fang": "fang"
  }
}
```

4. Create a task file (at the root of your folder)

```javascript
// fang.js
const fang = require('@khalyomede/fang');
const browserify = require('@khalyomede/fang-browserify');

const js = () => fang.from('src/js/**/*.js')
  .do(browserify())
  .save('dist/js');

const build = [js];

module.exports = { build };
```

## Usage

- [Example 1: simple usage](#example-1-simple-usage)
- [Example 2: with options](#example-2-with-options)

### Example 1: simple usage

In this example, we will convert our modules imports into a browser-compatible javascript code.

```javascript
// fang.js
const fang = require('@khalyomede/fang');
const browserify = require('@khalyomede/fang-browserify');

const js = () => fang.from('src/js/**/*.js')
  .do(browserify())
  .save('dist/js');

const build = [js];

module.exports = { build };
```

### Example 2: with options

In this example, we are using some of the options provided by browserify to customize the behavior of this module.

```javascript
const fang = require('@khalyomede/fang');
const browserify = require('@khalyomede/fang-browserify');

const js = () => fang.from('src/js/**/*.js')
  .do(browserify({
    debug: true // add a soure map inlined at the end of the file
  }))
  .save('dist/js');

const build = [js];

module.exports = { build };
```
npm package: @khalyomede/fang-pug
Description: Fang plugin for pug.
Author: Khalyomede
Latest version: 0.1.2

# Fang Pug

Compile Pug files to html using [pug](https://www.npmjs.com/package/pug). See [Pug documentation](https://pugjs.org/api/getting-started.html) to learn more about this language.

## Summary

- [Installation](#installation)
- [Usage](#usage)

## Installation

Install globally [`@khalyomede/fang`](https://www.npmjs.com/package/@khalyomede/fang) if you did not yet.

NPM:

```bash
npm install --save-dev @khalyomede/fang-pug@0.* @khalyomede/fang@0.*
```

Yarn:

```bash
yarn add --dev @khalyomede/fang-pug@0.* @khalyomede/fang@0.*
```

## Usage

- [Basic usage](#basic-usage)

### Basic usage

In this example, we will compile our pug file into html.

_fang.js_
```javascript
const fang = require('fang');
const fangPug = require('fang-pug');

const pug = () => fang.from('src/pug/**/*.pug')
    .do(fangPug())
    .save('dist');

const build = [pug];

module.exports = { build };
```

```bash
> yarn fang build
```
npm package: @khalyomede/prototype-storm
Description: Supercharge your Javascript!
Author: Khalyomede
Latest version: 0.2.1

# Prototype Storm

Supercharge your Javascript!

![https://npmjs.org/@khalyomede/prototype-storm](https://img.shields.io/npm/v/@khalyomede/prototype-storm.svg) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@khalyomede/prototype-storm.svg) ![NPM](https://img.shields.io/npm/l/@khalyomede/prototype-storm.svg) ![Snyk Vulnerabilities for npm package](https://img.shields.io/snyk/vulnerabilities/npm/@khalyomede/prototype-storm.svg) [![Build Status](https://travis-ci.com/khalyomede/prototype-storm.svg?branch=master)](https://travis-ci.com/khalyomede/prototype-storm)

## Summary

- [About](#about)
- [Installation](#installation)
- [Prototypes documentation](#prototypes-documentation)
- [Usage](#usage)

## About

I created this library because I saw on StackOverflow and Dev.to people using Underscore.js and Loadash. After I took a look, I thought "why do they use functional programming, while Javascript has this inner power with chainable prototypes?".

For many, the issue was to keep Javascript immutable, for others it was that Prototypes are "unsafe" because they could broke existing function. None of those explaination convinced me, because prototypes are immutable by default, and I can manage to not break existing function by checking if the prototype already exist or not in the object.

So I decided to give it a try.

## Installation

With NPM:

```bash
npm install @khalyomede/prototype-storm@0.*
```

## Usage

- [With Node](#with-node)

### With Node

You can either do tree shaking over the prototypes you which to take:

```javascript
import { max, radians, absolute } from "@khalyomede/prototype-storm"; // Supercharge the object Number with "radians", and "absolute", and the object Array with "max", so do not use those variables directly

const numbers = [-12, -41, -87];

numbers
	.max() // -12
	.radians() // -0.20943951
	.absolute(); // 0.20943951
```

Or import the whole prototypes:

```javascript
import "@khalyomede/prototype-storm"; // Every objects have been supercharged!
```

## Prototypes documentation

You can find the full documentation here: [prototypes](prototypes.md).
npm package: @khalyomede/star-dust
Description: CSS Framework based on Material Design guidelines.
Author: Khalyomede
Latest version: 0.1.0

# Star Dust

CSS Framework based on Material Design guidelines.

## Summary

- [About](#about)
- [Advantages](#advantages)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)

## About

Star Dust is my attempt of making a modular CSS framework based on [Material Design guidelines](https://material.io/design/). Those design principles are clear, because they address an issue from A to Z. Theyt are consistant, with a single design line accross a bunch of components. These principles are conscise, which promotes information destructuration and other modern UX improvements for the end user, and they offer a great designer experience with precise guidance (spacing, design choices, ...).

Star Dust main target is the web apps, websites, and others platform supporting HTML/CSS.

## Advantages

- Flexible: either import the hole css file, or use [SASS](https://sass-lang.com/) to code-split your css files.
- Lightweight: If you use SASS, you can greatly reduce the number of unused CSS.
- Hackable: Use of variables let you customize every component at a very fine grain.
- Easily integrable: Each components is under the `sd` "namespace" (e.g. class), which does not interfer with other frameworks.

## Installation

- [CDN](#cdn)
- [NPM](#npm)

### CDN

Available soon.

### NPM

Available soon.

## Usage

Available soon.

## Contributing

- [Project architecture explained](#project-architecture-explained)
- [Where I need you](#where-I-need-you)

### Project architecture explained

1. Star Dust is using [Gulp.js](https://gulpjs.com/) for building its components.
2. The build command is available using: `npm run build`.
3. You can start a development program for continuous build: `npm run start`. It will listen changes so you do not have to run the build command manually.
4. Actually, I prefer using [Yarn](https://yarnpkg.com/lang/en/) for the command above because I can see a cute little cat besides my `yarn.lock` file 🐱 (and also for the speed)
5. Stylesheets are managed using [SASS](https://sass-lang.com/) (and then built to CSS via the build command).
6. Star Dust uses [StyleLint](https://stylelint.io/), in order to keep some code consistancy.
7. This project is being tested using [BrowserStack](https://www.browserstack.com/), so I can stay in line with the most devices possible. BrowserStack is making this project so much more reliable by providing a **tons** of available devices, from smartphones to multiple browsers, across iOS, Windows, and plenty more, so make sure to check their offer!

### Where I need you

First, just have fun with your pull requests. I need this to be a pleasant occasion to help the project. Just thinking how much time you spent on the PR is making me so happy, so do not hesitate, even if it is a one character typo!

- Finding a CI tool (Travis?)
- Finding a test tool for end-to-end testing
- Finding a documentation generator (or something that let us manually publish updates)

Have fun guys!