# @engines/ax

> Ax Function is for creating dynamic web content.

Latest version **0.0.33** (published 2022-07-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install @engines/ax
pnpm add @engines/ax
yarn add @engines/ax
bun add @engines/ax
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.33 |
| Published | 2022-07-20 |
| First published | 2020-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 25.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Lachlan Douglas |
| Maintainers | engines |

## Links

- npm: https://www.npmjs.com/package/@engines/ax
- Repository: https://github.com/engines/Ax
- Homepage: https://github.com/engines/Ax/docs/packages/axf#readme
- Issues: https://github.com/engines/Ax/issues
- npm.io page: https://npm.io/package/@engines/ax

## Recent versions

- 0.0.33 (latest) — 2022-07-20
- 0.0.32 — 2022-07-14
- 0.0.31 — 2022-07-14
- 0.0.30 — 2022-07-14
- 0.0.29 — 2022-04-10
- 0.0.28 — 2022-03-14
- 0.0.26 — 2022-02-06
- 0.0.25 — 2022-02-06
- 0.0.24 — 2022-01-24
- 0.0.23 — 2021-09-07
- 0.0.22 — 2021-09-06
- 0.0.21 — 2021-09-03
- 0.0.20 — 2021-08-25
- 0.0.19 — 2021-08-09
- 0.0.18 — 2021-08-04
- … 17 more at https://npm.io/package/@engines/ax/versions

## README

Ax
==

Ax is for creating reactive components and single page applications in JavaScript.

The Ax core library is concerned with DOM rendering and updating. Other features are provided by extensions.

Ax Framework (NPM package `axf`) includes a selection of extensions for building forms and reports, client-side routing and XHR/fetching.

Quick start
-----------
~~~html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://cdn.jsdelivr.net/npm/axf/axf.js" ></script>
</head>
<body>
  <script>
    ax.css({h1: {color: 'blue'}});
    ax((a, x) => a({
      $state: 10,
      $nodes: (el) => [
        a.h1(el.$state),
        a.button("⯇", {$on: {click: () => {el.$state--}}}),
        a.button("⯈", {$on: {click: () => {el.$state++}}}),
      ]
    }));
  </script>
</body>
</html>
~~~

Usage
-----
See the <a class="app-navigation" href="/docs/index.md">Docs</a>.

<!--README-ONLY-->
This Repo
=========

1. The development files for Ax in `packages/src/`
2. Pre-built Ax packages for distribution in `packages/dist/`
3. The Ax website in `web/`

Run Website
-----------

```console
cd web
npm i
webpack -p
```

Serve the `/web/` directory.


Website Dev
-----------

`npm run dev`

Build Packages
--------------

`gulp` to run a development webserver with auto-rebuild of /dist.
`gulp build` to build /dist without publishing.
`gulp publish` to build /dist and publish all packages to NPM.

<!--MARKDOWN-->
<hr>
<a href="https://github.com/engines/Ax"><i class="fab fa-github"></i></a>

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