open-index/open-npm huggingface dataset:
npm package: @josango/zxcvbn-ts-language-ar
Description: The Arabic language package for zxcvbn-ts
Author: Mo Mansour
Latest version: 3.0.4

# @josango/zxcvbn-ts-language-ar

The Arabic dictionary and language package for [**zxcvbn-ts**](https://github.com/zxcvbn-ts/zxcvbn)

## Installation

### npm

```sh
# install zxcvbn core and common packages
npm i @zxcvbn-ts/core @zxcvbn-ts/language-common

# install the Arabic package
npm i @josango/zxcvbn-ts-language-ar --save

```

### yarn

```sh
# install zxcvbn core and common packages
yarn add @zxcvbn-ts/core @zxcvbn-ts/language-common

# install the Arabic package
yarn add @josango/zxcvbn-ts-language-ar
```

## Setup

```js
import { zxcvbn, zxcvbnOptions } from '@zxcvbn-ts/core'
import * as zxcvbnCommonPackage from '@zxcvbn-ts/language-common'
import * as zxcvbnArPackage from '@josango/zxcvbn-ts-language-ar'

const password = 'somePassword'
const options = {
  translations: zxcvbnArPackage.translations,
  graphs: zxcvbnCommonPackage.adjacencyGraphs,
  dictionary: {
    ...zxcvbnCommonPackage.dictionary,
    ...zxcvbnArPackage.dictionary,
  },
}
zxcvbnOptions.setOptions(options)

zxcvbn(password)
```
npm package: @josarcsal/customerio-expo-plugin
Description: Expo config plugin for the Customer IO React Native SDK
Author: CustomerIO Team
Latest version: 1.0.2

<p align=center>
  <a href="https://customer.io">
    <img src="https://avatars.githubusercontent.com/u/1152079?s=200&v=4" height="60">
  </a>
</p>

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](code_of_conduct.md)

# Customer.io Expo Plugin

This is the official Customer.io Expo plugin, supporting mobile apps.

