# @xeito/core

> Core modules for Xeito | Framework for building web applications

Latest version **0.3.5** (published 2023-03-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @xeito/core
pnpm add @xeito/core
yarn add @xeito/core
bun add @xeito/core
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.5 |
| Published | 2023-03-17 |
| First published | 2022-10-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 96.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Samuel Bazaga |
| Maintainers | aerotoad |
| Keywords | Xeito, Framework, Web, Typescript |

## Links

- npm: https://www.npmjs.com/package/@xeito/core
- npm.io page: https://npm.io/package/@xeito/core

## Dependencies (1)

- [uhtml](https://npm.io/package/uhtml.md) ^3.1.0

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 0.3.5 (latest) — 2023-03-17
- 0.3.4 — 2023-02-27
- 0.3.3 — 2023-02-21
- 0.3.2 — 2023-02-21
- 0.3.1 — 2023-02-21
- 0.3.0 — 2023-02-21
- 0.2.2 — 2023-02-08
- 0.2.1 — 2023-01-24
- 0.2.0 — 2023-01-20
- 0.1.13 — 2023-01-20
- 0.1.12 — 2023-01-19
- 0.1.11 — 2023-01-17
- 0.1.10 — 2023-01-13
- 0.1.9 — 2023-01-13
- 0.1.8 — 2023-01-12
- … 16 more at https://npm.io/package/@xeito/core/versions

## README

<h1 align="center">Xeito - Harness the power of the web.</h1>

<p align="center">
  <img src="https://xeito.dev/images/logo_gradient.svg" alt="xeito-logo" width="150px" height="150px"/>
  <br><br>
  <i>Xeito is a typescript framework for building web applications</i>
  <br>
</p>

<p align="center">
  <a href="https://xeito.dev"><strong>Xeito Documentation</strong></a>
  <br>
</p>

<p align="center">
  <a href="https://www.npmjs.com/@xeito/core">
    <img src="https://img.shields.io/npm/v/@xeito/core.svg?logo=npm&logoColor=fff&label=NPM+package&color=f59e0b" alt="Xeito on npm" />
  </a>
  &nbsp;
  <a href="https://github.com/aerotoad/xeito/blob/main/LICENSE">
    <img src="https://img.shields.io/github/license/aerotoad/xeito" alt="License" />
  </a>
</p>

<hr>

## Xeito Core

This is the base library for Xeito Framework which provides the core functionality for the framework.

To find the full documentation and more links go to the main [README file](https://github.com/aerotoad/xeito).

<hr>

## Installation

```bash
npm install @xeito/core
```

## Exports:

### Core Classes:
- `Xeito`: The main class that is used to create a new Xeito Application.
- `XeitoComponent`: The class components extend from.
- `XeitoPlugin`: The class plugins extend from.

### Core Decorators:
- `Action`: Used to create an action for modifying elements.
- `Component`: Marks a class as a component and adds related functionality.
- `Event`: Creates a new event emitter in the component.
- `Global`: Allows access to global properties from inside a component.
- `Pipe`: Creates a new pipe for transforming data.
- `Prop`: Creates a new reactive property in the component.
- `Ref`: Syntactic sugar to access a `ref` of the template.
- `State`: Creates a reactive class property that triggers template updates.

### Interfaces
- `Emitter`: The interface for event emitters.
- `ActionMetadata`: The interface for action metadata (decorator).
- `ActionResult`: The interface for action results (return value).
- `ComponentMetadata`: The interface for component metadata (decorator).
- `ElementRef`: The interface for element references (for `Ref()` decorator).
- `EventConfig`: The interface for event configuration (in `Event()` decorator).
- `PipeMetadata`: The interface for pipe metadata (decorator).
- `PropChange`: The interface for prop changes (parameter of the `onPropChange()` method).
- `WatchUpdate`: The interface for watch updates (parameter of a method decorated with `@Watch()`).

## Re-exports from [µhtml](https://github.com/WebReflection/uhtml):
- `html`: Tag for template literals that creates the template.
- `svg`: Tag for template literals for svg.
- `render`: Used to render the template in the specified element __[Internal].__
- `Hole`: __[Internal].__
- `Renderable`: __[Internal].__
- `TemplateFunction`: __[Internal].__

---
_Source: https://npm.io/package/@xeito/core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._