@knotx/decorators 0.2.7 → 0.2.9

package/dist/index.cjs

@@ -26,6 +26,10 @@ function createBehaviorSubject(plugin, key, value) {
   });
   return true;
 }
+function subscribeBehaviorSubject(plugin, key, value) {
+  pushSubscription.call(plugin, value.subscribe((v) => Reflect.apply(Reflect.get(plugin, key), plugin, [v])));
+  return true;
+}
 function getPropertyBehaviorSubjectKey(key) {
   return `__${key}$__`;
 }
@@ -80,7 +84,7 @@ function edgeType(type) {
     }
     context.addInitializer(function() {
       subscribeEngine.call(this, (engine) => {
-        pushSubscription.call(this, engine.registerEdgeRenderer(type, this[context.name].bind(this)));
+        pushSubscription.call(this, engine.registerEdgeRenderer(type, "bind" in this[context.name] ? this[context.name].bind(this) : this[context.name]));
       });
     });
   };
@@ -312,6 +316,59 @@ function createInjectProxy(...presets) {
 }
 const inject = createInjectProxy();
 
+function subscribeData(context, engineKey) {
+  context.addInitializer(function() {
+    mergePluginHookFunction.call(this, "onInit", () => {
+      const engine = getEngine.call(this);
+      if (!engine) {
+        return void 0;
+      }
+      const engineKey$ = `${String(engineKey)}$`;
+      const paths = lodashEs.get(engine, engineKey$) ? [engineKey$] : [engineKey];
+      subscribeBehaviorSubject(this, context.name, lodashEs.get(engine, paths));
+    });
+  });
+}
+
+function subscribePluginData(context, pluginName, property) {
+  context.addInitializer(function() {
+    mergePluginHookFunction.call(this, "onInit", () => {
+      const engine = getEngine.call(this);
+      if (!engine) {
+        return void 0;
+      }
+      const paths = ["_pluginDataContainer", pluginName, property];
+      subscribeBehaviorSubject(this, context.name, lodashEs.get(engine, paths));
+    });
+  });
+}
+
+function subscribeDecorator(arg0, arg1) {
+  return function(_, context) {
+    if (typeof arg1 === "string") {
+      return subscribePluginData(context, arg0, arg1);
+    }
+    const engineKey = arg0;
+    return subscribeData(context, engineKey);
+  };
+}
+
+function createSubscribeProxy(...presets) {
+  return new Proxy(
+    new Object(() => {
+    }),
+    {
+      get(_, prop) {
+        return createSubscribeProxy(...presets, prop);
+      },
+      apply(_, thisArg, args) {
+        return Reflect.apply(subscribeDecorator, thisArg, [...presets, ...args]);
+      }
+    }
+  );
+}
+const subscribe = createSubscribeProxy();
+
 function layer(layer2, offset) {
   return function(_, context) {
     if (context.static) {
@@ -484,7 +541,7 @@ function nodeType(type) {
     }
     context.addInitializer(function() {
       subscribeEngine.call(this, (engine) => {
-        pushSubscription.call(this, engine.registerNodeRenderer(type, this[context.name].bind(this)));
+        pushSubscription.call(this, engine.registerNodeRenderer(type, "bind" in this[context.name] ? this[context.name].bind(this) : this[context.name]));
       });
     });
   };
@@ -595,4 +652,5 @@ exports.nodeType = nodeType;
 exports.observable = observable;
 exports.panel = panel;
 exports.register = register;
+exports.subscribe = subscribe;
 exports.tool = tool;

package/dist/index.d.cts

@@ -232,6 +232,59 @@ type InjectDecorator = InjectDecoratorInjectableDataType & InjectDecoratorInject
  */
 declare const inject: InjectDecorator;
 
+type SubscribeDataKey = keyof {
+    [K in keyof Engine as Engine[K] extends (...args: any[]) => any ? never : K]: Engine[K];
+};
+type SubscribeDecoratorSelectableDataType = {
+    [K in SubscribeDataKey]: {
+        (): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[K]) => void>) => void;
+    };
+};
+type SubscribeDecoratorSelectablePluginDataType = {
+    [K in keyof PluginData]: {
+        [P in keyof PluginData[K]]: {
+            (): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[K][P]) => void>) => void;
+        };
+    };
+};
+interface SubscribeDecoratorCallableDataType {
+    /**
+     * 注入引擎属性装饰器
+     * 用于将引擎的数据属性注入到插件类的字段中
+     * @param engineKey 引擎数据的键名
+     * @example
+     * ```
+     * @subscribe('nodes')
+     * nodes!: NodeData[]
+     * ```
+     */
+    <T extends SubscribeDataKey>(engineKey: T): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[T]) => void>) => void;
+}
+interface SubscribeDecoratorCallablePluginDataType {
+    /**
+     * 注入插件属性装饰器
+     * 用于将其他插件的数据属性注入到当前插件类的字段中
+     * @param pluginName 插件名称
+     * @param property 插件属性名
+     * @example
+     * ```
+     * @subscribe.history.canUndo()
+     * canUndo!: boolean
+     * ```
+     */
+    <T extends keyof PluginData, TP extends keyof PluginData[T]>(pluginName: T, property: TP): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[T][TP]) => void>) => void;
+}
+type SubscribeDecorator = SubscribeDecoratorSelectableDataType & SubscribeDecoratorSelectablePluginDataType & SubscribeDecoratorCallableDataType & SubscribeDecoratorCallablePluginDataType;
+
+/**
+ * 监听引擎变量
+ * \@subscribe.property()
+ *
+ * 监听插件变量
+ * \@subscribe.pluginName.property()
+ */
+declare const subscribe: SubscribeDecorator;
+
 declare function layer<K extends string>(layer: Layer, offset?: number): (_: any, context: CMDC<K, () => void>) => void;
 
 /**
@@ -433,4 +486,4 @@ type InferSchemaType<T> = T extends Schema ? InferParamsFromSchema<T> : any;
  */
 declare function tool<TN extends keyof PluginTools, TP extends keyof PluginTools[TN], TS extends Schema>(description: string, params: TS): (_: any, context: CMDC<Extract<TP, string>, PluginTools[TN][TP], TN>) => void;
 
