open-index/open-npm huggingface dataset:
npm package: @jadex/snowpack-plugin-tailwindcss-jit
Description: Snowpack plugin to watch template files and enable on-demand TailwindCSS JIT compilation for development
Author: Xeevis
Latest version: 0.3.0
Deprecated: This package is no longer necessary. TailwindCSS JIT is now officially supported by the latest Snowpack.

# @jadex/snowpack-plugin-tailwindcss-jit

![MIT License](https://img.shields.io/github/license/jadex/snowpack-plugin-tailwindcss-jit)
[![NPM version](https://img.shields.io/npm/v/@jadex/snowpack-plugin-tailwindcss-jit)](https://www.npmjs.com/package/@jadex/snowpack-plugin-tailwindcss-jit)
[![NPM downloads](https://img.shields.io/npm/dt/@jadex/snowpack-plugin-tailwindcss-jit)](https://www.npmjs.com/package/@jadex/snowpack-plugin-tailwindcss-jit)
[![Node.js Package](https://github.com/jadex/snowpack-plugin-tailwindcss-jit/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/JadeX/snowpack-plugin-tailwindcss-jit/actions/workflows/npm-publish.yml)

This is a simple drag & drop [Snowpack](https://www.snowpack.dev/tutorials/quick-start) plugin that enables [TailwindCSS JIT](https://tailwindcss.com/docs/just-in-time-mode) to work with `snowpack dev` & `snowpack build --watch`.

## Installation

Please make sure you have properly setup your project to work with Snowpack, PostCSS, TailwindCSS JIT and development evironment variables according to respective documentations.

```bash
npm install @jadex/snowpack-plugin-tailwindcss-jit --save-dev
```



```js
/* snowpack.config.js */

module.exports = {
  plugins: ["@snowpack/plugin-postcss", "@jadex/snowpack-plugin-tailwindcss-jit"],
};
```

## Usage
```bash
snowpack dev
```
or
```bash
snowpack build --watch
```

## Why is extra plugin necessary?
Deficiency is in `@snowpack/plugin-postcss` plugin which doesn't support PostCSS Dependency Message API which Tailwind uses to tell what else has changed. When it does, this plugin shouldn't be necessary anymore and will be deprecated.

## Troubleshooting
>Make sure you set `NODE_ENV=development` or Tailwind won't watch your template files for changes.
>
>If you want to control whether Tailwind watches files or not more explicitly, set `TAILWIND_MODE=watch` to override the default `NODE_ENV`-based behavior.

## Disclaimer
Normally I'm not a javascript developer, as far as I can tell this works. Can't guarantee it will work for everyone, so please report any issues. 😐
npm package: @jadfe/bdesign
Description: A components of pc base on vue2.X
Author: jad-fe
Latest version: 1.0.1

<p align="center">
  <a href="#vue">
    <img src="https://img.shields.io/badge/vue-2.5.13-blue">
  </a>
  <a href="LICENSE">
    <img src="https://img.shields.io/badge/license-MIT-yellow">
  </a>
</p>

> A high-quality Vue.js 2.x UI Toolkit for Web.

## Install
```
npm install @jadfe/bdesign --save
```

## Quick Start
``` javascript
import Vue from 'vue'

import JadPc from '@jadfe/bdesign'

// style: theme-defult
import '@jadfe/bdesign/dist/jad.css'

Vue.use(JadPc)

// or

import Datepicker from '@jadfe/bdesign/src/components/Datepicker'

Vue.component('vDatepicker', Datepicker);

```

For more information, please refer to [Quick Start](https://bdesign.jd.com/components/guid/install) in our documentation.

## Browser Support
Modern browsers and Internet Explorer 10+.

## Changelog
Detailed changes for each release are documented in the [release notes](https://bdesign.jd.com/components/guid/infoLog).

## LICENSE
[MIT](LICENSE)
npm package: @jadinec/core-sheet
Description: FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
Latest version: 1.1.106

# @online-sheet/core

FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

See our repo [online-sheet](https://github.com/eoncn/online-sheet) for more information.

## Install

Using npm:

```bash
$ npm install --save  @online-sheet/core
```

or using yarn:

```bash
$ yarn add @online-sheet/core
```
npm package: @jadinec/react-sheet
Description: FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
Latest version: 1.1.51

# @online-sheet/react

FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

See our repo [online-sheet](https://github.com/eoncn/online-sheet) for more information.

## Install

Using npm:

```bash
$ npm install --save  @online-sheet/react
```

or using yarn:

```bash
$ yarn add @online-sheet/react
```
npm package: @jadirajkumar/common-workspace
Description: Shared Angular utilities library
Author: Rajkumar
Latest version: 1.0.5

# CommonUtilities

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build common-utilities
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:
   ```bash
   cd dist/common-utilities
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests on

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @jadis/core
Description: Jadis is a minimal JavaScript library for building web interfaces using native Web Components.
Author: Leal Bioley
Latest version: 0.12.1

# *Jadis*

**Jadis** is a minimal JavaScript toolkit for building web interfaces using native Web Components: no virtual DOM, no reactivity system, no compile step. Just clean, readable, native code.

> The web, like it used to be.

## Documentation

You can find the full documentation on [github pages](https://bioleyl.github.io/jadis/).

## Why *Jadis*?

Modern frontend frameworks are powerful, but they come at a cost:

- Complex tooling and configuration
- Steep learning curves
- Bloated bundles
- Fragile abstractions

*Jadis* is dedicated to simplicity and bringing things back to the basics:

- Native Web Components
- No framework-specific syntax
- Zero dependencies
- Works with just a browser

## What You Get

- A set of tiny helpers to make Web Components simpler and more enjoyable to use
- Simple templating without JSX or complex DSLs
- A feeling of control and peace

## Installation

```bash
npm install @jadis/core
```

## Example

```javascript
import { Jadis, html, createSelector } from '@jadis/core';

class HelloWorld extends Jadis {
  static selector = createSelector('hello-world');
  
  templateHtml() {
    return html`<p>Hello, <span id="name"></span></p>`;
  }

  onConnect() {
    this.getElement('#name').textContent = 'Jadis developers';
  }
}

HelloWorld.register();
```

Then in your HTML:

```html
<hello-world></hello-world>
```

## Philosophy

*Jadis* isn't trying to replace React or Vue. It's here for when you want to:

- Build small, fast, maintainable UI pieces
- Avoid a bloated toolchain
- Use the platform, not fight it

## When to Use *Jadis*

Use it when you:

- Want simplicity and speed
- Build micro-frontends, design systems, or widgets
- Miss the days when you could understand your app in one file

Avoid it if you need:

- Complex state management
- SSR or hydration

## What *Jadis* doesn’t do (on purpose)

*Jadis* is intentionally boring, in the best way.

- No virtual DOM, but real DOM, updated by you
- No JSX / TSX, but Plain HTML templates
- No magic reactivity, but direct control over state and updates
- No decorators or class gymnastics: it works with both TypeScript and vanilla JS
- No complex build setup: just a browser and a script tag
- No over-engineered reactive stores: just event buses when you need global state, and they still work beautifully

> You’d be surprised how much you can build without the "modern essentials".

## Try It Out

Give it a spin. Build something in 5 minutes. Rediscover the joy of shipping features without wrestling with your framework.

```bash
npm install @jadis/core
```

> The web has always been powerful. *Jadis* reminds you how it used to feel.

## Contributing

Feel free to open issues or submit PRs. Simplicity is key!

## License

MIT - Made with ❤️, ☕, a bit of 🧠 and Neovim.
npm package: @jadis/create
Description: Jadis boilerplate generator
Author: Leal Bioley
Latest version: 1.7.0

# @jadis/create

A simple CLI to scaffold a new project using [Jadis](https://www.npmjs.com/package/@jadis/core). No build tools, no fuss, just the web.

## Usage

```bash
npx @jadis/create js my-app
```

or, for a Typescript starter:

```bash
npx @jadis/create ts my-app
```

This will create a new directory called `my-app` with a minimal and ready-to-code *Jadis* setup.

## Run the Project

```bash
cd my-app
npm install
npm run dev
```

This will start a local dev server with instant reload.

## Why This CLI?

Because *Jadis* is about simplicity. This CLI gives you only what you need to start: no boilerplate bloat, no unnecessary complexity, no heavy dependencies.

## License

MIT - Made with ❤️, ☕, a bit of 🧠 and Neovim.
npm package: @jadsonlucena/mediatypes
Description: This is a comprehensive compilation of media types that is periodically updated through the following projects: Apache, NGINX and Debian
Author: JadsonLucena
Latest version: 1.1.0

# MediaTypes
[![CodeQL](https://github.com/JadsonLucena/MediaTypes.js/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/JadsonLucena/MediaTypes.js/actions/workflows/github-code-scanning/codeql)
[![Test](https://github.com/JadsonLucena/MediaTypes.js/actions/workflows/test.yml/badge.svg)](https://github.com/JadsonLucena/MediaTypes.js/actions/workflows/test.yml)
[![Coverage](https://coveralls.io/repos/github/JadsonLucena/MediaTypes.js/badge.svg)](https://coveralls.io/github/JadsonLucena/MediaTypes.js)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-%23FE5196?logo=conventionalcommits&logoColor=white)](https://conventionalcommits.org)

This is a comprehensive compilation of media types under the [RFC-6838](https://www.rfc-editor.org/rfc/rfc6838) protocol that may be periodically updated through the following projects: [Apache](https://github.com/apache/httpd/blob/trunk/docs/conf/mime.types), [NGINX](https://github.com/nginx/nginx/blob/master/conf/mime.types) and [Debian](https://salsa.debian.org/debian/media-types/-/blob/master/mime.types)


## What is
A file's extension has no meaning on the web. In order for the client to interpret the document correctly, the media type must be sent in the Content-Type header.


## Interface
Although this is a javascript module, we use a typescript interface to maintain interoperability and better readability. See: [src/MediaTypes.d.ts](src/MediaTypes.d.ts)

## Specifications
We strive to maintain complete code coverage in tests. With that, we provide all the necessary use cases for a good understanding of how this module works. See: [test/MediaTypes.spec.js](test/MediaTypes.spec.js)
npm package: @jadsonlucena/signedaccess
Description: Sign and verify URLs and cookies to add a layer of protection to publicly accessible routes
Author: JadsonLucena
Latest version: 2.1.0

# SignedAccess
[![CodeQL](https://github.com/JadsonLucena/SignedAccess.js/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/JadsonLucena/SignedAccess.js/actions/workflows/github-code-scanning/codeql)
[![Test](https://github.com/JadsonLucena/SignedAccess.js/workflows/test/badge.svg)](https://github.com/JadsonLucena/SignedAccess.js/actions?workflow=test)
[![Coverage](https://coveralls.io/repos/github/JadsonLucena/SignedAccess.js/badge.svg)](https://coveralls.io/github/JadsonLucena/SignedAccess.js)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-%23FE5196?logo=conventionalcommits&logoColor=white)](https://conventionalcommits.org)

Sign and verify URLs and cookies to add a layer of protection to publicly accessible routes

## Which is?
A signed URL or signed cookie provides limited time and permission for non-credentialed origins to perform a number of specific actions on one resource or several based on a common prefix.
The subscription ensures that the permissions for a particular resource are not modified or tampered with.

## Features
- [x] Sign and verify URL and cookie
- [x] Freedom of choice in algorithm and encryption key
- [x] Access validity time
- [x] Possibility of using IP to prevent unauthorized access
- [x] Possibility to restrict which HTTP methods can be used in the request
- [x] Possibility to use nonce values to prevent replay attacks
- [x] Possibility to allow access to multiple URLs based on a common prefix


## Interfaces
Although this is a javascript module, we use a typescript interface to maintain interoperability and better readability. See: [src/SignedAccess.d.ts](src/SignedAccess.d.ts)


> It is recommended to end all pathnames with / unless you intentionally choose to end the pathname with a partial filename.\
> The pathname /data grants access to at least two of the following URLs:\
> example.com/database\
> example.com/data/file1

> The signURL method needs to save the information in the searchParams, so the "expires, ip, method, nonce, prefix and signature" queries are reserved for this module's control. If your original url has one of these queries previously, it will be removed or overwritten to avoid conflicts in the signature verification.

> The nonce is signed in the cookie or URL, but it's up to your application to save them and check if they've already been used.

## Specifications
We strive to maintain complete code coverage in tests. With that, we provide all the necessary use cases for a good understanding of how this module works. See: [test/SignedAccess.spec.js](test/SignedAccess.spec.js)
npm package: @jadt26/react-barcode-scanner
Description: React Barcode Scanner
Author: Jad Termsani
Latest version: 1.1.0

# React QR Barcode Scanner

Forked from [react-qr-barcode-scanner](https://github.com/steima/react-qr-barcode-scanner)

**Supports React 17!**

## Installation

```bash
npm i @jadt26/react-barcode-scanner
```

## Usage in React

```jsx
import React, { useState } from 'react';
import BarcodeScannerComponent from '@jadt26/react-barcode-scanner';

function App() {
  const [data, setData] = useState('Not Found');

  return (
    <>
      <BarcodeScannerComponent
        width={500}
        height={500}
        onUpdate={(err, result) => {
          if (result) setData(result.text);
          else setData('Not Found');
        }}
      />
      <p>{data}</p>
    </>
  );
}

export default App;
```
npm package: @jadujoel/import-bundled
Description: Builds and imports a typescript or javascript file
Author: joel.lof@icloud.com
Latest version: 0.0.2

# import-bundled

Builds and imports a typescript or javascript file

Example:

```javascript
// index.mjs

import { importDefault } from 'import-bundled';

async function main() {
  const foo = await importDefault('foo.ts')
  console.log(foo)
}

main()
```
npm package: @jadujoel/runts
Description: When you want to run a typescript file directly like with ts-node, but you wanna go fast. And you cant use bun since it's not exactly the same as node, or you're on windows and bun is not supported yet.
Author: jlof@evolution.com
Latest version: 1.13.0

# runts

When you want to run a typescript file directly like with ts-node, but you wanna go fast.
And you cant use bun since it's not exactly the same as node, or you're on windows and bun is not supported yet.

## Usage

```bash
npx esbuild-node file.ts
```

This will use esbuild on file.ts and then eval the resulting code using node.
The program will show the output of the file, and if there's an error, it will show the error and the line and column where it happened.