airx 0.1.2 → 0.1.4

package/README.md

@@ -1,4 +1,4 @@
-# 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)
 
 Arix is a front-end framework based on JSX, but it doesn't have hooks like React.
 

package/output/element.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from './reactive';
 import * as symbol from './symbol';
 type AirxElementType<P> = string | AirxComponent<P>;
 /**
@@ -7,14 +8,14 @@ type AirxElementType<P> = string | AirxComponent<P>;
  * props 表示元素的属性
  * children 表示元素的子元素
  */
-export interface AirxElement<P = unknown> {
+export interface AirxElement<P = any> {
     type: AirxElementType<P>;
     props: {
         [propKey: string]: unknown;
-    };
+    } & P;
     [symbol.airxElementSymbol]: true;
 }
-export type AirxChildren = null | string | number | boolean | undefined | AirxElement<never> | Array<AirxElement<never>>;
+export type AirxChildren = null | string | number | boolean | undefined | AirxElement | Array<AirxChildren>;
 /**
  * 函数式组件接收自己的 props，并返回一个 AirxElement
  */
@@ -23,18 +24,21 @@ export type AirxComponentRender = () => AirxChildren;
 /**
  * createElement 是用于创建 AirxElement 的工具函数
  */
-export declare function createElement<P = unknown>(type: AirxElementType<P>, props: {
+export declare function createElement<P = any>(type: AirxElementType<P>, props: {
     [key: string]: unknown;
 } & P, ...children: AirxChildren[]): AirxElement<P>;
 export declare function isValidElement(element: unknown): element is AirxElement;
 export declare function Fragment(props: {
     children: AirxElement;
-}): () => AirxElement<unknown>;
+}): () => AirxElement<any>;
 export type AirxComponentUnmountedListener = () => void;
 export type AirxComponentMountedListener = () => () => void | void;
 export interface AirxComponentLifecycle {
     onMounted: (listener: AirxComponentMountedListener) => void;
     onUnmounted: (listener: AirxComponentUnmountedListener) => void;
 }
-export type AirxComponentContext = AirxComponentLifecycle;
+export type AirxComponentContext = AirxComponentLifecycle & {
+    provide: <T = any>(key: any, value: T) => (newValue: T) => void;
+    inject: <T = any>(key: any) => Ref<T | null>;
+};
 export {};

package/output/element.js