-export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, tool };
+export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type SubscribeDataKey, type SubscribeDecorator, type SubscribeDecoratorCallableDataType, type SubscribeDecoratorCallablePluginDataType, type SubscribeDecoratorSelectableDataType, type SubscribeDecoratorSelectablePluginDataType, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, subscribe, tool };

package/dist/index.d.mts

@@ -232,6 +232,59 @@ type InjectDecorator = InjectDecoratorInjectableDataType & InjectDecoratorInject
  */
 declare const inject: InjectDecorator;
 
+type SubscribeDataKey = keyof {
+    [K in keyof Engine as Engine[K] extends (...args: any[]) => any ? never : K]: Engine[K];
+};
+type SubscribeDecoratorSelectableDataType = {
+    [K in SubscribeDataKey]: {
+        (): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[K]) => void>) => void;
+    };
+};
+type SubscribeDecoratorSelectablePluginDataType = {
+    [K in keyof PluginData]: {
+        [P in keyof PluginData[K]]: {
+            (): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[K][P]) => void>) => void;
+        };
+    };
+};
+interface SubscribeDecoratorCallableDataType {
+    /**
+     * 注入引擎属性装饰器
+     * 用于将引擎的数据属性注入到插件类的字段中
+     * @param engineKey 引擎数据的键名
+     * @example
+     * ```
+     * @subscribe('nodes')
+     * nodes!: NodeData[]
+     * ```
+     */
+    <T extends SubscribeDataKey>(engineKey: T): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[T]) => void>) => void;
+}
+interface SubscribeDecoratorCallablePluginDataType {
+    /**
+     * 注入插件属性装饰器
+     * 用于将其他插件的数据属性注入到当前插件类的字段中
+     * @param pluginName 插件名称
+     * @param property 插件属性名
+     * @example
+     * ```
+     * @subscribe.history.canUndo()
+     * canUndo!: boolean
+     * ```
+     */
+    <T extends keyof PluginData, TP extends keyof PluginData[T]>(pluginName: T, property: TP): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[T][TP]) => void>) => void;
+}
+type SubscribeDecorator = SubscribeDecoratorSelectableDataType & SubscribeDecoratorSelectablePluginDataType & SubscribeDecoratorCallableDataType & SubscribeDecoratorCallablePluginDataType;
+
+/**
+ * 监听引擎变量
+ * \@subscribe.property()
+ *
+ * 监听插件变量
+ * \@subscribe.pluginName.property()
+ */
+declare const subscribe: SubscribeDecorator;
+
 declare function layer<K extends string>(layer: Layer, offset?: number): (_: any, context: CMDC<K, () => void>) => void;
 
 /**
@@ -433,4 +486,4 @@ type InferSchemaType<T> = T extends Schema ? InferParamsFromSchema<T> : any;
  */
 declare function tool<TN extends keyof PluginTools, TP extends keyof PluginTools[TN], TS extends Schema>(description: string, params: TS): (_: any, context: CMDC<Extract<TP, string>, PluginTools[TN][TP], TN>) => void;
 
