airx 0.4.0 → 0.7.1

package/README.md

@@ -1,118 +1,302 @@
-# airx
+# Airx ☁️
 
-[![npm](https://img.shields.io/npm/v/airx.svg)](https://www.npmjs.com/package/airx) [![build status](https://github.com/airxjs/airx/actions/workflows/check.yml/badge.svg?branch=main)](https://github.com/airxjs/airx/actions/workflows/check.yml)
+[![npm](https://img.shields.io/npm/v/airx.svg)](https://www.npmjs.com/package/airx)
+[![build status](https://github.com/airxjs/airx/actions/workflows/check.yml/badge.svg?branch=main)](https://github.com/airxjs/airx/actions/workflows/check.yml)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
 
-☁️ Airx is a lightweight JSX web application framework.
+> A lightweight, Signal-driven JSX web application framework
 
-[中文文档](https://github.com/airxjs/airx/blob/main/README_CN.md)
-|
-[English Document](https://github.com/airxjs/airx/blob/main/README.md)
+[中文文档](./README_CN.md) • [English Documentation](./README.md)
 
-Airx is a frontend development framework based on `JSX` and `Signal`, aimed at providing a simple and direct solution for building web applications.
+Airx is a modern frontend framework built on **JSX** and **Signal** primitives, designed to provide a simple, performant, and intuitive solution for building reactive web applications.
 
-## Features
+## ✨ Features
 
-- Seamlessly integrates with [Signal](https://github.com/tc39/proposal-signals) and its ecosystem!
-- Developed entirely using TypeScript, TypeScript-friendly
-- Defines components using JSX functional syntax
-- No hooks like React 😊
-- Minimal API for easy learning
+- 🔄 **Signal-driven reactivity**: Seamlessly integrates with [TC39 Signal proposal](https://github.com/tc39/proposal-signals)
+- 📝 **TypeScript-first**: Developed entirely in TypeScript with excellent type safety
+- ⚡ **Functional components**: Define components using clean JSX functional syntax
+- 🚫 **No hooks complexity**: Simple and straightforward API without React-style hooks
+- 🪶 **Lightweight**: Minimal bundle size with zero dependencies
+- 🔌 **Extensible**: Plugin system for advanced functionality
+- 🌐 **Universal**: Works in both browser and server environments
 
-## Getting Started
+## 🚀 Quick Start
 
-To begin using Airx, follow these steps:
+### Installation
 
-1. Install Airx using npm or yarn:
-
-```shell
+```bash
 npm install airx
+# or
+yarn add airx
+# or
+pnpm add airx
 ```
 
-2. Import necessary functions and components into your project:
+### Basic Usage
 
-```javascript
+```tsx
 import * as airx from 'airx'
 
-// All values based on Signal automatically trigger updates
-const state = new Signal.State(1)
-const computed = new Signal.Computed(() => state.get() + 100)
+// Create reactive state using Signal
+const count = new Signal.State(0)
+const doubleCount = new Signal.Computed(() => count.get() * 2)
 
-function App() {
-  const innerState = new Signal.State(1)
+function Counter() {
+  const localState = new Signal.State(0)
 
-  const handleClick = () => {
-    state.set(state.get() + 1)
-    innerState.set(innerState.get() + 1)
+  const increment = () => {
+    count.set(count.get() + 1)
+    localState.set(localState.get() + 1)
   }
 
-  // Return a rendering function
+  // Return a render function
   return () => (
-    <button onClick={handleClick}>
-      {state.get()}
-      {computed.get()}
-      {innerState.get()}
-    </button>
+    <div>
+      <h1>Counter App</h1>
+      <p>Global count: {count.get()}</p>
+      <p>Double count: {doubleCount.get()}</p>
+      <p>Local count: {localState.get()}</p>
+      <button onClick={increment}>
+        Click me!
+      </button>
+    </div>
   )
 }
 
-const app = airx.createApp(<App />);
-app.mount(document.getElementById('app'));
+// Create and mount the app
+const app = airx.createApp(<Counter />)
+app.mount(document.getElementById('app'))
+```
+
+## 📖 Core Concepts
+
+### Components
+
+Components in Airx are simple functions that return a render function:
+
+```tsx
+function MyComponent() {
+  const state = new Signal.State('Hello')
+  
+  return () => (
+    <div>{state.get()} World!</div>
+  )
+}
+```
+
+### State Management
+
+Airx leverages the Signal primitive for reactive state management:
+
+```tsx
+// State
+const count = new Signal.State(0)
+
+// Computed values
+const isEven = new Signal.Computed(() => count.get() % 2 === 0)
+
+// Effects
+const effect = new Signal.Effect(() => {
+  console.log('Count changed:', count.get())
+})
+```
+
+### Context & Dependency Injection
+
+```tsx
+const ThemeContext = Symbol('theme')
+
+function App() {
+  // Provide values down the component tree
+  airx.provide(ThemeContext, 'dark')
+  
+  return () => <Child />
+}
+
+function Child() {
+  // Inject values from parent components
+  const theme = airx.inject(ThemeContext)
+  
+  return () => (
+    <div className={`theme-${theme}`}>
+      Current theme: {theme}
+    </div>
+  )
+}
 ```
 
-## API
+### Lifecycle Hooks
+
+```tsx
+function Component() {
+  airx.onMounted(() => {
+    console.log('Component mounted')
+    
+    // Return cleanup function
+    return () => {
+      console.log('Component unmounted')
+    }
+  })
+
+  airx.onUnmounted(() => {
+    console.log('Component will unmount')
+  })
+  
+  return () => <div>My Component</div>
+}
 
-We have only a few APIs because we pursue a minimal core design. In the future, we will also open up a plugin system.
+## 📚 API Reference
 
-### createApp
+Airx follows a minimal API design philosophy. Here are the core APIs:
 
-Create an application instance.
+### `createApp(element)`
 
-### provide
+Creates an application instance.
 
-```ts
-function provide: <T = unknown>(key: unknown, value: T): ProvideUpdater<T>
+```tsx
+const app = airx.createApp(<App />)
+app.mount(document.getElementById('root'))
 ```
 
-Inject a value downwards through the `context`, must be called synchronously directly or indirectly within a component.
+### `provide<T>(key, value): ProvideUpdater<T>`
 
-### inject
+Provides a value down the component tree through context. Must be called synchronously within a component.
 
-```ts
-function inject<T = unknown>(key: unknown): T | undefined
+```tsx
+function Parent() {
+  airx.provide('theme', 'dark')
+  return () => <Child />
+}
 ```
 
-Look up a specified value upwards through the `context`, must be called synchronously directly or indirectly within a component.
+### `inject<T>(key): T | undefined`
 
-### onMounted
+Retrieves a provided value from the component tree. Must be called synchronously within a component.
 
-```ts
+```tsx
+function Child() {
+  const theme = airx.inject('theme')
+  return () => <div>Theme: {theme}</div>
+}
+```
+
+### `onMounted(listener): void`
+
+Registers a callback for when the component is mounted to the DOM.
+
+```tsx
 type MountedListener = () => (() => void) | void
-function onMounted(listener: MountedListener): void
+
+airx.onMounted(() => {
+  console.log('Mounted!')
+  return () => console.log('Cleanup')
+})
 ```
 
-Register a callback for when the DOM is mounted, must be called synchronously directly or indirectly within a component.
+### `onUnmounted(listener): void`
 
-### onUnmounted
+Registers a callback for when the component is unmounted from the DOM.
 
-```ts
+```tsx
 type UnmountedListener = () => void
-function onUnmounted(listener: UnmountedListener): void
+
+airx.onUnmounted(() => {
+  console.log('Unmounted!')
+})
+```
+
+### `createElement(type, props, ...children)`
+
+Creates virtual DOM elements (usually handled by JSX transpiler).
+
+### `Fragment`
+
+A component for grouping multiple elements without adding extra DOM nodes.
+
+```tsx
+function App() {
+  return () => (
+    <airx.Fragment>
+      <div>First</div>
+      <div>Second</div>
+    </airx.Fragment>
+  )
+}
 ```
 
-Register a callback for when the DOM is unmounted, must be called synchronously directly or indirectly within a component.
+## 🔧 Development
+
+### Building from Source
+
+```bash
+# Clone the repository
+git clone https://github.com/airxjs/airx.git
+cd airx
+
+# Install dependencies
+npm install
+
+# Build the project
+npm run build
+
+# Run tests
+npm test
+
+# Run tests with UI
+npm run test:ui
+
+# Run tests with coverage
+npm run test:coverage
+```
+
+### Project Structure
+
+```text
+source/
+├── app/           # Application creation and management
+├── element/       # Virtual DOM and JSX handling
+├── logger/        # Internal logging utilities
+├── render/        # Rendering engine
+│   ├── basic/     # Core rendering logic
+│   ├── browser/   # Browser-specific rendering
+│   └── server/    # Server-side rendering
+├── signal/        # Signal integration
+├── symbol/        # Internal symbols
+└── types/         # TypeScript type definitions
+```
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+### Development Workflow
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Make your changes
+4. Add tests for your changes
+5. Ensure all tests pass (`npm test`)
+6. Commit your changes (`git commit -m 'Add amazing feature'`)
+7. Push to the branch (`git push origin feature/amazing-feature`)
+8. Open a Pull Request
 
-## License
+## 📄 License
 
-This project uses the MIT License. For detailed information, please refer to the [LICENSE](LICENSE) file.
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
 
-## Contribution
+## 🙏 Acknowledgments
 
-Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
+- Thanks to all contributors and supporters of the Airx project
+- Inspired by the [TC39 Signal proposal](https://github.com/tc39/proposal-signals)
+- Built with ❤️ by the Airx community
 
-## Acknowledgements
+## 📞 Support
 
-We want to thank all contributors and supporters of the Airx project.
+- 📖 [Documentation](https://github.com/airxjs/airx)
+- 🐛 [Issue Tracker](https://github.com/airxjs/airx/issues)
+- 💬 [Discussions](https://github.com/airxjs/airx/discussions)
 
 ---
 
-For more information, please refer to the [official documentation](https://github.com/airxjs/airx)
+Made with ☁️ by the Airx team

package/output/app/app.d.ts

@@ -0,0 +1,41 @@
+import { Plugin } from '../render/index.js';
+import { AirxComponent, AirxElement } from '../element/index.js';
+/**
+ * Airx 应用实例。
+ *
+ * @example
+ * import { createApp } from 'airx'
+ * import { App } from './App.js'
+ *
+ * createApp(App).mount(document.getElementById('root')!)
+ */
+export interface AirxApp {
+    mount: (container: HTMLElement) => AirxApp;
+    /** @deprecated WIP */
+    plugin: (...plugins: Plugin[]) => AirxApp;
+    /** @deprecated WIP */
+    renderToHTML: () => Promise<string>;
+}
+/**
+ * 创建一个 Airx 应用。
+ *
+ * 支持直接传入组件函数，也支持传入已经创建好的元素。
+ *
+ * @param element 根组件或根元素。
+ * @returns 可继续链式调用的应用实例。
+ *
+ * @example
+ * import { createApp } from 'airx'
+ * import { App } from './App.js'
+ *
+ * createApp(App).mount(document.getElementById('root')!)
+ *
+ * @example
+ * import { createApp, createElement } from 'airx'
+ * import { App } from './App.js'
+ *
+ * const appElement = createElement(App, { title: 'Airx' })
+ * createApp(appElement).mount(document.getElementById('root')!)
+ */
+export declare function createApp(element: AirxElement<any> | AirxComponent): AirxApp;
+//# sourceMappingURL=app.d.ts.map

package/output/app/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../source/app/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,MAAM,EAAiB,MAAM,oBAAoB,CAAA;AACvF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAE/E;;;;;;;;GAQG;AACH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,CAAA;IAE1C,sBAAsB;IACtB,MAAM,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,CAAA;IACzC,sBAAsB;IACtB,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;CACpC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,aAAa,GAAG,OAAO,CA+B5E"}

package/output/app/app.js

@@ -0,0 +1,51 @@
+import { browserRender, serverRender, PluginContext } from '../render/index.js';
+import { createElement } from '../element/index.js';
+/**
+ * 创建一个 Airx 应用。
+ *
+ * 支持直接传入组件函数，也支持传入已经创建好的元素。
+ *
+ * @param element 根组件或根元素。
+ * @returns 可继续链式调用的应用实例。
+ *
+ * @example
+ * import { createApp } from 'airx'
+ * import { App } from './App.js'
+ *
+ * createApp(App).mount(document.getElementById('root')!)
+ *
+ * @example
+ * import { createApp, createElement } from 'airx'
+ * import { App } from './App.js'
+ *
+ * const appElement = createElement(App, { title: 'Airx' })
+ * createApp(appElement).mount(document.getElementById('root')!)
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function createApp(element) {
+    const appContext = new PluginContext();
+    const ensureAsElement = (element) => {
+        if (typeof element === 'function') {
+            return createElement(element, {});
+        }
+        return element;
+    };
+    const app = {
+        plugin: (...plugins) => {
+            appContext.registerPlugin(...plugins);
+            return app;
+        },
+        mount: (container) => {
+            container.innerHTML = ''; // 先清空再说
+            browserRender(appContext, ensureAsElement(element), container);
+            return app;
+        },
+        renderToHTML: () => {
+            return new Promise(resolve => {
+                serverRender(appContext, ensureAsElement(element), resolve);
+            });
+        }
+    };
+    return app;
+}
+//# sourceMappingURL=app.js.map

package/output/app/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../source/app/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAU,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvF,OAAO,EAA8B,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAoB/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CAAC,OAAyC;IACjE,MAAM,UAAU,GAAG,IAAI,aAAa,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,OAAoC,EAAe,EAAE;QAC5E,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QACnC,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,GAAG,GAAY;QACnB,MAAM,EAAE,CAAC,GAAG,OAAiB,EAAE,EAAE;YAC/B,UAAU,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,CAAA;YACrC,OAAO,GAAG,CAAA;QACZ,CAAC;QAED,KAAK,EAAE,CAAC,SAAsB,EAAE,EAAE;YAChC,SAAS,CAAC,SAAS,GAAG,EAAE,CAAA,CAAC,QAAQ;YACjC,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAA;YAC9D,OAAO,GAAG,CAAA;QACZ,CAAC;QAED,YAAY,EAAE,GAAoB,EAAE;YAClC,OAAO,IAAI,OAAO,CAAS,OAAO,CAAC,EAAE;gBACnC,YAAY,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAA;YAC7D,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/output/app/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app.js';
+//# sourceMappingURL=index.d.ts.map

package/output/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/app/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/output/app/index.js

@@ -0,0 +1,2 @@
+export * from './app.js';
+//# sourceMappingURL=index.js.map

package/output/app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/app/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/output/element/element.d.ts

@@ -0,0 +1,108 @@
+import * as symbol from '../symbol/index.js';
+type AirxElementType<P> = string | AirxComponent<P>;
+export type Props = {
+    [propKey: string]: unknown;
+};
+/**
+ * Airx 虚拟节点结构。
+ *
+ * - type: 标签名或组件函数
+ * - props: 组件参数或标签属性
+ * - props.children: 子节点列表
+ *
+ * @example
+ * import { createElement, type AirxElement } from 'airx'
+ *
+ * const node: AirxElement = createElement('div', { id: 'app' }, 'hello')
+ */
+export interface AirxElement<P = any> {
+    type: AirxElementType<P>;
+    props: Props & P;
+    [symbol.airxElementSymbol]: true;
+}
+/**
+ * 组件可返回的子节点类型。
+ */
+export type AirxChildren = null | string | number | boolean | undefined | AirxElement | Array<AirxChildren> | AirxComponentRender;
+/**
+ * 组件渲染函数类型。
+ *
+ * 组件函数返回值本身是一个 "render 函数"，该函数最终返回子节点。
+ */
+export type AirxComponentRender = () => AirxChildren;
+export type AirxComponent<P = unknown> = ReactiveComponent<P>;
+export type ReactiveComponent<P = unknown> = (props: P) => AirxComponentRender;
+/**
+ * 创建 Airx 虚拟节点。
+ *
+ * 可用于手写节点，也会被 JSX 转换后调用。
+ *
+ * @param type 标签名或组件函数。
+ * @param props 属性对象。
+ * @param children 可变子节点参数。
+ * @returns 标准化后的 AirxElement。
+ *
+ * @example
+ * import { createElement } from 'airx'
+ *
+ * const view = createElement('div', { class: 'box' }, 'hello')
+ *
+ * @example
+ * import { createElement } from 'airx'
+ *
+ * function Title(props: { text: string }) {
+ *   return () => createElement('h1', null as never, props.text)
+ * }
+ *
+ * const node = createElement(Title, { text: 'Airx' })
+ */
+export declare function createElement<P = any>(type: AirxElementType<P>, props: {
+    [key: string]: unknown;
+} & P, ...children: AirxChildren[]): AirxElement<P>;
+/**
+ * 判断一个值是否是合法的 AirxElement。
+ */
+export declare function isValidElement(element: unknown): element is AirxElement;
+/**
+ * JSX Fragment 对应的运行时实现。
+ *
+ * @example
+ * function Card() {
+ *   return () => (
+ *     <>
+ *       <h3>Title</h3>
+ *       <p>Content</p>
+ *     </>
+ *   )
+ * }
+ */
+export declare function Fragment(props: {
+    children: AirxElement;
+}): () => AirxElement<any>;
+export type AirxComponentUnmountedListener = () => void;
+export type AirxComponentMountedListener = () => (() => void) | void;
+export interface AirxComponentLifecycle {
+    onMounted: (listener: AirxComponentMountedListener) => void;
+    onUnmounted: (listener: AirxComponentUnmountedListener) => void;
+}
+type ProvideUpdater<T = unknown> = (newValue: T | ((old: T) => T)) => void;
+export type AirxComponentContext = AirxComponentLifecycle & {
+    provide: <T = unknown>(key: unknown, value: T) => ProvideUpdater<T>;
+    inject: <T = unknown>(key: unknown) => T | undefined;
+};
+/**
+ * 为组件提供类型友好的包装。
+ *
+ * 主要用于在不使用 JSX 的场景下显式声明组件签名。
+ *
+ * @example
+ * import { component, createElement } from 'airx'
+ *
+ * const Hello = component<{ name: string }>((props) => {
+ *   return () => createElement('h1', null as never, `Hello ${props.name}`)
+ * })
+ */
+export declare function component<P = unknown>(comp: AirxComponent<P>): AirxComponent<P>;
+export declare function createErrorRender(error: unknown): AirxComponentRender;
+export {};
+//# sourceMappingURL=element.d.ts.map

package/output/element/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../source/element/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAG5C,KAAK,eAAe,CAAC,CAAC,IAAI,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEnD,MAAM,MAAM,KAAK,GAAG;IAAE,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAA;AAElD;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IACxB,KAAK,EAAE,KAAK,GAAG,CAAC,CAAA;IAChB,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAA;CACjC;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC,YAAY,CAAC,GACnB,mBAAmB,CAAA;AAEvB;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,YAAY,CAAA;AACpD,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAAA;AAC7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,mBAAmB,CAAA;AAE9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EACnC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAAG,CAAC,EACrC,GAAG,QAAQ,EAAE,YAAY,EAAE,GAC1B,WAAW,CAAC,CAAC,CAAC,CAiBhB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAIvE;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,WAAW,CAAA;CAAE,0BAExD;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,IAAI,CAAA;AACvD,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;AAEpE,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,CAAC,QAAQ,EAAE,4BAA4B,KAAK,IAAI,CAAA;IAC3D,WAAW,EAAE,CAAC,QAAQ,EAAE,8BAA8B,KAAK,IAAI,CAAA;CAChE;AAED,KAAK,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAA;AAE1E,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,GAAG;IAC1D,OAAO,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,CAAA;IACnE,MAAM,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;CACrD,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAE/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB,CAwBrE"}