open-index/open-npm huggingface dataset:
npm package: @gabrielmatsan/teste-contracts
Description: Shared contracts for Tests services
Latest version: 1.0.3

# teste-contracts

To install dependencies:

```bash
bun install
```

To run:

```bash
bun run index.ts
```

This project was created using `bun init` in bun v1.3.2. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
npm package: @gabrielneoob/create-react-boilerplate
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.3

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})
```
npm package: @gabrielp03/greenlight
Description: [![CircleCI](https://dl.circleci.com/status-badge/img/circleci/D4bACYgELziWRdvGQX58ng/DbxnmyVKxzouDZg5RnK6N7/tree/main.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/circleci/D4bACYgELziWRdvGQX58ng/DbxnmyVKxzouDZg5RnK6N7/tree/main)
Author: Petre Gabriel-Bogdan
Latest version: 0.0.2

[![CircleCI](https://dl.circleci.com/status-badge/img/circleci/D4bACYgELziWRdvGQX58ng/DbxnmyVKxzouDZg5RnK6N7/tree/main.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/circleci/D4bACYgELziWRdvGQX58ng/DbxnmyVKxzouDZg5RnK6N7/tree/main)

# GreenLight.js

A minimal JavaScript framework for boosting production on small-scale web projects.

# What does it do?

GreenLight offers a varierty of directives to control and react to the changes with as little effort as possible. All you have to do is declare your structure in HTML and handle the events with JavaScript. Out-of-the-box support for stores, data binding, memoization and error-handling.

## Let us handle the data changes in your project

Stop worrying about what changes and where. Focus on how to utilize the data changed in your advantage. One of the main features of GreenLight is the reactivity behind it on each component state change.

## Let's see an example

We setup a form that binds the inputs to our local controller store.

```html
<form gl-controller="loginForm">
  <input type="text" placeholder="Username" gl-bind="username" />
  <input type="password" placeholder="Password" gl-bind="password" />
  <button type="submit" gl-on="submit:loginFormSubmit">Login</button>
</form>
```

We get the form controller and add an event called `loginFormSubmit` as we setup in the HTML. Here, we only log the username and password in the console but the possibilities are endless.

```js
const LoginFormController = GreenLight.controller("loginForm");

LoginFormController.on("loginFormSubmit", (e) => {
  const FormState = LoginFormController.$store.get();

  console.log(FormState.username, FormState.password);
});
```

## Why?

This library started as a need and want to combine AlpineJS and AngularJS and get the best out of both worlds -> JS behavior in markup with extended support for writing scripts, templates and handling logic outside of HTML.

## Getting started

You can add the script tag into your website and start with only one command:

```js
GreenLight.init(appRoot);
```

With this command, GreenLight will hook on to the element provided and will attach itself to each element with a directive. Here is an example:

```html
<html>
  <body>
    <div id="app-root">
      <div gl-controller="GettingStarted">
        <div gl-bind="myText"></div>
      </div>
    </div>
    <script src="greenlight.min.js"></script>

    <script>
      const appRoot = document.getElementById("app-root");

      GreenLight.init(appRoot);
      GreenLight.$store.set("myText", "Getting started");
    </script>
  </body>
</html>
```