open-index/open-npm huggingface dataset:
npm package: @ibrahim-a-d/use-search-field
Description: A react hook package to search for any keyword in a table
Author: Ibrahim-A-D
Latest version: 1.0.1

# use-search-field

> a custom hook

# useSearchPackage

A react hook package to search for any keyword in a table

[![NPM](https://img.shields.io/npm/v/@ibrahim-a-d/use-search-field.svg)](https://www.npmjs.com/package/@ibrahim-a-d/use-search-field) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @ibrahim-a-d/use-search-field
```

## Usage

```jsx
import React, { useEffect, useState } from "react";
import axios from "axios";
import { useSearch } from "use-search-field";

const App = () => {
  const [data, setData] = useState();
  const [search, setSearch] = useState("");
  const dataFiltered = useSearch(data, search);

  const FetchData = () => {
    axios.get("https://jsonplaceholder.typicode.com/posts").then((response) => {
      setData(response.data);
    });
  };
  const onChange = (e) => {
    setSearch(e.target.value);
  };
  // FetchData()
  useEffect(() => {
    FetchData();
  }, []);
  return (
    <div>
      <p>Bonjour</p>
      <input
        value={search}
        onChange={onChange}
        placeholder={"Entrer le terme a rechercher"}
      />
      {dataFiltered?.map((elem) => (
        <div key={elem.id}>
          <p>{elem.title}</p>
          <hr />
          <p>{elem.body}</p>
        </div>
      ))}
    </div>
  );
};
export default App;
```

## License

MIT © [Ibrahim-A-D](https://github.com/Ibrahim-A-D/)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @ibrahim-org/vue-3d-ai-assistant
Description: A reusable Vue + TresJS 3D AI voice assistant sphere with iridescent glass shader, blinking eyes, sparkle particles, and radar ripple rings.
Author: Ibrahim Bensaadoune
Latest version: 1.1.0

# vue-3d-ai-assistant · [Live Demo](https://react-3d-ai-assistant.vercel.app)

[![license](https://img.shields.io/npm/l/@ibrahim-org/vue-3d-ai-assistant)](./LICENSE)

A reusable Vue 3 + TresJS component that renders an interactive 3D AI voice assistant sphere with an iridescent shader, blinking eyes, fire-ember sparkles, and blink-triggered radar ripple rings.

## Installation

```bash
npm install @ibrahim-org/vue-3d-ai-assistant
```

### Peer dependencies

```bash
npm install vue three @tresjs/core
```

## Usage

```vue
<script setup>
import { AIVoiceAssistant } from '@ibrahim-org/vue-3d-ai-assistant';
</script>

<template>
  <AIVoiceAssistant style="width: 100vw; height: 100vh;" />
</template>
```

The component owns its own `<TresCanvas>`; just give the parent/root element width and height.

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `scale` | `number` | `1` | Scale multiplier for the sphere |
| `colorPalette` | `string[]` | `['#00e5ff', '#ff00ff', '#ff2200', '#4400aa']` | Array of 4 hex colors for shader uniforms |
| `animationSpeed` | `number` | `1` | Multiplier for animations (shader flow, bobbing, ripple pacing) |
| `enableMouseTracking` | `boolean` | `true` | Sphere rotates toward pointer movement |

### Style and class pass-through

Use normal Vue attributes on the component root:

```vue
<AIVoiceAssistant class="hero-assistant" style="width: 600px; height: 600px;" />
```

## Use only the sphere in your own TresCanvas

```vue
<script setup>
import { TresCanvas } from '@tresjs/core';
import { IridescentSphere } from '@ibrahim-org/vue-3d-ai-assistant';
</script>

<template>
  <TresCanvas :dpr="[1, 2]" clear-color="#0a0a0a">
    <TresPerspectiveCamera :position="[0, 0, 4]" :fov="45" />
    <TresAmbientLight :intensity="0.4" />
    <IridescentSphere :scale="1.2" :animation-speed="1" :enable-mouse-tracking="true" />
  </TresCanvas>
</template>
```

## Development

```bash
npm install --no-audit --no-fund
npm run dev
```

## Build and checks

```bash
npm run lint
npm run build
npm run build:lib
```

## Publish checklist (GitHub + npm)

1. Create a new GitHub repo named `vue-3d-ai-assistant`.
2. Set remote URL and push:

```bash
git init
git add .
git commit -m "feat: initial vue package"
git branch -M main
git remote add origin https://github.com/Ibrahim-dvp/vue-3d-ai-assistant.git
git push -u origin main
```

3. Verify package content:

```bash
npm pack
```

4. Publish scoped package:

```bash
npm publish --access public
```

## License

MIT
npm package: @ibrahim-rahhal/babel-plugin-minify-mangle-names
Description: Context- and scope- aware variable renaming.
Author: amasad
Latest version: 0.5.5

# @ibrahim-rahhal/babel-plugin-minify-mangle-names

Context- and scope- aware variable renaming.

## Example

**In**

```javascript
var globalVariableName = 42;
function foo() {
  var longLocalVariableName = 1;
  if (longLocalVariableName) {
    console.log(longLocalVariableName);
  }
}
```

**Out**

```javascript
var globalVariableName = 42;
function foo() {
  var a = 1;
  if (a) {
    console.log(a);
  }
}
```

## Installation

```sh
npm install @ibrahim-rahhal/babel-plugin-minify-mangle-names --save-dev
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
// without options
{
  "plugins": ["@ibrahim-rahhal/minify-mangle-names"]
}
```

```json
// with options
{
  "plugins": [
    ["@ibrahim-rahhal/minify-mangle-names", { "exclude": { "foo": true, "bar": true} }]
  ]
}
```

### Via CLI

```sh
babel --plugins minify-mangle-names script.js
```

### Via Node API

```javascript
require("@babel/core").transform("code", {
  plugins: ["@ibrahim-rahhal/minify-mangle-names"]
});
```

## Options

+ `exclude` - A plain JS Object with keys as identifier names and values indicating whether to exclude (default: `{}`)
+ `eval` - mangle identifiers in scopes accessible by eval (default: `false`)
+ `keepFnName` - prevent mangler from altering function names. Useful for code depending on `fn.name` (default: `false`)
+ `topLevel` - mangle topLevel Identifiers (default: `false`)
+ `keepClassName` - prevent mangler from altering class names (default: `false`).
npm package: @ibrahim-rahhal/generator-sourcejs
Description: Yeoman generator for SourceJS http://sourcejs.com
Author: SourceJS
Latest version: 0.4.2

# Yeoman generator for SourceJS

[![npm version](https://badge.fury.io/js/generator-sourcejs.svg)](https://www.npmjs.com/package/generator-sourcejs)
[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/sourcejs/Source)

For [SourceJS](http://sourcejs.com) initialization, bootstraping new Specs, plugins and other platform related items. Soon will be replaced by `sourcejs-cli` ([source#144](https://github.com/sourcejs/Source/issues/144)).

```
npm i -g yo generator-sourcejs
cd sourcejs-folder
yo sourcejs
```

Note: before running mentioned commands, please be sure that you have [Git](http://git-scm.com/downloads) and [Node.js](http://nodejs.org/download/) installed.

## Commands

```
yo sourcejs
```

Entry point to all commands. Also used for new SourceJS instance initialization.

### Options

```
yo sourcejs --branch 0.5.3-dev
```

* `repo` - set repo name from where clone SourceJS
* `branch` - set branch
* `repo-user` - set repo owner (github.com/user/repo)
* `init-repo` - set init repo from where to clone new `user` folder
* `init-branch` - set init repo from where to clone new `user` folder

### Create new Spec

```
yo sourcejs:spec
```

Creates new Spec page in current folder. Recommended path to run this command - `sourcejs/user/specs`.

### Create new Plugin and Middleware

```
yo sourcejs:plugin
yo sourcejs:middleware
```

Creates new SourceJS plugin. Run this command in any folder outside `sourcejs`. Then use `npm link` ([docs](https://docs.npmjs.com/cli/link)) to install new plugin to your SourceJS instance.

Read more about Plugin development in docs [http://sourcejs.com/docs/api/plugins](http://sourcejs.com/docs/api/plugins).