@ray-js/runtime 0.3.0-beta.1c347991

package/lib/PageInstance.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 管理 web 页面生命周期的调用
+ * 小程序端
+ * TODO: 支持 RN
+ */
+import { PageLifecycleKeys, PageLifecycleParams } from '@ray-js/types';
+export declare const generateUniqueId: () => number;
+export declare const generatePageKey: (uniqueId: number) => string;
+export declare class PageInstance {
+    uniqueId: number;
+    private readonly lifecycleCallback;
+    constructor(uniqueId?: number);
+    /**
+     * 注册生命周期事件, 页面运行底层实例
+     * @param lifecycleName - 事件名
+     * @param context - fn 上下文
+     * @param fn - 回调函数
+     */
+    registerLifecycle(lifecycleName: PageLifecycleKeys, context: any, fn: (...args: any[]) => any): () => void;
+    /**
+     * 触发生命周期函数
+     * @param lifecycleName
+     * @param args
+     */
+    callLifecycle(params: PageLifecycleParams): any;
+}

package/lib/PageInstance.js

@@ -0,0 +1,79 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.array.splice.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+
+/**
+ * 管理 web 页面生命周期的调用
+ * 小程序端
+ * TODO: 支持 RN
+ */
+var UniqueId = 0;
+export var generateUniqueId = function () {
+  return UniqueId += 1;
+};
+export var generatePageKey = function (uniqueId) {
+  return 'Page-' + uniqueId;
+};
+export var PageInstance = /*#__PURE__*/function () {
+  function PageInstance(uniqueId) {
+    _classCallCheck(this, PageInstance);
+
+    this.uniqueId = uniqueId !== null && uniqueId !== void 0 ? uniqueId : generateUniqueId();
+    this.lifecycleCallback = {};
+  }
+  /**
+   * 注册生命周期事件, 页面运行底层实例
+   * @param lifecycleName - 事件名
+   * @param context - fn 上下文
+   * @param fn - 回调函数
+   */
+
+
+  _createClass(PageInstance, [{
+    key: "registerLifecycle",
+    value: function registerLifecycle(lifecycleName, context, fn) {
+      var _this = this;
+
+      this.lifecycleCallback[lifecycleName] = this.lifecycleCallback[lifecycleName] || [];
+      var fnObj = {
+        context: context,
+        fn: fn
+      }; // 先注册的函数先调用
+
+      this.lifecycleCallback[lifecycleName].push(fnObj);
+      return function () {
+        _this.lifecycleCallback[lifecycleName].splice(_this.lifecycleCallback[lifecycleName].indexOf(fnObj), 1);
+      };
+    }
+    /**
+     * 触发生命周期函数
+     * @param lifecycleName
+     * @param args
+     */
+
+  }, {
+    key: "callLifecycle",
+    value: function callLifecycle(params) {
+      var callbacks = this.lifecycleCallback[params.name] || [];
+      var result;
+
+      _toConsumableArray(callbacks).forEach(function (_ref) {
+        var _ref$context = _ref.context,
+            context = _ref$context === void 0 ? null : _ref$context,
+            fn = _ref.fn;
+        result = fn.apply(context, Array.isArray(params.args) ? params.args : [params.args]);
+      });
+
+      if (result) {
+        return result;
+      }
+    }
+  }]);
+
+  return PageInstance;
+}();

package/lib/PageInstanceContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PageConfig } from '@ray-js/types';
+import { PageInstance } from './PageInstance';
+declare const PageInstanceContext: React.Context<{
+    $instance: PageInstance;
+    pageConfig: PageConfig;
+}>;
+export { PageInstanceContext };

package/lib/PageInstanceContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+var PageInstanceContext = /*#__PURE__*/React.createContext(null);
+PageInstanceContext.displayName = 'PageInstanceContext';
+export { PageInstanceContext };

package/lib/current.d.ts