@@ -2,6 +2,7 @@ import * as symbol from './symbol';
 /**
  * createElement 是用于创建 AirxElement 的工具函数
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function createElement(type, props, ...children) {
     return {
         type,

package/output/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../source/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAgClC;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAwB,EACxB,KAAqC,EACrC,GAAG,QAAwB;IAE3B,OAAO;QACL,IAAI;QACJ,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ;SACT;QACD,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI;KACjC,CAAA;AACH,CAAC;AAED,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,CAAA;AACrD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAA;AAC7B,CAAC"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../source/element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAiClC;;GAEG;AACH,8DAA8D;AAC9D,MAAM,UAAU,aAAa,CAC3B,IAAwB,EACxB,KAAqC,EACrC,GAAG,QAAwB;IAE3B,OAAO;QACL,IAAI;QACJ,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ;SACT;QACD,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI;KACjC,CAAA;AACH,CAAC;AAED,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,CAAA;AACrD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAA;AAC7B,CAAC"}

package/output/index.d.ts

@@ -1,8 +1,8 @@
 import { AirxElement } from './element';
 export * from './types';
-export { createRef } from './reactive';
+export { createRef, Ref } from './reactive';
 export { Fragment, createElement, AirxComponent, AirxElement, AirxChildren, AirxComponentContext } from './element';
-export { useContext, onMounted, onUnmounted } from './render';
+export { inject, provide, onMounted, onUnmounted } from './render';
 export interface AirxApp {
     mount: (container: HTMLElement) => AirxApp;
 }

package/output/index.js

@@ -2,7 +2,7 @@ import { render } from './render';
 export * from './types';
 export { createRef } from './reactive';
 export { Fragment, createElement } from './element';
-export { useContext, onMounted, onUnmounted } from './render';
+export { inject, provide, onMounted, onUnmounted } from './render';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function createApp(element) {
     const app = {

package/output/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtC,OAAO,EACL,QAAQ,EACR,aAAa,EAKd,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,MAAM,UAAU,CAAA;AAOjB,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CAAC,OAAyB;IACjD,MAAM,GAAG,GAAY;QACnB,yBAAyB;QACzB,yBAAyB;QACzB,eAAe;QACf,KAAK;QAEL,KAAK,EAAE,CAAC,SAAsB,EAAE,EAAE;YAChC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;YAC1B,OAAO,GAAG,CAAA;QACZ,CAAC;KACF,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAO,MAAM,YAAY,CAAA;AAE3C,OAAO,EACL,QAAQ,EACR,aAAa,EAKd,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACZ,MAAM,UAAU,CAAA;AAOjB,8DAA8D;AAC9D,MAAM,UAAU,SAAS,CAAC,OAAyB;IACjD,MAAM,GAAG,GAAY;QACnB,yBAAyB;QACzB,yBAAyB;QACzB,eAAe;QACf,KAAK;QAEL,KAAK,EAAE,CAAC,SAAsB,EAAE,EAAE;YAChC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;YAC1B,OAAO,GAAG,CAAA;QACZ,CAAC;KACF,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/output/reactive.d.ts

@@ -2,9 +2,8 @@ export declare function createCollector(): {
     complete: () => Ref<unknown>[];
     collect: <R = unknown>(process: () => R) => R;
 };
-interface Ref<T = unknown> {
+export interface Ref<T = unknown> {
     value: T;
 }
 export declare function watch<T = unknown>(ref: Ref<T>, listener: () => unknown): () => void;
 export declare function createRef<T>(obj: T): Ref<T>;
-export {};

package/output/reactive.js

@@ -49,19 +49,20 @@ export function createRef(obj) {
     if (!globalContext.dependencies.has(ref)) {
         globalContext.dependencies.add(ref);
     }
-    return new Proxy(ref, {
-        get(target, key, receiver) {
-            const result = Reflect.get(target, key, receiver);
+    let value = ref.value;
+    Reflect.defineProperty(ref, 'value', {
+        get() {
             if (!globalContext.dependencies.has(ref)) {
                 globalContext.dependencies.add(ref);
             }
-            return result;
-        },
-        set(target, key, value, receiver) {
-            const result = Reflect.set(target, key, value, receiver);
-            triggerRef(target);
-            return result;
+            return value;
         },
+        set(newValue) {
+            value = newValue;
+            triggerRef(ref);
+            return value;
+        }
     });
+    return ref;
 }
 //# sourceMappingURL=reactive.js.map

package/output/reactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../source/reactive.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../source/reactive.ts"],"names":[],"mappings":"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"}

package/output/render/browser.d.ts

@@ -0,0 +1,3 @@
+import { AirxElement } from '../element';
+import { Instance } from './common';
+export declare function render(element: AirxElement, domRef: HTMLElement): Instance;

package/output/render/browser.js

@@ -0,0 +1,272 @@
+import { createLogger } from '../logger';
+import { InnerAirxComponentContext, performUnitOfWork } from './common';
+export function render(element, domRef) {
+    const rootInstance = {
+        domRef,
+        context: new InnerAirxComponentContext()
+    };
+    rootInstance.context.instance = rootInstance;
+    const context = {
+        rootInstance,
+        nextUnitOfWork: null,
+        needCommitDom: false
+    };
+    const appInstance = {
+        element,
+        parent: context.rootInstance,
+        memoProps: { ...element.props },
+        context: new InnerAirxComponentContext()
+    };
+    appInstance.context.instance = appInstance;
+    context.rootInstance.child = appInstance;
+    context.nextUnitOfWork = appInstance;
+    /**
+     * 提交 Dom 变化
+     */
+    function commitDom(rootInstance, rootNode) {
+        const logger = createLogger('commitDom');
+        logger.debug('commitDom', rootInstance);
+        function updateDomProperties(dom, nextProps, prevProps = {}) {
+            const isKey = (key) => key === 'key';
+            const isStyle = (key) => key === 'style';
+            const isClass = (key) => key === 'class';
+            const isEvent = (key) => key.startsWith("on");
+            const isChildren = (key) => key === 'children';
+            const isGone = (_prev, next) => (key) => !(key in next);
+            const isNew = (prev, next) => (key) => prev[key] !== next[key];
+            const isProperty = (key) => !isChildren(key) && !isEvent(key) && !isStyle(key) && !isClass(key) && !isKey(key);
+            // https://developer.mozilla.org/zh-CN/docs/Web/API/Node
+            if (dom.nodeName === '#text' || dom.nodeName === '#comment') {
+                const textNode = dom;
+                if (textNode.nodeValue !== nextProps.textContent) {
+                    textNode.nodeValue = String(nextProps.textContent);
+                }
+                return;
+            }
+            // remove old style
+            const oldStyle = prevProps?.style;
+            if (typeof oldStyle === 'object' && oldStyle != null) {
+                Object.keys(oldStyle).forEach(key => {
+                    /* eslint-disable @typescript-eslint/no-explicit-any */
+                    delete dom.style[key];
+                    /* eslint-enable @typescript-eslint/no-explicit-any */
+                });
+            }
+            // add new style
+            const newStyle = nextProps?.style;
+            if (typeof newStyle === 'object' && newStyle != null) {
+                Object.keys(newStyle).forEach((key) => {
+                    /* eslint-disable @typescript-eslint/no-explicit-any */
+                    const value = newStyle?.[key];
+                    dom.style[key] = value == null ? '' : value;
+                    /* eslint-enable @typescript-eslint/no-explicit-any */
+                });
+            }
+            if (dom.className !== nextProps?.class) {
+                if (!nextProps?.class) {
+                    dom.removeAttribute('class');
+                }
+                else if (typeof nextProps?.class === 'string') {
+                    dom.setAttribute('class', nextProps?.class);
+                }
+            }
+            //Remove old or changed event listeners
+            Object.keys(prevProps)
+                .filter(isEvent)
+                .filter(key => !(key in nextProps) ||
+                isNew(prevProps, nextProps)(key))
+                .forEach(name => {
+                const eventType = name
+                    .toLowerCase()
+                    .substring(2);
+                if (prevProps[name] == null)
+                    return;
+                if (typeof prevProps[name] !== 'function') {
+                    console.error('EventListener is not a function');
+                }
+                else {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    dom.removeEventListener(eventType, prevProps[name]);
+                }
+            });
+            // Add event listeners
+            Object.keys(nextProps)
+                .filter(isEvent)
+                .filter(isNew(prevProps, nextProps))
+                .forEach(name => {
+                const eventType = name
+                    .toLowerCase()
+                    .substring(2);
+                if (nextProps[name] == null)
+                    return;
+                if (typeof nextProps[name] !== 'function') {
+                    console.error('EventListener is not a function');
+                }
+                else {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    dom.addEventListener(eventType, nextProps[name]);
+                }
+            });
+            // Remove old properties
+            Object.keys(prevProps)
+                .filter(isProperty)
+                .filter(isGone(prevProps, nextProps))
+                .forEach(name => dom.setAttribute(name, ''));
+            // Set new or changed properties
+            Object.keys(nextProps)
+                .filter(isProperty)
+                .filter(isNew(prevProps, nextProps))
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .forEach(name => dom.setAttribute(name, nextProps[name]));
+        }
+        function getParentDom(instance) {
+            if (instance.parent?.domRef != null) {
+                return instance.parent.domRef;
+            }
+            if (instance.parent) {
+                return getParentDom(instance.parent);
+            }
+            throw new Error('Cant find dom');
+        }
+        /**
+         * 查找 instance 下所有的一级 dom
+         * @param instance
+         * @returns
+         */
+        function getChildDoms(instance) {
+            const domList = [];
+            const todoList = [instance];
+            while (todoList.length > 0) {
+                const current = todoList.pop();
+                // 找到真实 dom 直接提交
+                if (current?.domRef != null) {
+                    domList.push(current.domRef);
+                }
+                // 有子节点但是无真实 dom，向下继续查找
+                if (current?.domRef == null) {
+                    if (current?.child != null) {
+                        todoList.push(current.child);
+                    }
+                }
+                // 可能有兄弟节点，则需要继续查找
+                if (current?.sibling != null) {
+                    todoList.push(current.sibling);
+                }
+            }
+            return domList;
+        }
+        function commitInstanceDom(nextInstance, oldNode) {
+            // 移除标删元素
+            if (nextInstance.deletions) {
+                for (const deletion of nextInstance.deletions) {
+                    const domList = getChildDoms(deletion);
+                    for (let index = 0; index < domList.length; index++) {
+                        const dom = domList[index];
+                        if (dom && dom.parentNode)
+                            dom.parentNode.removeChild(dom);
+                    }
+                    deletion.context.triggerUnmounted();
+                }
+                nextInstance.deletions.clear();
+            }
+            // 创建 dom
+            if (nextInstance.domRef == null) {
+                if (nextInstance.element == null)
+                    throw new Error('???');
+                if (typeof nextInstance.element.type === 'string') {
+                    if (nextInstance.element.type === 'text') {
+                        const textContent = nextInstance.element.props.textContent;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        nextInstance.domRef = document.createTextNode(textContent);
+                    }
+                    else if (nextInstance.element.type === 'comment') {
+                        const textContent = nextInstance.element.props.textContent;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        nextInstance.domRef = document.createComment(textContent);
+                    }
+                    else {
+                        nextInstance.domRef = document.createElement(nextInstance.element.type);
+                    }
+                }
+            }
+            // 更新属性
+            if (nextInstance.domRef != null && nextInstance.element != null) {
+                updateDomProperties(nextInstance.domRef, nextInstance.element.props, nextInstance.beforeElement?.props);
+            }
+            // 插入 parent
+            // TODO: 针对仅移动时优化
+            if (nextInstance.domRef != null) {
+                if (oldNode !== nextInstance.domRef) {
+                    if (nextInstance.domRef.parentNode) {
+                        nextInstance.domRef.parentNode.removeChild(nextInstance.domRef);
+                    }
+                    const parentDom = getParentDom(nextInstance);
+                    parentDom.appendChild(nextInstance.domRef);
+                }
+            }
+        }
+        function commitWalkV2(initInstance, initNode) {
+            // 创建一个栈，将根节点压入栈中
+            const stack = [[initInstance, initNode]];
+            while (stack.length > 0) {
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                const stackLayer = stack.pop();
+                if (typeof stackLayer === 'function') {
+                    stackLayer();
+                    continue;
+                }
+                const [instance, node] = stackLayer;
+                commitInstanceDom(instance, node);
+                // stack 是先入后出
+                // 实际上是先渲染 child
+                // 这里然后再渲染 sibling
+                // 执行生命周期的 Mount
+                stack.push(() => instance.context.triggerMounted());
+                // 更新下一个兄弟节点
+                if (instance.sibling != null) {
+                    const siblingNode = instance.domRef
+                        ? instance.domRef.nextSibling
+                        : node?.nextSibling;
+                    stack.push([instance.sibling, siblingNode || undefined]);
+                }
+                // 更新下一个子节点
+                if (instance.child != null) {
+                    const childNode = instance.domRef
+                        ? instance.domRef.firstChild
+                        : node;
+                    stack.push([instance.child, childNode || undefined]);
+                }
+            }
+        }
+        commitWalkV2(rootInstance, rootNode);
+    }
+    function onUpdateRequire() {
+        if (context.nextUnitOfWork == null && context.rootInstance.child) {
+            context.nextUnitOfWork = context.rootInstance.child;
+        }
+    }
+    /**
+     * 调度
+     */
+    function workLoop(deadline) {
+        let shouldYield = false;
+        const logger = createLogger('workLoop');
+        while (context.nextUnitOfWork && !shouldYield) {
+            logger.debug('nextUnitOfWork', context.nextUnitOfWork);
+            context.nextUnitOfWork = performUnitOfWork(context.nextUnitOfWork, onUpdateRequire);
+            if (context.nextUnitOfWork == null)
+                context.needCommitDom = true;
+            if (deadline)
+                shouldYield = deadline.timeRemaining() < 1;
+        }
+        if (context.needCommitDom && context.rootInstance.child) {
+            commitDom(context.rootInstance.child, context.rootInstance.domRef?.firstChild || undefined);
+            context.needCommitDom = false;
+        }
+        requestIdleCallback(workLoop);
+    }
+    // 开始调度
+    requestIdleCallback(workLoop);
+    return context.rootInstance;
+}
+//# sourceMappingURL=browser.js.map