The Expo plugin takes advantage of our [React Native SDK](https://github.com/customerio/customerio-reactnative), and requires very little setup. It extends the Expo config to let you customize the pre-build phase of managed workflow builds, which means you don't need to eject to a bare workflow.

After you add the plugin to your project, you'll need to install our React Native SDK and run pre-build. The plugin automatically generates and configures the necessary native code files required to make our React Native SDK to work on your project.

# Getting started

You'll find our [complete SDK documentation at https://customer.io/docs/sdk/expo](https://customer.io/docs/sdk/expo/).

# Local development

[Here is a quick start guide to start with local development.](/local-development-readme.md)

# Contributing

Thanks for taking an interest in our project! We welcome your contributions.

We value an open, welcoming, diverse, inclusive, and healthy community for this project. We expect all  contributors to follow our [code of conduct](CODE_OF_CONDUCT.md).

# License

[MIT](LICENSE)
npm package: @jose-andres/create-routing-react
Description: A CLI to create a Vite's React project with routing using react-router-dom
Author: Jose Andrés Mejías
Latest version: 1.2.4

# CLI to create a Vite's React app with a Remix routing

Execute `npx @jose-andres/create-routing-react@latest your_project_name`

- It will generate a React project with Vite and Remix routing
- The React variant is with TypeScript only
- You can use npm, yarn or pnpm
- The `root` component in `/src/routing` has an html/css layout that you can modify or delete. It was inspired by https://www.builder.io/blog/css-tips-for-better-web-development#layout with some custom modifications
npm package: @jose-donato/sonner
Description: An opinionated toast component for React.
Author: Emil Kowalski
Latest version: 1.4.43

https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0

[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).

## Usage

To start using the library, install it in your project:

```bash
npm install sonner
```

Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
After that you can use `toast()` from anywhere in your app.

```jsx
import { Toaster, toast } from 'sonner';

// ...

function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('My first toast')}>Give me a toast</button>
    </div>
  );
}
```

## Documentation

Find the full API reference in the [documentation](https://sonner.emilkowal.ski/getting-started).
npm package: @jose15000/atlas
Description: CodeAtlas context graph database and MCP server
Author: Jose
Latest version: 1.0.50

# Visão Geral

A proposta é criar uma ferramenta local capaz de construir um **grafo de contexto do projeto e das interações do agente** para fornecer contexto estrutural real a agentes de IA que editam código.

O objetivo é resolver três problemas principais presentes nas ferramentas atuais:

- entendimento limitado da estrutura real do código
- ausência de memória estruturada do raciocínio do agente
- dificuldade de integrar contexto via protocolos padronizados

O sistema constrói um **Context Graph**, no qual:

- código
- prompts do usuário
- raciocínio do agente
- chamadas de ferramentas
- mudanças no código

são representados como **nós e arestas**.

Isso permite que o agente compreenda:

- dependências reais do projeto
- impacto de mudanças
- histórico de decisões
- fluxo de desenvolvimento da sessão

---

# Conceito Central

A ferramenta mantém um **grafo vivo do projeto**.

Ele não é apenas:

- AST
- embeddings
- indexação textual

Ele combina três camadas principais:

Code Graph  
Reasoning Graph  
Change Graph

---

# Estrutura do Grafo

## Tipos de Nós

Cada entidade relevante vira um nó.

### Estrutura do Código

File  
Module  
Function  
Class  
Interface  
Import  
Export  

### Interações com IA

UserPrompt  
AgentThought  
ToolCall  
CodeChange  

---

## Tipos de Relações

As arestas capturam dependência e fluxo.

### Relações de Código

IMPORTS  
EXPORTS  
CALLS  
IMPLEMENTS  
DEFINES  

### Relações de Interação

GENERATED_BY  
THINKS  
CALLS_TOOL  
MODIFIES  
RELATED_TO_PROMPT  

---

# Exemplo de Grafo

Usuário envia o prompt:

corrija bug no login

O agente executa o seguinte fluxo:

1. analisa o problema  
2. decide investigar um arquivo  
3. lê o arquivo  
4. aplica um patch  

Estrutura resultante:

UserPrompt  
 └── AgentThought  
      └── ToolCall(read_file)  
           └── CodeChange  
                └── modifies → auth.service.ts  
                     └── calls → jwt.util.ts  

Isso cria **memória estruturada da sessão de desenvolvimento**.
npm package: @joseaburt/js-remote-code-evaluator
Description: ```js import { validateDOM, validateJS } from '../src/index';
Author: JoseAburto
Latest version: 0.1.1

# removete code validator

```js
import { validateDOM, validateJS } from '../src/index';

it('validateDOM(challenge: IDOMChallenge, solution: string): Promise<IResult[]>', async () => {
  const htmlChallenge = {
    id: '241e649e-dfde-8962-8bd9-0e223f7c480d',
    tests: [
      {
        id: '241e649e-dfde-8962-8bd9-0e412f7c480d',
        given: `document.querySelector("p").textContent`,
        expected: 'hello',
        evaluation: 'lodash.isEqual(given, expected)',
      },
      {
        id: '241e649e-dfde-8962-8bd9-0e412f7c220d',
        given: `document.querySelector("p").classList[0]`,
        expected: 'color-danger',
        evaluation: 'lodash.includes(given, expected)',
      },
      {
        id: '241e649e-dfde-8962-8bd9-0e412f7c980d',
        given: `document.querySelector("p").textContent`,
        expected: 'hello',
        evaluation: 'lodash.isEqual(given, expected)',
      },
    ],
  };

  const solution = `<p class="color-dandger" id="heading">hello</p>`;

  const res = await validateDOM(htmlChallenge, solution);

  expect(res[0]).toEqual(
    expect.objectContaining({
      errors: null,
      isValid: true,
      given: 'hello',
      expected: 'hello',
    })
  );

  expect(res[1]).toEqual(
    expect.objectContaining({
      errors: null,
      isValid: false,
      given: 'color-dandger',
      expected: 'color-danger',
    })
  );

  expect(res[2]).toEqual(
    expect.objectContaining({
      errors: null,
      isValid: true,
      given: 'hello',
      expected: 'hello',
    })
  );
});

it('validate(challenge: IChallenge, solution: string, context?: any): Promise<IResult[]>', async () => {
  const twoNumberSumChallenge = {
    id: '234',
    functionName: 'twoNumberSum',
    validation: `lodash.isEqual(given.sort(), expected.sort())`,
    tests: [
      {
        id: '1',
        params: [[3, 5, -4, 8, 11, 1, -1, 6], 10],
        expected: [-1, 11],
      },
      {
        id: '2',
        params: [[3, 5], 8],
        expected: [3, 5],
      },
    ],
  };

  const twoNumberSumSolution = `
  function twoNumberSum(array, targetSum) {
     let obj = {};
     for (let i = 0; i < array.length; i++) {
       const y = targetSum - array[i];
       if (obj[y]) return [y, array[i]];
       else obj[array[i]] = true;
     }
     return [];
   }
   `;

  const res = await validateJS(twoNumberSumChallenge, twoNumberSumSolution);

  expect(res[0]).toEqual(
    expect.objectContaining({
      isValid: true,
      given: [-1, 11],
      expected: [-1, 11],
    })
  );

  expect(res[1]).toEqual(
    expect.objectContaining({
      isValid: true,
      given: [3, 5],
      expected: [3, 5],
    })
  );
});
```
npm package: @joseaburt/react-form-manager
Description: A super lite react form manager that helps to create form using configurations files. This are only a framework code. For getting the UI code, I have publish a `shadcn` implementation and I am working on `material-ui` implementation too.
Author: JoseAburto
Latest version: 0.1.4

# react-form-manager

A super lite react form manager that helps to create form using configurations files. This are only a framework code. For getting the UI code, I have publish a `shadcn` implementation and I am working on `material-ui` implementation too.
npm package: @joseaburt/react-form-yup-validator
Description: This is a concrete implementation of `react-form-manager` form validation contracts, that automate the process of form validation. Uses `yup`.`
Author: JoseAburto
Latest version: 0.1.1

# react-form-yup-validator

This is a concrete implementation of `react-form-manager` form validation contracts, that automate the process of form validation. Uses `yup`.`
npm package: @joseaburt/sequelize-query-encoder
Description: This is a lightweight library to convert (encode and decode) http search requests.
Author: JoseAburto
Latest version: 0.0.1

# @joseaburt/sequelize-query-encoder

This is a lightweight library to convert (encode and decode) http search requests.

## Installation

```bash
npm install sequelize-search-builder-encode

yarn add sequelize-search-builder-encode
```

## Usage

Example based on Express framework.

```js
import { decode, encode } from 'sequelize-search-builder-encode';

const query = {
  filter: {
    emailAddress: {
      like: '%maria@gmail%',
    },
    contactPhone: {
      like: '%911%',
      _condition: 'or',
    },
    name: {
      like: '%MARIA%',
    },
    fiscalId: {
      like: '%xxxx%',
    },
    _condition: 'and',
  },
};

const url = 'https://codesandbox.io?name=2';

const encodedQueryString = encode(url, query);
console.log(encodedQueryString);
// Output:
//  https://codesandbox.io?name=2&page=0&size=2&include=false&filter%5BemailAddress%5D%5Blike%5D%3D%25maria%40gmail%25&filter%5BcontactPhone%5D%5Blike%5D%3D%25911%25&filter%5BcontactPhone%5D%5B_condition%5D%3Dor&filter%5Bname%5D%5Blike%5D%3D%25MARIA%25&filter%5BfiscalId%5D%5Blike%5D%3D%25xxxx%25&filter%5B_condition%5D%3Dand&filter%5Bname%5D%3Ddesc&filter%5BfiscalId%5D%3Dasc

const decoded = decode(encodedQueryString);
console.log(decoded);
// Output:
// {
//   base_url: 'https://codesandbox.io',
//   url: 'https://codesandbox.io?name=2',
//   user_params: { name: '2' },
//   query: {
//     page: 0,
//     size: 2,
//     include: false,
//     filter: {
//       emailAddress: [Object],
//       contactPhone: [Object],
//       name: [Object],
//       fiscalId: [Object],
//       _condition: 'and'
//     },
//     order: { name: 'desc', fiscalId: 'asc' }
//   }
// }
```

## Contribute

You are Welcome =)
Keep in mind:

```sh
npm run test
```
npm package: @joseafs-seedz/template-next-libs
Description: Next.js library template with typescript
Author: Joseafs
Latest version: 1.0.7

<div align="center">
<img src="./next-libs.png" width="500px" />
</div>

# Next-libs
Do you want to make A react library using Next.js awesome tools <br/> either a components or a Utility this template makes is it a breeze 🚀

## Tools used
<p>Next.js Library template is built with:</p><br/>

1- [Typescript](https://www.typescriptlang.org) For typesafty and easy documation ⚙️<br/>
2- [Microbundel](https://github.com/developit/microbundle) for bundling the library you can custimize it if you need 🛠<br/>
3- [NP](https://github.com/sindresorhus/np) for publishing on npm/yarn registries 🚀<br/> 
x- Any libray if you ever need 😉 <br/>

If you want to use JavaScript for the lib you can Go to the `js` branch and use it

Roadmap 🚂 :
- [x] linting  Done Thanks to Next v11 
- [ ] Examples Folder  <b>Any contripution is welcomed ✌🏻</b>