@@ -0,0 +1,9 @@
+import { AppInstance } from './instance';
+declare type Current = {
+    app: null | AppInstance;
+    page: null;
+    renderOptions: {};
+};
+export declare const current: Current;
+export declare function getCurrent(): Current;
+export {};

package/lib/current.js

@@ -0,0 +1,8 @@
+export var current = {
+  app: null,
+  page: null,
+  renderOptions: {}
+};
+export function getCurrent() {
+  return current;
+}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export { lifecycle } from './lifecycle';
+export { PageInstance } from './PageInstance';
+export { PageInstanceContext } from './PageInstanceContext';
+export { useAppEvent } from './useAppEvent';
+export { usePageEvent } from './usePageEvent';
+export { withPageLifecycle } from './withPageLifecycle';
+export { getCurrent } from './current';

package/lib/index.js

@@ -0,0 +1,8 @@
+export { lifecycle } from './lifecycle';
+export { PageInstance } from './PageInstance';
+export { PageInstanceContext } from './PageInstanceContext';
+export { useAppEvent } from './useAppEvent'; // 页面事件
+
+export { usePageEvent } from './usePageEvent';
+export { withPageLifecycle } from './withPageLifecycle';
+export { getCurrent } from './current';

package/lib/instance.d.ts

@@ -0,0 +1,26 @@
+export interface AppInstance {
+    onLaunch?: (params: {
+        path: string;
+        query: object;
+        params: object;
+    }) => void;
+    onShow?: (params: {
+        path: string;
+        query: object;
+        params: object;
+    }) => void;
+    onHide?: () => void;
+    onError?: (error: string) => void;
+    onPageNotFound?: (params: {
+        path: string;
+        query: object;
+        isEntryPage: boolean;
+    }) => void;
+    onUnhandledRejection?: (params: {
+        reason: string;
+        promise: Promise<any>;
+    }) => void;
+    onThemeChange?: (params: {
+        theme: 'dark' | 'light';
+    }) => void;
+}

package/lib/instance.js

@@ -0,0 +1 @@
+export {};

package/lib/lifecycle.d.ts

@@ -0,0 +1,23 @@
+import { PageLifecycleParams } from '@ray-js/types';
+import { PageInstance } from './PageInstance';
+declare class Lifecycle {
+    private readonly instanceMap;
+    constructor();
+    /**
+     * 增加一个 PageWrapper 实例
+     *
+     * @param uniqueId - 页面的 ID
+     * @param ins - 示例对象
+     */
+    addInstance(ins: PageInstance): void;
+    /**
+     * 删除一个 PageWrapper 实例
+     *
+     * @param uniqueId - 页面的 ID
+     * @param ins - 示例对象
+     */
+    removeInstance(ins: PageInstance): void;
+    emit(params: PageLifecycleParams): void;
+}
+export declare const lifecycle: Lifecycle;
+export {};

package/lib/lifecycle.js

@@ -0,0 +1,58 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { generatePageKey } from './PageInstance';
+
+var Lifecycle = /*#__PURE__*/function () {
+  function Lifecycle() {
+    _classCallCheck(this, Lifecycle);
+
+    this.instanceMap = new Map();
+  }
+  /**
+   * 增加一个 PageWrapper 实例
+   *
+   * @param uniqueId - 页面的 ID
+   * @param ins - 示例对象
+   */
+
+
+  _createClass(Lifecycle, [{
+    key: "addInstance",
+    value: function addInstance(ins) {
+      var key = generatePageKey(ins.uniqueId);
+      this.instanceMap.set(key, ins);
+    }
+    /**
+     * 删除一个 PageWrapper 实例
+     *
+     * @param uniqueId - 页面的 ID
+     * @param ins - 示例对象
+     */
+
+  }, {
+    key: "removeInstance",
+    value: function removeInstance(ins) {
+      var key = generatePageKey(ins.uniqueId);
+      this.instanceMap.delete(key);
+    }
+  }, {
+    key: "emit",
+    value: function emit(params) {
+      var key = generatePageKey(params.uniqueId);
+      var $instance = this.instanceMap.get(key);
+
+      if ($instance) {
+        $instance.callLifecycle(params);
+      }
+    }
+  }]);
+
+  return Lifecycle;
+}();
+
+export var lifecycle = new Lifecycle();