-export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, tool };
+export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type SubscribeDataKey, type SubscribeDecorator, type SubscribeDecoratorCallableDataType, type SubscribeDecoratorCallablePluginDataType, type SubscribeDecoratorSelectableDataType, type SubscribeDecoratorSelectablePluginDataType, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, subscribe, tool };

package/dist/index.d.ts

@@ -232,6 +232,59 @@ type InjectDecorator = InjectDecoratorInjectableDataType & InjectDecoratorInject
  */
 declare const inject: InjectDecorator;
 
+type SubscribeDataKey = keyof {
+    [K in keyof Engine as Engine[K] extends (...args: any[]) => any ? never : K]: Engine[K];
+};
+type SubscribeDecoratorSelectableDataType = {
+    [K in SubscribeDataKey]: {
+        (): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[K]) => void>) => void;
+    };
+};
+type SubscribeDecoratorSelectablePluginDataType = {
+    [K in keyof PluginData]: {
+        [P in keyof PluginData[K]]: {
+            (): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[K][P]) => void>) => void;
+        };
+    };
+};
+interface SubscribeDecoratorCallableDataType {
+    /**
+     * 注入引擎属性装饰器
+     * 用于将引擎的数据属性注入到插件类的字段中
+     * @param engineKey 引擎数据的键名
+     * @example
+     * ```
+     * @subscribe('nodes')
+     * nodes!: NodeData[]
+     * ```
+     */
+    <T extends SubscribeDataKey>(engineKey: T): <TK extends string>(_: any, context: CMDC<TK, (v: Engine[T]) => void>) => void;
+}
+interface SubscribeDecoratorCallablePluginDataType {
+    /**
+     * 注入插件属性装饰器
+     * 用于将其他插件的数据属性注入到当前插件类的字段中
+     * @param pluginName 插件名称
+     * @param property 插件属性名
+     * @example
+     * ```
+     * @subscribe.history.canUndo()
+     * canUndo!: boolean
+     * ```
+     */
+    <T extends keyof PluginData, TP extends keyof PluginData[T]>(pluginName: T, property: TP): <TK extends string>(_: any, context: CMDC<TK, (v: PluginData[T][TP]) => void>) => void;
+}
+type SubscribeDecorator = SubscribeDecoratorSelectableDataType & SubscribeDecoratorSelectablePluginDataType & SubscribeDecoratorCallableDataType & SubscribeDecoratorCallablePluginDataType;
+
+/**
+ * 监听引擎变量
+ * \@subscribe.property()
+ *
+ * 监听插件变量
+ * \@subscribe.pluginName.property()
+ */
+declare const subscribe: SubscribeDecorator;
+
 declare function layer<K extends string>(layer: Layer, offset?: number): (_: any, context: CMDC<K, () => void>) => void;
 
 /**
@@ -433,4 +486,4 @@ type InferSchemaType<T> = T extends Schema ? InferParamsFromSchema<T> : any;
  */
 declare function tool<TN extends keyof PluginTools, TP extends keyof PluginTools[TN], TS extends Schema>(description: string, params: TS): (_: any, context: CMDC<Extract<TP, string>, PluginTools[TN][TP], TN>) => void;
 
-export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, tool };
+export { type InferParamsFromSchema, type InferSchemaType, type InjectDecorator, type InjectDecoratorCallableDataType, type InjectDecoratorCallableMethodType, type InjectDecoratorCallablePluginDataType, type InjectDecoratorInjectableDataType, type InjectDecoratorInjectableMethodType, type InjectDecoratorInjectablePluginDataType, type InjectDecoratorInjectableType, type InjectWithContext, type Injectable, type InjectableDataKey, type InjectableMethodKey, OnConfigChange, OnDestroy, OnInit, type PanelOffset, type PanelPosition, type SubscribeDataKey, type SubscribeDecorator, type SubscribeDecoratorCallableDataType, type SubscribeDecoratorCallablePluginDataType, type SubscribeDecoratorSelectableDataType, type SubscribeDecoratorSelectablePluginDataType, type ToolParams, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, subscribe, tool };

