open-index/open-npm huggingface dataset:
npm package: @netflix/eslint-plugin-x-element
Description: An eslint plugin for x-element.
Latest version: 1.0.0-rc.7

# eslint-plugin-x-element

An [ESLint] plugin for [x-element].

## Explainer

The `x-element` library ships with a simple, efficient template engine. By design, 
its supported syntax is strict and _unforgiving_. This approach affords improved 
performance and minimizes template complexity.

This plugin improves the feedback loop while using the `x-element` template syntax
by detecting issues through static analysis and saving the need to test changes
in the browser one-by-one.

## Installation & Usage

```
npm install --save-dev @netflix/eslint-plugin-x-element
```

```js
import XElement from '@netflix/eslint-plugin-x-element';

export default [
  /* … */
  {
    files: ['**/*.js'],
    plugins: { XElement },
    rules: { 'XElement/no-invalid-html': 'error' },
  },
  /* … */
];
```

[ESLint]: https://eslint.org
[x-element]: https://github.com/Netflix/x-element
npm package: @netflix/tslint-config
Description: Netflix TSLint configuration
Author: Kaylie Kwon
Latest version: 1.0.1

# TSLint Config Netflix

[![NetflixOSS Lifecycle](https://img.shields.io/osslifecycle/Netflix/tslint-config-netflix.svg)]()

Shared [TSLint configuration](https://palantir.github.io/tslint/usage/configuration/) for TypeScript at Netflix

Details of the rules are listed [here](https://palantir.github.io/tslint/rules/).

## Installation

```sh
npm install @netflix/tslint-config --save-dev # npm
yarn add -D @netflix/tslint-config # alternatively, using yarn
```

## Usage

In `tslint.json`:

```json
{
  "extends": "@netflix/tslint-config"
}
```

### You can also add your own [configurations and rules](https://palantir.github.io/tslint/2016/03/31/sharable-configurations-rules.html)
```json
{
  "extends": ["@netflix/tslint-config", "tslint-config-prettier"],
  "rules": {
      "no-any": true
  }
}
```
npm package: @netflix/x-element
Description: A dead simple basis for custom elements.
Latest version: 2.0.2

```
  x-element
  _________
 / /__ __\ \
/ / \ \ / \ \
\ \ /_\_\ / /
 \_\_____/_/

```

A dead simple basis for custom elements. It provides the following functionality:

- Efficient DOM generation and data binding using [integrated templating engine](./doc/TEMPLATES.md)
- Automatic `.property` to `[attribute]` reflection (opt-in)
- Automatic `[attribute]` to `.property` synchronization (one-directional, on connected)
- Simple and efficient property observation and computation
- Simple delegated event handling
- Useful error messages

See [SPEC.md](./doc/SPEC.md) for all the deets.

## Installation:

Save a local copy to your project:
```bash
curl -O https://raw.githubusercontent.com/Netflix/x-element/main/x-element.js \
     -O https://raw.githubusercontent.com/Netflix/x-element/main/x-parser.js \
     -O https://raw.githubusercontent.com/Netflix/x-element/main/x-template.js
```

Then import it:
```js
import XElement from '/path/to/x-element.js';
```

...or load it directly from the web:
```js
import XElement from 'https://deno.land/x/element/x-element.js';
```

...or use an [importmap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap):
```html
<script type="importmap">
  {
    "imports": {
      "@netflix/x-element": "https://deno.land/x/element/x-element.js"
    }
  }
</script>
```

Then import it using a bare module specifier...
```js
import XElement from '@netflix/x-element';
```

...or use a package manager:
```bash
npm install @netflix/x-element
```

Then import it using a bare module specifier...
```js
import XElement from '@netflix/x-element';
```

## Project Philosophy:

1. No compilation step is necessary for adoption, just import `x-element.js`
2. Implement a minimal set of generalized functionality
3. Make as few design decisions as possible
4. Presume adopters are browser experts already (stay out of their way)
5. Follow web platform precedents whenever possible
6. Remain compatible with any browser which fully supports custom elements
7. Prioritize simple syntax and useful comments in the code itself
8. Avoid making developers learn new proprietary stuff
9. Zero dependencies

## Development:

```
npm install && npm start
```

Then...
* http://localhost:8080
npm package: @netflix/x-test-cli
Description: a simple cli for x-test
Latest version: 1.0.0-rc.2

# @netflix/x-test-cli

a simple cli for `x-test`

## Installation

```bash
npm install --save-dev @netflix/x-test-cli
```

## Command Line Usage

The `x-test-cli` provides a unified CLI for running browser tests with
different automation tools.

### Basic Usage

```bash
x-test --client=puppeteer --url=http://localhost:8080/test/ --coverage=true
```

### Arguments

- `--client` - Test automation client to use (required)
  - `puppeteer` - Use Puppeteer with Chrome
- `--url` - URL to the test page (required)
- `--coverage` - Enable coverage collection (`true` or `false`)
- `--test-name` - Filter tests by name using regex pattern (optional)

### Examples

Run all tests with coverage:
```bash
x-test --client=puppeteer --url=http://localhost:8080/test/ --coverage=true
```

Run specific tests by name:
```bash
x-test --client=puppeteer --url=http://localhost:8080/test/ --coverage=false --test-name="should validate"
```

### Test Filtering

The `--test-name` argument accepts a regex pattern that matches against the full
test name, including any parent `describe` block names joined with spaces.

### TAP Output

The client outputs TAP Version 14 compliant results and validates the TAP
stream internally. If any tests fail, the process will exit with code 1.

## Browser vs CLI Packages

- `@netflix/x-test` - Browser-side test runner and utilities
- `@netflix/x-test-cli` - Node.js automation via CLI

For browser usage and test writing, see the main
[@netflix/x-test](https://github.com/Netflix/x-test) documentation.