package/lib/useAppEvent/index.d.ts

@@ -0,0 +1 @@
+export declare function useAppEvent(event: string, fn: () => any): void;

package/lib/useAppEvent/index.js

@@ -0,0 +1,2 @@
+export function useAppEvent() {// TODO: App 事件
+}

package/lib/usePageEvent/index.d.ts

@@ -0,0 +1,2 @@
+import { PageLifecycleKeys } from '@ray-js/types';
+export declare function usePageEvent(event: PageLifecycleKeys, fn: (...args: any[]) => any): void;

package/lib/usePageEvent/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PageInstanceContext } from '../PageInstanceContext';
+export function usePageEvent(event, fn) {
+  var $instance = React.useContext(PageInstanceContext).$instance;
+  $instance.registerLifecycle(event, null, fn);
+}

package/lib/withPageLifecycle/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function withPageLifecycle<P extends object>(Component: React.ComponentType<P>): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/lib/withPageLifecycle/index.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["forwardedRef"];
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.keys.js";
+import React from 'react';
+import { pageLifecycles } from '@ray-js/types';
+import { PageInstanceContext } from '../PageInstanceContext';
+export function withPageLifecycle(Component) {
+  var displayName = "WithPageLifecycle(".concat(Component.displayName || Component.name, ")");
+
+  var WithPageLifeCycle = /*#__PURE__*/function (_React$Component) {
+    _inherits(WithPageLifeCycle, _React$Component);
+
+    var _super = _createSuper(WithPageLifeCycle);
+
+    function WithPageLifeCycle() {
+      _classCallCheck(this, WithPageLifeCycle);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(WithPageLifeCycle, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+            forwardedRef = _this$props.forwardedRef,
+            rest = _objectWithoutProperties(_this$props, _excluded);
+
+        return /*#__PURE__*/React.createElement(PageInstanceContext.Consumer, null, function (context) {
+          var $instance = context.$instance; // 挂载页面事件
+
+          function additionToLifecycle(ins) {
+            Object.keys(pageLifecycles).forEach(function (event) {
+              if (typeof ins[event] === 'function') {
+                $instance.registerLifecycle(event, ins, ins[event]);
+              }
+            });
+          }
+
+          return /*#__PURE__*/React.createElement(Component, _extends({
+            ref: function ref(_ref) {
+              if (_ref) {
+                additionToLifecycle(_ref);
+              }
+
+              if (forwardedRef) {
+                if (typeof forwardedRef === 'function') {
+                  forwardedRef(_ref);
+                } else if (_typeof(forwardedRef) === 'object') {
+                  forwardedRef.current = _ref;
+                }
+              }
+            }
+          }, rest));
+        });
+      }
+    }]);
+
+    return WithPageLifeCycle;
+  }(React.Component);
+
+  _defineProperty(WithPageLifeCycle, "displayName", displayName);
+
+  var forwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(WithPageLifeCycle, _extends({}, props, {
+      forwardedRef: ref
+    }));
+  });
+  forwardRef.displayName = displayName;
+  return forwardRef;
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@ray-js/runtime",
+  "version": "0.3.0-beta.1c347991",
+  "description": "Ray cross runtime",
+  "keywords": [
+    "ray"
+  ],
+  "author": "子长 <zichang.nong@tuya.com>",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "clean": "rm -rf lib ",
+    "build": "ray build --type=component --transform-mode=pure",
+    "watch": "tsc -p ./tsconfig.build.json --module esnext --outDir lib --watch"
+  },
+  "devDependencies": {
+    "@ray-js/cli": "^0.3.0-beta.1c347991",
+    "@ray-js/types": "^0.3.0-beta.1c347991"
+  },
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
+  ],
+  "gitHead": "e0bd013022ddda63380d3c9e20fd8cadb46cd61f",
+  "repository": {}
+}