package/dist/index.js

@@ -24,6 +24,10 @@ function createBehaviorSubject(plugin, key, value) {
   });
   return true;
 }
+function subscribeBehaviorSubject(plugin, key, value) {
+  pushSubscription.call(plugin, value.subscribe((v) => Reflect.apply(Reflect.get(plugin, key), plugin, [v])));
+  return true;
+}
 function getPropertyBehaviorSubjectKey(key) {
   return `__${key}$__`;
 }
@@ -78,7 +82,7 @@ function edgeType(type) {
     }
     context.addInitializer(function() {
       subscribeEngine.call(this, (engine) => {
-        pushSubscription.call(this, engine.registerEdgeRenderer(type, this[context.name].bind(this)));
+        pushSubscription.call(this, engine.registerEdgeRenderer(type, "bind" in this[context.name] ? this[context.name].bind(this) : this[context.name]));
       });
     });
   };
@@ -310,6 +314,59 @@ function createInjectProxy(...presets) {
 }
 const inject = createInjectProxy();
 
+function subscribeData(context, engineKey) {
+  context.addInitializer(function() {
+    mergePluginHookFunction.call(this, "onInit", () => {
+      const engine = getEngine.call(this);
+      if (!engine) {
+        return void 0;
+      }
+      const engineKey$ = `${String(engineKey)}$`;
+      const paths = get(engine, engineKey$) ? [engineKey$] : [engineKey];
+      subscribeBehaviorSubject(this, context.name, get(engine, paths));
+    });
+  });
+}
+
+function subscribePluginData(context, pluginName, property) {
+  context.addInitializer(function() {
+    mergePluginHookFunction.call(this, "onInit", () => {
+      const engine = getEngine.call(this);
+      if (!engine) {
+        return void 0;
+      }
+      const paths = ["_pluginDataContainer", pluginName, property];
+      subscribeBehaviorSubject(this, context.name, get(engine, paths));
+    });
+  });
+}
+
+function subscribeDecorator(arg0, arg1) {
+  return function(_, context) {
+    if (typeof arg1 === "string") {
+      return subscribePluginData(context, arg0, arg1);
+    }
+    const engineKey = arg0;
+    return subscribeData(context, engineKey);
+  };
+}
+
+function createSubscribeProxy(...presets) {
+  return new Proxy(
+    new Object(() => {
+    }),
+    {
+      get(_, prop) {
+        return createSubscribeProxy(...presets, prop);
+      },
+      apply(_, thisArg, args) {
+        return Reflect.apply(subscribeDecorator, thisArg, [...presets, ...args]);
+      }
+    }
+  );
+}
+const subscribe = createSubscribeProxy();
+
 function layer(layer2, offset) {
   return function(_, context) {
     if (context.static) {
@@ -482,7 +539,7 @@ function nodeType(type) {
     }
     context.addInitializer(function() {
       subscribeEngine.call(this, (engine) => {
-        pushSubscription.call(this, engine.registerNodeRenderer(type, this[context.name].bind(this)));
+        pushSubscription.call(this, engine.registerNodeRenderer(type, "bind" in this[context.name] ? this[context.name].bind(this) : this[context.name]));
       });
     });
   };
@@ -577,4 +634,4 @@ function tool(description, params) {
   };
 }
 
-export { OnConfigChange, OnDestroy, OnInit, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, tool };
+export { OnConfigChange, OnDestroy, OnInit, config, createPanelWrapper, edgeOperator, edgePipe, edgeType, inject, layer, nodeOperator, nodePipe, nodeType, observable, panel, register, subscribe, tool };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/decorators",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Decorators for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -28,20 +28,20 @@
     "dist"
   ],
   "peerDependencies": {
-    "@knotx/jsx": "0.2.7"
+    "@knotx/jsx": "0.2.9"
   },
   "dependencies": {
     "jsonschema": "^1.5.0",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.1",
-    "@knotx/core": "0.2.7"
+    "@knotx/core": "0.2.9"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.14.12",
-    "@knotx/build-config": "0.2.7",
-    "@knotx/eslint-config": "0.2.7",
-    "@knotx/jsx": "0.2.7",
-    "@knotx/typescript-config": "0.2.7"
+    "@knotx/build-config": "0.2.9",
+    "@knotx/eslint-config": "0.2.9",
+    "@knotx/jsx": "0.2.9",
+    "@knotx/typescript-config": "0.2.9"
   },
   "scripts": {
     "build": "unbuild",