airx 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -5
- package/output/{index.d.ts → esm/index.d.ts} +1 -0
- package/output/esm/index.js +1212 -0
- package/output/esm/index.js.map +1 -0
- package/output/esm/render/browser.d.ts +7 -0
- package/output/{render → esm/render}/common/index.d.ts +14 -12
- package/output/{render → esm/render}/index.d.ts +2 -1
- package/output/{render/browser.d.ts → esm/render/server.d.ts} +3 -2
- package/output/umd/element.d.ts +46 -0
- package/output/umd/index.d.ts +13 -0
- package/output/umd/index.js +1229 -0
- package/output/umd/index.js.map +1 -0
- package/output/umd/logger.d.ts +3 -0
- package/output/umd/reactive.d.ts +10 -0
- package/output/umd/render/browser.d.ts +7 -0
- package/output/umd/render/common/hooks.d.ts +10 -0
- package/output/umd/render/common/index.d.ts +62 -0
- package/output/umd/render/common/plugins/context.d.ts +5 -0
- package/output/umd/render/common/plugins/index.d.ts +19 -0
- package/output/umd/render/common/plugins/internal/basic.d.ts +10 -0
- package/output/umd/render/common/plugins/internal/inject.d.ts +6 -0
- package/output/umd/render/index.d.ts +4 -0
- package/output/umd/render/server.d.ts +5 -0
- package/output/umd/symbol.d.ts +2 -0
- package/output/umd/types.d.ts +1172 -0
- package/package.json +16 -15
- package/output/element.js +0 -27
- package/output/element.js.map +0 -1
- package/output/index.js +0 -21
- package/output/index.js.map +0 -1
- package/output/logger.js +0 -13
- package/output/logger.js.map +0 -1
- package/output/reactive.js +0 -64
- package/output/reactive.js.map +0 -1
- package/output/render/browser.js +0 -191
- package/output/render/browser.js.map +0 -1
- package/output/render/common/hooks.js +0 -22
- package/output/render/common/hooks.js.map +0 -1
- package/output/render/common/index.js +0 -372
- package/output/render/common/index.js.map +0 -1
- package/output/render/common/plugins/context.js +0 -12
- package/output/render/common/plugins/context.js.map +0 -1
- package/output/render/common/plugins/index.js +0 -2
- package/output/render/common/plugins/index.js.map +0 -1
- package/output/render/common/plugins/internal/basic.js +0 -158
- package/output/render/common/plugins/internal/basic.js.map +0 -1
- package/output/render/common/plugins/internal/inject.js +0 -25
- package/output/render/common/plugins/internal/inject.js.map +0 -1
- package/output/render/index.js +0 -4
- package/output/render/index.js.map +0 -1
- package/output/symbol.js +0 -3
- package/output/symbol.js.map +0 -1
- package/output/types.js +0 -2
- package/output/types.js.map +0 -1
- /package/output/{element.d.ts → esm/element.d.ts} +0 -0
- /package/output/{logger.d.ts → esm/logger.d.ts} +0 -0
- /package/output/{reactive.d.ts → esm/reactive.d.ts} +0 -0
- /package/output/{render → esm/render}/common/hooks.d.ts +0 -0
- /package/output/{render → esm/render}/common/plugins/context.d.ts +0 -0
- /package/output/{render → esm/render}/common/plugins/index.d.ts +0 -0
- /package/output/{render → esm/render}/common/plugins/internal/basic.d.ts +0 -0
- /package/output/{render → esm/render}/common/plugins/internal/inject.d.ts +0 -0
- /package/output/{symbol.d.ts → esm/symbol.d.ts} +0 -0
- /package/output/{types.d.ts → esm/types.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -1,10 +1,30 @@
|
|
|
1
|
-
# airx
|
|
1
|
+
# airx
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/airx) [](https://github.com/airxjs/airx/actions/workflows/check.yml)
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
☁️ Airx is a lightweight JSX web application framework.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
Airx is a front-end framework based on JSX, designed to provide a simple and straightforward solution for building web applications. While it does not include hooks like React, it offers a range of features to manage state and handle user interactions efficiently.
|
|
8
|
+
|
|
9
|
+
## Features
|
|
10
|
+
|
|
11
|
+
- Create reaction values for managing dynamic data
|
|
12
|
+
- Define components using JSX syntax
|
|
13
|
+
- Lightweight and easy to learn
|
|
14
|
+
|
|
15
|
+
## Getting Started
|
|
16
|
+
|
|
17
|
+
To get started with Airx, follow these steps:
|
|
18
|
+
|
|
19
|
+
1. Install Airx using npm or yarn:
|
|
20
|
+
|
|
21
|
+
```shell
|
|
22
|
+
npm install airx
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
2. Import the necessary functions and components in your project:
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
8
28
|
import * as airx from 'airx'
|
|
9
29
|
|
|
10
30
|
// create a reaction value
|
|
@@ -29,5 +49,22 @@ function App() {
|
|
|
29
49
|
)
|
|
30
50
|
}
|
|
31
51
|
|
|
32
|
-
airx.createApp(<App />)
|
|
52
|
+
const app = airx.createApp(<App />);
|
|
53
|
+
app.mount(document.getElementById('app'));
|
|
33
54
|
```
|
|
55
|
+
|
|
56
|
+
## License
|
|
57
|
+
|
|
58
|
+
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
|
|
59
|
+
|
|
60
|
+
## Contributing
|
|
61
|
+
|
|
62
|
+
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
|
|
63
|
+
|
|
64
|
+
## Acknowledgments
|
|
65
|
+
|
|
66
|
+
We would like to thank all the contributors and supporters of the Airx project.
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
For more information, check out the [official documentation](https://github.com/airxjs/airx).
|
|
@@ -8,5 +8,6 @@ export { inject, provide, onMounted, onUnmounted } from './render';
|
|
|
8
8
|
export interface AirxApp {
|
|
9
9
|
plugin: (...plugins: Plugin[]) => AirxApp;
|
|
10
10
|
mount: (container: HTMLElement) => AirxApp;
|
|
11
|
+
renderToHTML: () => Promise<string>;
|
|
11
12
|
}
|
|
12
13
|
export declare function createApp(element: AirxElement<any>): AirxApp;
|