open-index/open-npm huggingface dataset:
npm package: @rohberg/volto-accordion-block
Description: volto-accordion-block: Volto add-on
Author: Katja Süss, github @ksuess
Latest version: 0.3.1

# volto-accordion-block
[![Releases](https://img.shields.io/github/v/release/rohberg/volto-accordion-block)](https://github.com/rohberg/volto-accordion-block/releases)

[Volto](https://github.com/plone/volto) add-on

## Features

Volto block type *question and answer* (FAQ)

FAQ as accordion:
![FAQ as accordion](https://github.com/rohberg/volto-accordion-block/raw/master/public/faq_accordion.png)

Editing the FAQ:
![Editing the FAQ](https://github.com/rohberg/volto-accordion-block/raw/master/public/faq_sidebar.png)

## Getting started

1. Create a new volto project if you don't already have one:
    ```
    npm install -g yo @plone/generator-volto
    yo @plone/volto
    ```

1. Update `package.json`:
    ```json
    "addons": [
        "@rohberg/volto-accordion-block"
    ],

    "dependencies": {
        "@rohberg/volto-accordion-block": "*"
    }
    ```

1. Install new add-on and restart Volto:
    ```
    $ yarn
    $ yarn start
    ```

1. Go to http://localhost:3000

1. Login and edit a page by adding a block of type FAQ


## Author

Katja Süss, Rohberg (@ksuess)


## Training

**If you are new to Volto and or React:**

See the training [Mastering of Plone 6 development](https://training.plone.org/) [Prelease] (https://rohberg.github.io/training-plone/mastering-plone/volto_custom_block.html) where I use this use case and code to explain how to create a custom block type and how to create a Volto add-on.

**If you want to create a Volto add-on:**

One way to start is the template `volto-addon-template`
https://github.com/rohberg/volto-addon-template
npm package: @rohberg/volto-newsblock
Description: volto-newsblock: Volto add-on
Author: ksuess, Katja Süss, Rohberg, https://github.com/rohberg
Latest version: 0.1.0

Select news items and show with image and title.

![Edit news block @rohberg/volto-newsblock](https://github.com/rohberg/volto-newsblock/raw/master/public/edit_page.png)
npm package: @rohfle/snowpack-plugin-watchappcss
Description: This simple plugin is a temporary fix until https://github.com/snowpackjs/snowpack/issues/2916 is solved
Author: rohfle@gmail.com
Latest version: 0.0.1

# snowpack-plugin-watchappcss

This simple plugin is a temporary fix until https://github.com/snowpackjs/snowpack/issues/2916 is solved

## How to use

```
npm install --save-dev @rohfle/snowpack-plugin-watchappcss
```

then add `@rohfle/snowpack-plugin-watchappcss` to your plugins in `snowpack.config.js`

## Issue background

Files defined by the purge rule in `tailwind.config.js` are not being watched for changes, so any svelte changes will not trigger reprocessing of App.css.

## Details

- `@snowpack/plugin-postcss` transforms App.css (which contains `@tailwind base` etc). Postcss starts with the full tailwind styles, then shakes the tree to create a reduced css file. This reduced file has only the classes found in files defined by the purge rule above.
- When a svelte file change is detected, @snowpack/plugin-svelte processes the file. If the file contains a `<style>` tag, it will be processed by svelte-preprocessor using the postcss plugin.
- Because the class attributes in the svelte file are only used during the purge in App.css, and there is no file change in App.css, the new classes will not be added
npm package: @rohilaharsh/react-kit
Description: CLI to initialize a React-related toolkit by installing singleton-injection, context-scoped-state, axios, and rxjs using the detected package manager.
Latest version: 0.1.3

# @rohilaharsh/react-kit

A small CLI that installs a React-related toolkit into an existing Node/React project.

It detects your package manager from lockfiles and runs the appropriate install command for:

- `singleton-injection`
- `context-scoped-state`
- `axios`
- `rxjs`

## Installation & usage

You do **not** install this package as a dependency of your app. Instead, run it via your preferred runner:

```bash
bunx @rohilaharsh/react-kit init
# or
npx @rohilaharsh/react-kit init
# or
pnpm dlx @rohilaharsh/react-kit init
# or
yarn dlx @rohilaharsh/react-kit init
```

Run the command **inside an existing project** that already has a `package.json`.

## What it does

1. Verifies there is a `package.json` in the current working directory.
2. Detects your package manager in this order:
   - `bun.lockb` → Bun
   - `pnpm-lock.yaml` → pnpm
   - `yarn.lock` → Yarn
   - `package-lock.json` → npm
   - Otherwise, falls back to the `packageManager` field in `package.json` if present.
   - If nothing else matches, defaults to npm.
3. Runs the matching install command to add:
   - `singleton-injection`
   - `context-scoped-state`
   - `axios`
   - `rxjs`

## Local development (with Bun)

This repo is built and tested using [Bun](https://bun.sh).

Install dependencies:

```bash
bun install
```

Build the CLI:

```bash
bun run build
```

Run tests:

```bash
bun test
```

## Publishing to npm (using Bun)

Before publishing, make sure you are logged in with npm:

```bash
npm login
```

Then use the provided scripts:

```bash
# Bump version (patch/minor/major) and create a git tag, per npm conventions
npm version patch

# Or use the generic script wired through Bun
bun run version

# Build and publish
bun run publish
```

The `prepublishOnly` hook ensures that the TypeScript sources are compiled to `dist/` before `npm publish` runs.
npm package: @rohilaharsh/wgen
Description: A CLI tool for generating React.js files
Author: Harsh Rohila
Latest version: 1.0.10

# wgen

File generator for React.js app based on TypeScript.

> Note: This will work only for Unix-like shells (bash, zsh etc).

#### Whats with the name "wgen?

wgen is just easy to type and seem to be available name (having "gen" in its name)

### Usage

Install globally with the package manager you are using.

For npm use
`npm i -g @rohilaharsh/wgen`

Then you can use below commands in your React project

- `wgen c <ComponentName>`
  - will create component under `src/components`
- `wgen c <ComponentName> -f <feature-name>`
  - will create component under `src/features/<feature-name>/components`
- `wgen s <service-name> -f <feature-name>`
  - will create service under `src/features/<feature-name>/services`
- `wgen rs <slice-name>`
  - will create redux-slice under `src/redux/slices/<slice-name>`
npm package: @rohit-chouhan/authjs
Description: Easy Social Media Login Authentication integrator
Author: Rohit Chouahn
Latest version: 2.0.0

# AuthJs
Easy Social Media Login Authentication integrator

![authjs](https://i.ibb.co/FXCn5tR/authjs.jpg)

#### CDN
`authjs.min.js`
```sh
https://cdn.jsdelivr.net/npm/@rohit-chouhan/authjs/authjs.min.js
```

`authjs.js`
```sh
https://cdn.jsdelivr.net/npm/@rohit-chouhan/authjs/authjs.js
```

### Installation with NPM

```sh
$ npm install @rohit-chouhan/authjs
```

### Documentation

Method | Use
---|---
authjs.set('<fbappid>') | First step of AuthJs, to Initilize AuthJs for Facebook Login
authjsinit() | Function which will exicute automatically when login success
authjs.login() | Exicute the code for Login with Facebook
authjs.logout() | Logout Facebook from your Project
authjs.staus() | Debug & Check Status of AuthJs
authget.obj | Get data `id, name, profile, accessToken`

### Example Code

```html
<!DOCTYPE html>
<html>
    <head>
        <title>AuthJs Simple Page</title>
        <script src="https://cdn.jsdelivr.net/npm/@rohit-chouhan/authjs/authjs.min.js"></script>
    </head>
    <body>
        <script>
            //Set Facebook APP ID
            authjs.set("89017650134XXXX");

            //Manually Calling Function
            function authjsrun() {
                console.log(authget.id);
                console.log(authget.name);
                console.log(authget.profile);
                console.log(authget.accessToken);
            }

            //Auto Exicute When Login is Success
            function authjsinit() {
                alert("Welcome" + authget.name);
            }
        </script>
        <button onclick="authjsrun()">Get All Info</button>
        <button onclick="authjs.login()">Login</button>
        <button onclick="authjs.logout()">Logout</button>
        <button onclick="authjs.status()">Status</button>
    </body>
</html>

```

### Developers
![Rohit](http://graph.facebook.com/100004453384015/picture?type=square)\
Developed by [Rohit Chouhan](https://rohitchouhan.com),  MIT License
npm package: @rohit-chouhan/bootalert
Description: Bootstrap based js alert
Author: Rohit Chouhan
Latest version: 2.0.1

## Bootalert

A complete pure Bootstrap based alert for Javascript. 
![PHP](https://i.ibb.co/8rLYXkK/bootalert.jpg)

## Installation

#### CDN
bootalert.min.js
```sh
https://unpkg.com/@rohit-chouhan/bootalert/bootalert.min.js
```

bootalert.js
```sh
https://unpkg.com/@rohit-chouhan/bootalert/bootalert.js
```
`with NPM`
```sh
$ npm install @rohit-chouhan/bootalert
```
### Documentation

Method | Use
--------------------------------------|----------------------------------------
bootalert('Hello World') | Header Text in Alert
bootalert('Hello World','I am Bootalert') | Header, Message in Alert
bootalert('Hello World','I am Bootalert','primary') | Header Text, Message, button theme in Alert
bootalert('Hello World','I am Bootalert','primary','Ok') | Header Text, Message, button theme, Button Name in Alert
bootprompt('Enter Name','primary','Get Name') |   `Get Input`Header Text, button theme, Button Name in Alert 

### Get value from bootprompt
There is predefine function to exicute your code and get value.
```javascript
function bootrun(){
 console.log(window.bootval);
}

//complete example
bootprompt('Enter Email');
function bootrun(){
  console.log('Your Email is '+ window.bootval);
}
```

## License
[MIT](https://choosealicense.com/licenses/mit/) License

## Developers
This framework is developed by [Rohit Chouhan](https://facebook.com/itsrohitofficailprofile), Rohit Chouhan is the co-founder and CEO of [Codesler](https://g.co/kgs/1jTqhr), a company that's offering digital marketing services and an accomplished web developer.
npm package: @rohit-chouhan/packgen
Description: Package.json generator for Github & NPM
Author: Rohit Chouhan
Latest version: 1.0.2

# Packgen
Package.json generator for Github &amp; NPM

### Generate Package.json Online
Click Here: [https://rohit-chouhan.github.io/packgen](https://rohit-chouhan.github.io/packgen)

### Installation
```sh
$ npm install @rohit-chouhan/packgen
```

Packgen on NPM : [https://www.npmjs.com/package/@rohit-chouhan/packgen](https://www.npmjs.com/package/@rohit-chouhan/packgen)

Packgen on Gtihub Package : [https://github.com/rohit-chouhan/packgen/packages](https://github.com/rohit-chouhan/packgen/packages)

### How to use?
Its a complete java framework, if want to generate your own package use Java Run command and give all information its will save automaticcly `package.json` in current directory.

```cdm
// STEP 1
> javac Packgen.java

// STEP 2
> java Packgen
```

After provide all information of your package, it will take only 15 sec. and Enjoy.

### Developers
![Rohit](http://graph.facebook.com/100004453384015/picture?type=square)\
Developed by [Rohit Chouhan](https://rohitchouhan.com),  MIT License
npm package: @rohit.wushu/fxlib
Description: Lightweight CSS animation library with utility classes like animate.css
Author: Your Name
Latest version: 1.0.2


# ⚡ FXLib – Lightweight CSS Animation Library

**FXLib** is a lightweight and modern CSS animation library inspired by Animate.css. It provides smooth, customizable animations like bounce, zoom, flip, spin, and fade with minimal footprint – perfect for modern web apps and components.

---

## 🚀 Features

- ✅ Lightweight & minimal – only essential animations
- 🧠 Easy class-based system (no JS needed for most use)
- 🔁 Supports animation delay, duration, and loop
- 🎨 Smooth modern transitions (fade, bounce, zoom, etc.)
- 🔧 Optional JS helpers for advanced control
- 🌐 CDN & npm support for flexible integration

---

## 📦 Installation

```bash
npm install @rohit.wushu/fxlib

import '@rohit.wushu/fxlib/dist/fxlib.min.css';
import fxlib from '@rohit.wushu/fxlib';

### Using CDN:
<!-- FXLib CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@rohit.wushu/fxlib/dist/fxlib.min.css" />

<!-- FXLib JavaScript (optional) -->
<script src="https://cdn.jsdelivr.net/npm/@rohit.wushu/fxlib/dist/fxlib.js"></script>



## ✨ Basic Usage

Apply animation classes directly to HTML elements:

<h2 class="fx-fade-in-up">Hello FXLib!</h2>
<div class="fx-zoom-in">Zoom animation</div>


## ✨ Customising inline styling

<div class="fx-fade-down delay-2s duration-2s repeat-10">
  Bouncing Box
</div>


##  🎨 Animation Classes
FXLib currently supports the following classes:

fx-bounce, fx-fade-up, fx-zoom-in, fx-slide-left, fx-flip-right, fx-bounce-in,  fx-spin,  fx-fade-down, fx-slide-up
fx-flip-left, fx-flip-left and many more 

## 🎯 More animations coming soon!

## 🏷️ Tags & Keywords
fxlib, css animations, animate.css alternative, lightweight animation library, css transitions, bounce, flip, zoom, fade, spin, modern css effects, animation utility, HTML animation, css animation
npm package: @rohit2005/logger
Description: This is logger for node js and express js
Author: Rohit Kushwaha
Latest version: 1.1.0

# Rohit Logger Package

An Node js logger and express middleware

## Installation

### npm

```bash
npm install @rohit2005/logger

```

### pnpm

```bash
pnpm add @rohit2005/logger

```

### Yarn

```bash
yarn add @rohit2005/logger

```

## Quick Start

### Common js

```js
const { Logger } = require("@rohit2005/logger");

const logger = new Logger();

logger.info("Hello World!");
```

### Es6

```js
import { Logger } from "@rohit2005/logger";

const logger = new Logger();

logger.info("Hello World!");
```