airx 0.7.0 → 0.7.1

package/output/app/app.d.ts

@@ -1,5 +1,14 @@
-import { Plugin } from '../render';
-import { AirxComponent, AirxElement } from '../element';
+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 */
@@ -7,5 +16,26 @@ export interface 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

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../source/app/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,MAAM,EAAiB,MAAM,WAAW,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,WAAW,EAAiB,MAAM,YAAY,CAAA;AAEtE,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;AAGD,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,aAAa,GAAG,OAAO,CA+B5E"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/app/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}
+{"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

@@ -1,34 +1,81 @@
-import * as symbol from '../symbol';
+import * as symbol from '../symbol/index.js';
 type AirxElementType<P> = string | AirxComponent<P>;
 export type Props = {
     [propKey: string]: unknown;
 };
 /**
- * AirxElement 表示一个 Airx 元素
- * type 表示元素的类型，可能是一个 html 标签，
- * 也可能是一个自定义组件
- * props 表示元素的属性
- * children 表示元素的子元素
+ * 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;
 /**
- * 函数式组件接收自己的 props，并返回一个 AirxElement
+ * 组件渲染函数类型。
+ *
+ * 组件函数返回值本身是一个 "render 函数"，该函数最终返回子节点。
  */
 export type AirxComponentRender = () => AirxChildren;
 export type AirxComponent<P = unknown> = ReactiveComponent<P>;
 export type ReactiveComponent<P = unknown> = (props: P) => AirxComponentRender;
 /**
- * createElement 是用于创建 AirxElement 的工具函数
+ * 创建 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>;
@@ -43,6 +90,18 @@ 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 {};

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

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../source/element/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,WAAW,CAAA;AAGnC,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;;;;;;GAMG;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,MAAM,MAAM,YAAY,GACpB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,WAAW,GACX,KAAK,CAAC,YAAY,CAAC,GACnB,mBAAmB,CAAA;AAEvB;;GAEG;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;;GAEG;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,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAIvE;AAED,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,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"}
+{"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"}

package/output/element/element.js

@@ -0,0 +1,106 @@
+import * as symbol from '../symbol/index.js';
+/**
+ * 创建 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' })
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function createElement(type, props, ...children) {
+    const localChildren = [];
+    if (children.length > 0) {
+        localChildren.push(...children);
+    }
+    else if (props && props.children) {
+        localChildren.push(props.children);
+    }
+    return {
+        type,
+        props: {
+            ...props,
+            children: localChildren
+        },
+        [symbol.airxElementSymbol]: true
+    };
+}
+/**
+ * 判断一个值是否是合法的 AirxElement。
+ */
+export function isValidElement(element) {
+    return typeof element === 'object'
+        && element !== null
+        && Reflect.get(element, symbol.airxElementSymbol) === true;
+}
+/**
+ * JSX Fragment 对应的运行时实现。
+ *
+ * @example
+ * function Card() {
+ *   return () => (
+ *     <>
+ *       <h3>Title</h3>
+ *       <p>Content</p>
+ *     </>
+ *   )
+ * }
+ */
+export function Fragment(props) {
+    return () => props.children;
+}
+/**
+ * 为组件提供类型友好的包装。
+ *
+ * 主要用于在不使用 JSX 的场景下显式声明组件签名。
+ *
+ * @example
+ * import { component, createElement } from 'airx'
+ *
+ * const Hello = component<{ name: string }>((props) => {
+ *   return () => createElement('h1', null as never, `Hello ${props.name}`)
+ * })
+ */
+export function component(comp) {
+    return comp;
+}
+export function createErrorRender(error) {
+    console.error(error);
+    const handleClick = () => {
+        // 点击输出错误是为了避免
+        // 页面上多个组件同时出错时
+        // 无法定位错误与之对应的组件
+        console.error(error);
+    };
+    const formattingError = () => {
+        if (error == null)
+            return 'Unknown rendering error';
+        if (error instanceof Error)
+            return error.message;
+        return JSON.stringify(error);
+    };
+    const errorBlockStyle = {
+        padding: '8px',
+        fontSize: '20px',
+        color: 'rgb(255,255,255)',
+        backgroundColor: 'rgb(255, 0, 0)',
+    };
+    return () => createElement('div', { style: errorBlockStyle, onClick: handleClick }, formattingError());
+}
+//# sourceMappingURL=element.js.map

package/output/element/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../source/element/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAgD5C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,8DAA8D;AAC9D,MAAM,UAAU,aAAa,CAC3B,IAAwB,EACxB,KAAqC,EACrC,GAAG,QAAwB;IAE3B,MAAM,aAAa,GAAmB,EAAE,CAAA;IAExC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,aAAa,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAA;IACjC,CAAC;SAAM,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAwB,CAAC,CAAA;IACpD,CAAC;IAED,OAAO;QACL,IAAI;QACJ,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ,EAAE,aAAa;SACxB;QACD,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI;KACjC,CAAA;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,OAAgB;IAC7C,OAAO,OAAO,OAAO,KAAK,QAAQ;WAC7B,OAAO,KAAK,IAAI;WAChB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;AAC9D,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAA;AAC7B,CAAC;AAiBD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS,CAAc,IAAsB;IAC3D,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEpB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAW,EAAE;QACnC,IAAI,KAAK,IAAI,IAAI;YAAE,OAAO,yBAAyB,CAAA;QACnD,IAAI,KAAK,YAAY,KAAK;YAAE,OAAO,KAAK,CAAC,OAAO,CAAA;QAChD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,eAAe,GAAkB;QACrC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,kBAAkB;QACzB,eAAe,EAAE,gBAAgB;KAClC,CAAA;IAED,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,eAAe,EAAE,CAAC,CAAA;AACxG,CAAC"}

package/output/element/index.d.ts

@@ -1,2 +1,2 @@
-export { Props, AirxElement, AirxComponent, AirxChildren, createElement, AirxComponentRender, ReactiveComponent, Fragment, component, AirxComponentContext, isValidElement, AirxComponentMountedListener, AirxComponentUnmountedListener, createErrorRender } from './element';
+export { Props, AirxElement, AirxComponent, AirxChildren, createElement, AirxComponentRender, ReactiveComponent, Fragment, component, AirxComponentContext, isValidElement, AirxComponentMountedListener, AirxComponentUnmountedListener, createErrorRender } from './element.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/element/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,4BAA4B,EAC5B,8BAA8B,EAC9B,iBAAiB,EAClB,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/element/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,4BAA4B,EAC5B,8BAA8B,EAC9B,iBAAiB,EAClB,MAAM,cAAc,CAAA"}

package/output/element/index.js

@@ -0,0 +1,2 @@
+export { createElement, Fragment, component, isValidElement, createErrorRender } from './element.js';
+//# sourceMappingURL=index.js.map

package/output/element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/element/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EAGb,QAAQ,EACR,SAAS,EAET,cAAc,EAGd,iBAAiB,EAClB,MAAM,cAAc,CAAA"}

package/output/index.d.ts

@@ -1,6 +1,40 @@
-export * from './types';
-export { type Plugin } from './render';
-export { type AirxApp, createApp } from './app';
-export { Fragment, component, createElement, type AirxComponent, type AirxElement, type AirxChildren, type AirxComponentContext } from './element';
-export { inject, provide, onMounted, onUnmounted } from './render';
+/**
+ * JSX/DOM 属性类型定义。
+ */
+export * from './types/index.js';
+/**
+ * 渲染插件类型。
+ */
+export { type Plugin } from './render/index.js';
+/**
+ * 应用入口 API。
+ *
+ * @example
+ * import { createApp } from 'airx'
+ * import { App } from './App.js'
+ *
+ * createApp(App).mount(document.getElementById('root')!)
+ */
+export { type AirxApp, createApp } from './app/index.js';
+/**
+ * 节点和组件 API。
+ *
+ * @example
+ * import { createElement, component } from 'airx'
+ *
+ * const Title = component((props: { text: string }) => {
+ *   return () => createElement('h1', null as never, props.text)
+ * })
+ */
+export { Fragment, component, createElement, type AirxComponent, type AirxElement, type AirxChildren, type AirxComponentContext } from './element/index.js';
+/**
+ * 组件上下文 Hook API。
+ *
+ * @example
+ * import { provide, inject } from 'airx'
+ *
+ * provide('lang', 'en')
+ * const lang = inject<string>('lang')
+ */
+export { inject, provide, onMounted, onUnmounted } from './render/index.js';
 //# sourceMappingURL=index.d.ts.map

package/output/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,KAAK,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACZ,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAA;AAEhC;;GAEG;AACH,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE/C;;;;;;;;GAQG;AACH,OAAO,EAAE,KAAK,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD;;;;;;;;;GASG;AACH,OAAO,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;GAQG;AACH,OAAO,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACZ,MAAM,mBAAmB,CAAA"}