package/output/render/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../source/render/browser.ts"],"names":[],"mappings":"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"}

package/output/{render.d.ts → render/common/index.d.ts}

@@ -1,16 +1,23 @@
-import { AirxElement, AirxComponentRender, AirxComponentContext, AirxComponentMountedListener, AirxComponentUnmountedListener } from './element';
-export declare function useContext(): AirxComponentContext;
+import { Ref } from '../../reactive';
+import { AirxComponentContext, AirxComponentMountedListener, AirxComponentRender, AirxComponentUnmountedListener, AirxElement } from '../../element';
 export declare const onMounted: AirxComponentContext['onMounted'];
 export declare const onUnmounted: AirxComponentContext['onUnmounted'];
+export declare const inject: AirxComponentContext['inject'];
+export declare const provide: AirxComponentContext['provide'];
 export type Disposer = () => void;
-declare class InnerAirxComponentContext implements AirxComponentContext {
+export declare class InnerAirxComponentContext implements AirxComponentContext {
+    instance?: Instance;
     private disposers;
+    private providedMap;
+    private injectedMap;
     private mountListeners;
     private unmountedListeners;
     triggerMounted(): void;
     triggerUnmounted(): void;
     onMounted(listener: AirxComponentMountedListener): void;
     onUnmounted(listener: AirxComponentUnmountedListener): void;
+    provide<T = unknown>(key: any, value: any): (v: T) => void;
+    inject<T = unknown>(key: any): Ref<T | null>;
     addDisposer(...disposers: Disposer[]): void;
     dispose(): void;
     /**
@@ -27,7 +34,7 @@ declare class InnerAirxComponentContext implements AirxComponentContext {
  *  ↓    |                 |
  * instance  -sibling→  instance...
  */
-interface Instance {
+export interface Instance {
     domRef?: HTMLElement;
     child?: Instance;
     parent?: Instance;
@@ -36,9 +43,21 @@ interface Instance {
     element?: AirxElement;
     beforeElement?: AirxElement;
     render?: AirxComponentRender;
-    memoProps?: object;
+    memoProps?: any;
     requiredUpdate?: boolean;
     context: InnerAirxComponentContext;
 }
-export declare function render(element: AirxElement, domRef: HTMLElement): Instance;
+/**
+   * 更新 children
+   * @param parentInstance  当前正在处理的组件的实例
+   * @param children  当前组件的子节点
+   */
+export declare function reconcileChildren(parentInstance: Instance, childrenElementArray: AirxElement[]): void;
+type OnUpdateRequire = (instance: Instance) => void;
+/**
+ * 处理单个 instance
+ * @param instance 当前处理的实例
+ * @returns 返回下一个需要处理的 instance
+ */
+export declare function performUnitOfWork(instance: Instance, onUpdateRequire?: OnUpdateRequire): Instance | null;
 export {};