@flowgram.ai/node-variable-plugin 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,125 @@
+// src/create-node-variable-plugin.ts
+import { NodeManager } from "@flowgram.ai/form-core";
+import { definePluginCreator } from "@flowgram.ai/core";
+
+// src/with-node-variables.tsx
+import React2 from "react";
+
+// src/components/PublicScopeProvider.tsx
+import React, { useMemo } from "react";
+import { FlowNodeVariableData, ScopeProvider } from "@flowgram.ai/variable-plugin";
+import { useEntityFromContext } from "@flowgram.ai/core";
+var PublicScopeProvider = ({ children }) => {
+  const node = useEntityFromContext();
+  const publicScope = useMemo(() => node.getData(FlowNodeVariableData).public, [node]);
+  return /* @__PURE__ */ React.createElement(ScopeProvider, { value: { scope: publicScope } }, children);
+};
+
+// src/with-node-variables.tsx
+var withNodeVariables = (Component) => (props) => /* @__PURE__ */ React2.createElement(PublicScopeProvider, null, /* @__PURE__ */ React2.createElement(Component, { ...props }));
+
+// src/create-node-variable-plugin.ts
+var createNodeVariablePlugin = definePluginCreator({
+  onInit(ctx) {
+    const nodeManager = ctx.get(NodeManager);
+    nodeManager.registerNodeRenderHoc(withNodeVariables);
+  }
+});
+
+// src/components/PrivateScopeProvider.tsx
+import React3, { useMemo as useMemo2 } from "react";
+import { FlowNodeVariableData as FlowNodeVariableData2, ScopeProvider as ScopeProvider2 } from "@flowgram.ai/variable-plugin";
+import { useEntityFromContext as useEntityFromContext2 } from "@flowgram.ai/core";
+var PrivateScopeProvider = ({ children }) => {
+  const node = useEntityFromContext2();
+  const privateScope = useMemo2(() => {
+    const variableData = node.getData(FlowNodeVariableData2);
+    if (!variableData.private) {
+      variableData.initPrivate();
+    }
+    return variableData.private;
+  }, [node]);
+  return /* @__PURE__ */ React3.createElement(ScopeProvider2, { value: { scope: privateScope } }, children);
+};
+
+// src/form-v2/create-provider-effect.ts
+import { FlowNodeVariableData as FlowNodeVariableData3, ASTKind } from "@flowgram.ai/variable-plugin";
+import { DataEvent } from "@flowgram.ai/node";
+function createEffectFromVariableProvider(options) {
+  const getScope = (node) => {
+    const variableData = node.getData(FlowNodeVariableData3);
+    if (options.private) {
+      return variableData.initPrivate();
+    }
+    return variableData.public;
+  };
+  const transformValueToAST = ({ value, context }) => {
+    if (!context) {
+      return;
+    }
+    const { node } = context;
+    const scope = getScope(node);
+    scope.ast.set(options.namespace || "", {
+      kind: ASTKind.VariableDeclarationList,
+      declarations: options.parse(value, {
+        node,
+        scope,
+        options,
+        formItem: void 0
+      })
+    });
+  };
+  return [
+    {
+      event: DataEvent.onValueInit,
+      effect: (params) => {
+        const { context } = params;
+        const scope = getScope(context.node);
+        const disposable = options.onInit?.({
+          node: context.node,
+          scope,
+          options,
+          formItem: void 0,
+          // Hack: 新表单引擎暂时不支持 triggerSync
+          triggerSync: void 0
+        });
+        if (disposable) {
+          scope.toDispose.push(disposable);
+        }
+        transformValueToAST(params);
+      }
+    },
+    {
+      event: DataEvent.onValueChange,
+      effect: (params) => {
+        transformValueToAST(params);
+      }
+    }
+  ];
+}
+
+// src/form-v2/create-variable-provider-plugin.ts
+import { DataEvent as DataEvent2, defineFormPluginCreator } from "@flowgram.ai/node";
+var createVariableProviderPlugin = defineFormPluginCreator("VariableProviderPlugin", {
+  onInit: (ctx, opts) => {
+  },
+  effect: {
+    arr: [
+      {
+        event: DataEvent2.onValueInitOrChange,
+        effect: () => {
+        }
+      }
+    ]
+  },
+  onDispose: (ctx, opts) => {
+  }
+});
+export {
+  PrivateScopeProvider,
+  PublicScopeProvider,
+  createEffectFromVariableProvider,
+  createNodeVariablePlugin,
+  createVariableProviderPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/create-node-variable-plugin.ts","../../src/with-node-variables.tsx","../../src/components/PublicScopeProvider.tsx","../../src/components/PrivateScopeProvider.tsx","../../src/form-v2/create-provider-effect.ts","../../src/form-v2/create-variable-provider-plugin.ts"],"sourcesContent":["// import { FormManager } from '@flowgram.ai/form-core';\nimport { NodeManager } from '@flowgram.ai/form-core';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nimport { withNodeVariables } from './with-node-variables';\n\n// import { withNodeVariables } from './with-node-variables';\n\nexport const createNodeVariablePlugin = definePluginCreator({\n  onInit(ctx) {\n    const nodeManager = ctx.get<NodeManager>(NodeManager);\n    nodeManager.registerNodeRenderHoc(withNodeVariables);\n  },\n});\n","import React from 'react';\n\nimport { NodeRenderHoc, type NodeRenderProps } from '@flowgram.ai/form-core';\n\nimport { PublicScopeProvider } from './components/PublicScopeProvider';\n\n// eslint-disable-next-line react/display-name\nexport const withNodeVariables: NodeRenderHoc = (Component) => (props: NodeRenderProps) =>\n  (\n    <PublicScopeProvider>\n      <Component {...props} />\n    </PublicScopeProvider>\n  );\n","import React, { useMemo } from 'react';\n\nimport { FlowNodeVariableData, type Scope, ScopeProvider } from '@flowgram.ai/variable-plugin';\nimport { useEntityFromContext } from '@flowgram.ai/core';\n\ninterface VariableProviderProps {\n  children: React.ReactElement;\n}\n\nexport const PublicScopeProvider = ({ children }: VariableProviderProps) => {\n  const node = useEntityFromContext();\n\n  const publicScope: Scope = useMemo(() => node.getData(FlowNodeVariableData).public, [node]);\n\n  return <ScopeProvider value={{ scope: publicScope }}>{children}</ScopeProvider>;\n};\n","import React, { useMemo } from 'react';\n\nimport { FlowNodeVariableData, type Scope, ScopeProvider } from '@flowgram.ai/variable-plugin';\nimport { useEntityFromContext } from '@flowgram.ai/core';\n\ninterface VariableProviderProps {\n  children: React.ReactElement;\n}\n\nexport const PrivateScopeProvider = ({ children }: VariableProviderProps) => {\n  const node = useEntityFromContext();\n\n  const privateScope: Scope = useMemo(() => {\n    const variableData: FlowNodeVariableData = node.getData(FlowNodeVariableData);\n    if (!variableData.private) {\n      variableData.initPrivate();\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return variableData.private!;\n  }, [node]);\n\n  return <ScopeProvider value={{ scope: privateScope }}>{children}</ScopeProvider>;\n};\n","import { FlowNodeVariableData, type Scope, ASTKind } from '@flowgram.ai/variable-plugin';\nimport { DataEvent, type Effect, type EffectOptions } from '@flowgram.ai/node';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { type VariableProviderAbilityOptions } from '../types';\n\n/**\n * 根据 VariableProvider 生成 FormV2 的 Effect\n * @param options\n * @returns\n */\nexport function createEffectFromVariableProvider(\n  options: VariableProviderAbilityOptions,\n): EffectOptions[] {\n  const getScope = (node: FlowNodeEntity): Scope => {\n    const variableData: FlowNodeVariableData = node.getData(FlowNodeVariableData);\n\n    if (options.private) {\n      return variableData.initPrivate();\n    }\n    return variableData.public;\n  };\n\n  const transformValueToAST: Effect = ({ value, context }) => {\n    if (!context) {\n      return;\n    }\n    const { node } = context;\n    const scope = getScope(node);\n\n    scope.ast.set(options.namespace || '', {\n      kind: ASTKind.VariableDeclarationList,\n      declarations: options.parse(value, {\n        node,\n        scope,\n        options,\n        formItem: undefined,\n      }),\n    });\n  };\n\n  return [\n    {\n      event: DataEvent.onValueInit,\n      effect: (params => {\n        const { context } = params;\n\n        const scope = getScope(context.node);\n        const disposable = options.onInit?.({\n          node: context.node,\n          scope,\n          options,\n          formItem: undefined,\n          // Hack: 新表单引擎暂时不支持 triggerSync\n          triggerSync: undefined as any,\n        });\n\n        if (disposable) {\n          // 作用域销毁时同时销毁该监听\n          scope.toDispose.push(disposable);\n        }\n\n        transformValueToAST(params);\n      }) as Effect,\n    },\n    {\n      event: DataEvent.onValueChange,\n      effect: (params => {\n        transformValueToAST(params);\n      }) as Effect,\n    },\n  ];\n}\n","import { DataEvent, defineFormPluginCreator } from '@flowgram.ai/node';\n\nexport const createVariableProviderPlugin = defineFormPluginCreator('VariableProviderPlugin', {\n  onInit: (ctx, opts) => {\n    // todo\n    // console.log('>>> VariableProviderPlugin init', ctx, opts);\n  },\n  effect: {\n    arr: [\n      {\n        event: DataEvent.onValueInitOrChange,\n        effect: () => {\n          // todo\n          // console.log('>>> VariableProviderPlugin effect triggered');\n        },\n      },\n    ],\n  },\n  onDispose: (ctx, opts) => {\n    // todo\n    // console.log('>>> VariableProviderPlugin dispose', ctx, opts);\n  },\n});\n"],"mappings":"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","names":["React","React","React","useMemo","FlowNodeVariableData","ScopeProvider","useEntityFromContext","FlowNodeVariableData","DataEvent"]}

package/dist/index.d.mts

@@ -0,0 +1,58 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { VariableDeclarationJSON, ASTNodeJSON, Scope } from '@flowgram.ai/variable-plugin';
+import { FormItem } from '@flowgram.ai/form-core';
+import { FlowNodeEntity } from '@flowgram.ai/document';
+import { Disposable } from '@flowgram.ai/utils';
+import React from 'react';
+import * as _flowgram_ai_node from '@flowgram.ai/node';
+import { EffectOptions } from '@flowgram.ai/node';
+
+declare const createNodeVariablePlugin: _flowgram_ai_core.PluginCreator<unknown>;
+
+interface VariableAbilityCommonContext {
+    node: FlowNodeEntity;
+    formItem?: FormItem;
+    scope: Scope;
+    options: VariableAbilityOptions;
+}
+interface VariableAbilityInitCtx extends VariableAbilityCommonContext {
+    triggerSync: () => void;
+}
+interface VariableAbilityOptions {
+    key?: string;
+    private?: boolean;
+    namespace?: string;
+    scope?: 'private' | 'public';
+    onInit?: (ctx: VariableAbilityInitCtx) => Disposable | undefined;
+    disableRemoveASTWhenFormItemDispose?: boolean;
+    [key: string]: any;
+}
+interface VariableAbilityParseContext extends VariableAbilityCommonContext {
+}
+interface VariableProviderAbilityOptions<V = any> extends VariableAbilityOptions {
+    parse: (v: V, ctx: VariableAbilityParseContext) => VariableDeclarationJSON[];
+}
+interface VariableConsumerAbilityOptions<V = any> extends VariableAbilityOptions {
+    parse: (v: V, ctx: VariableAbilityParseContext) => ASTNodeJSON | undefined;
+}
+
+interface VariableProviderProps$1 {
+    children: React.ReactElement;
+}
+declare const PrivateScopeProvider: ({ children }: VariableProviderProps$1) => React.JSX.Element;
+
+interface VariableProviderProps {
+    children: React.ReactElement;
+}
+declare const PublicScopeProvider: ({ children }: VariableProviderProps) => React.JSX.Element;
+
+/**
+ * 根据 VariableProvider 生成 FormV2 的 Effect
+ * @param options
+ * @returns
+ */
+declare function createEffectFromVariableProvider(options: VariableProviderAbilityOptions): EffectOptions[];
+
+declare const createVariableProviderPlugin: (opts: unknown) => _flowgram_ai_node.FormPlugin<unknown>;
+
+export { PrivateScopeProvider, PublicScopeProvider, type VariableAbilityParseContext, type VariableConsumerAbilityOptions, type VariableProviderAbilityOptions, createEffectFromVariableProvider, createNodeVariablePlugin, createVariableProviderPlugin };

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import { VariableDeclarationJSON, ASTNodeJSON, Scope } from '@flowgram.ai/variable-plugin';
+import { FormItem } from '@flowgram.ai/form-core';
+import { FlowNodeEntity } from '@flowgram.ai/document';
+import { Disposable } from '@flowgram.ai/utils';
+import React from 'react';
+import * as _flowgram_ai_node from '@flowgram.ai/node';
+import { EffectOptions } from '@flowgram.ai/node';
+
+declare const createNodeVariablePlugin: _flowgram_ai_core.PluginCreator<unknown>;
+
+interface VariableAbilityCommonContext {
+    node: FlowNodeEntity;
+    formItem?: FormItem;
+    scope: Scope;
+    options: VariableAbilityOptions;
+}
+interface VariableAbilityInitCtx extends VariableAbilityCommonContext {
+    triggerSync: () => void;
+}
+interface VariableAbilityOptions {
+    key?: string;
+    private?: boolean;
+    namespace?: string;
+    scope?: 'private' | 'public';
+    onInit?: (ctx: VariableAbilityInitCtx) => Disposable | undefined;
+    disableRemoveASTWhenFormItemDispose?: boolean;
+    [key: string]: any;
+}
+interface VariableAbilityParseContext extends VariableAbilityCommonContext {
+}
+interface VariableProviderAbilityOptions<V = any> extends VariableAbilityOptions {
+    parse: (v: V, ctx: VariableAbilityParseContext) => VariableDeclarationJSON[];
+}
+interface VariableConsumerAbilityOptions<V = any> extends VariableAbilityOptions {
+    parse: (v: V, ctx: VariableAbilityParseContext) => ASTNodeJSON | undefined;
+}
+
+interface VariableProviderProps$1 {
+    children: React.ReactElement;
+}
+declare const PrivateScopeProvider: ({ children }: VariableProviderProps$1) => React.JSX.Element;
+
+interface VariableProviderProps {
+    children: React.ReactElement;
+}
+declare const PublicScopeProvider: ({ children }: VariableProviderProps) => React.JSX.Element;
+
+/**
+ * 根据 VariableProvider 生成 FormV2 的 Effect
+ * @param options
+ * @returns
+ */
+declare function createEffectFromVariableProvider(options: VariableProviderAbilityOptions): EffectOptions[];
+
+declare const createVariableProviderPlugin: (opts: unknown) => _flowgram_ai_node.FormPlugin<unknown>;
+
+export { PrivateScopeProvider, PublicScopeProvider, type VariableAbilityParseContext, type VariableConsumerAbilityOptions, type VariableProviderAbilityOptions, createEffectFromVariableProvider, createNodeVariablePlugin, createVariableProviderPlugin };

package/dist/index.js

@@ -0,0 +1,166 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PrivateScopeProvider: () => PrivateScopeProvider,
+  PublicScopeProvider: () => PublicScopeProvider,
+  createEffectFromVariableProvider: () => createEffectFromVariableProvider,
+  createNodeVariablePlugin: () => createNodeVariablePlugin,
+  createVariableProviderPlugin: () => createVariableProviderPlugin
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/create-node-variable-plugin.ts
+var import_form_core = require("@flowgram.ai/form-core");
+var import_core2 = require("@flowgram.ai/core");
+
+// src/with-node-variables.tsx
+var import_react2 = __toESM(require("react"));
+
+// src/components/PublicScopeProvider.tsx
+var import_react = __toESM(require("react"));
+var import_variable_plugin = require("@flowgram.ai/variable-plugin");
+var import_core = require("@flowgram.ai/core");
+var PublicScopeProvider = ({ children }) => {
+  const node = (0, import_core.useEntityFromContext)();
+  const publicScope = (0, import_react.useMemo)(() => node.getData(import_variable_plugin.FlowNodeVariableData).public, [node]);
+  return /* @__PURE__ */ import_react.default.createElement(import_variable_plugin.ScopeProvider, { value: { scope: publicScope } }, children);
+};
+
+// src/with-node-variables.tsx
+var withNodeVariables = (Component) => (props) => /* @__PURE__ */ import_react2.default.createElement(PublicScopeProvider, null, /* @__PURE__ */ import_react2.default.createElement(Component, { ...props }));
+
+// src/create-node-variable-plugin.ts
+var createNodeVariablePlugin = (0, import_core2.definePluginCreator)({
+  onInit(ctx) {
+    const nodeManager = ctx.get(import_form_core.NodeManager);
+    nodeManager.registerNodeRenderHoc(withNodeVariables);
+  }
+});
+
+// src/components/PrivateScopeProvider.tsx
+var import_react3 = __toESM(require("react"));
+var import_variable_plugin2 = require("@flowgram.ai/variable-plugin");
+var import_core3 = require("@flowgram.ai/core");
+var PrivateScopeProvider = ({ children }) => {
+  const node = (0, import_core3.useEntityFromContext)();
+  const privateScope = (0, import_react3.useMemo)(() => {
+    const variableData = node.getData(import_variable_plugin2.FlowNodeVariableData);
+    if (!variableData.private) {
+      variableData.initPrivate();
+    }
+    return variableData.private;
+  }, [node]);
+  return /* @__PURE__ */ import_react3.default.createElement(import_variable_plugin2.ScopeProvider, { value: { scope: privateScope } }, children);
+};
+
+// src/form-v2/create-provider-effect.ts
+var import_variable_plugin3 = require("@flowgram.ai/variable-plugin");
+var import_node = require("@flowgram.ai/node");
+function createEffectFromVariableProvider(options) {
+  const getScope = (node) => {
+    const variableData = node.getData(import_variable_plugin3.FlowNodeVariableData);
+    if (options.private) {
+      return variableData.initPrivate();
+    }
+    return variableData.public;
+  };
+  const transformValueToAST = ({ value, context }) => {
+    if (!context) {
+      return;
+    }
+    const { node } = context;
+    const scope = getScope(node);
+    scope.ast.set(options.namespace || "", {
+      kind: import_variable_plugin3.ASTKind.VariableDeclarationList,
+      declarations: options.parse(value, {
+        node,
+        scope,
+        options,
+        formItem: void 0
+      })
+    });
+  };
+  return [
+    {
+      event: import_node.DataEvent.onValueInit,
+      effect: (params) => {
+        const { context } = params;
+        const scope = getScope(context.node);
+        const disposable = options.onInit?.({
+          node: context.node,
+          scope,
+          options,
+          formItem: void 0,
+          // Hack: 新表单引擎暂时不支持 triggerSync
+          triggerSync: void 0
+        });
+        if (disposable) {
+          scope.toDispose.push(disposable);
+        }
+        transformValueToAST(params);
+      }
+    },
+    {
+      event: import_node.DataEvent.onValueChange,
+      effect: (params) => {
+        transformValueToAST(params);
+      }
+    }
+  ];
+}
+
+// src/form-v2/create-variable-provider-plugin.ts
+var import_node2 = require("@flowgram.ai/node");
+var createVariableProviderPlugin = (0, import_node2.defineFormPluginCreator)("VariableProviderPlugin", {
+  onInit: (ctx, opts) => {
+  },
+  effect: {
+    arr: [
+      {
+        event: import_node2.DataEvent.onValueInitOrChange,
+        effect: () => {
+        }
+      }
+    ]
+  },
+  onDispose: (ctx, opts) => {
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PrivateScopeProvider,
+  PublicScopeProvider,
+  createEffectFromVariableProvider,
+  createNodeVariablePlugin,
+  createVariableProviderPlugin
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/create-node-variable-plugin.ts","../src/with-node-variables.tsx","../src/components/PublicScopeProvider.tsx","../src/components/PrivateScopeProvider.tsx","../src/form-v2/create-provider-effect.ts","../src/form-v2/create-variable-provider-plugin.ts"],"sourcesContent":["export * from './create-node-variable-plugin';\nexport {\n  VariableProviderAbilityOptions,\n  VariableConsumerAbilityOptions,\n  VariableAbilityParseContext,\n} from './types';\nexport { PrivateScopeProvider } from './components/PrivateScopeProvider';\nexport { PublicScopeProvider } from './components/PublicScopeProvider';\nexport { createEffectFromVariableProvider } from './form-v2/create-provider-effect';\nexport { createVariableProviderPlugin } from './form-v2/create-variable-provider-plugin';\n","// import { FormManager } from '@flowgram.ai/form-core';\nimport { NodeManager } from '@flowgram.ai/form-core';\nimport { definePluginCreator } from '@flowgram.ai/core';\n\nimport { withNodeVariables } from './with-node-variables';\n\n// import { withNodeVariables } from './with-node-variables';\n\nexport const createNodeVariablePlugin = definePluginCreator({\n  onInit(ctx) {\n    const nodeManager = ctx.get<NodeManager>(NodeManager);\n    nodeManager.registerNodeRenderHoc(withNodeVariables);\n  },\n});\n","import React from 'react';\n\nimport { NodeRenderHoc, type NodeRenderProps } from '@flowgram.ai/form-core';\n\nimport { PublicScopeProvider } from './components/PublicScopeProvider';\n\n// eslint-disable-next-line react/display-name\nexport const withNodeVariables: NodeRenderHoc = (Component) => (props: NodeRenderProps) =>\n  (\n    <PublicScopeProvider>\n      <Component {...props} />\n    </PublicScopeProvider>\n  );\n","import React, { useMemo } from 'react';\n\nimport { FlowNodeVariableData, type Scope, ScopeProvider } from '@flowgram.ai/variable-plugin';\nimport { useEntityFromContext } from '@flowgram.ai/core';\n\ninterface VariableProviderProps {\n  children: React.ReactElement;\n}\n\nexport const PublicScopeProvider = ({ children }: VariableProviderProps) => {\n  const node = useEntityFromContext();\n\n  const publicScope: Scope = useMemo(() => node.getData(FlowNodeVariableData).public, [node]);\n\n  return <ScopeProvider value={{ scope: publicScope }}>{children}</ScopeProvider>;\n};\n","import React, { useMemo } from 'react';\n\nimport { FlowNodeVariableData, type Scope, ScopeProvider } from '@flowgram.ai/variable-plugin';\nimport { useEntityFromContext } from '@flowgram.ai/core';\n\ninterface VariableProviderProps {\n  children: React.ReactElement;\n}\n\nexport const PrivateScopeProvider = ({ children }: VariableProviderProps) => {\n  const node = useEntityFromContext();\n\n  const privateScope: Scope = useMemo(() => {\n    const variableData: FlowNodeVariableData = node.getData(FlowNodeVariableData);\n    if (!variableData.private) {\n      variableData.initPrivate();\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return variableData.private!;\n  }, [node]);\n\n  return <ScopeProvider value={{ scope: privateScope }}>{children}</ScopeProvider>;\n};\n","import { FlowNodeVariableData, type Scope, ASTKind } from '@flowgram.ai/variable-plugin';\nimport { DataEvent, type Effect, type EffectOptions } from '@flowgram.ai/node';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { type VariableProviderAbilityOptions } from '../types';\n\n/**\n * 根据 VariableProvider 生成 FormV2 的 Effect\n * @param options\n * @returns\n */\nexport function createEffectFromVariableProvider(\n  options: VariableProviderAbilityOptions,\n): EffectOptions[] {\n  const getScope = (node: FlowNodeEntity): Scope => {\n    const variableData: FlowNodeVariableData = node.getData(FlowNodeVariableData);\n\n    if (options.private) {\n      return variableData.initPrivate();\n    }\n    return variableData.public;\n  };\n\n  const transformValueToAST: Effect = ({ value, context }) => {\n    if (!context) {\n      return;\n    }\n    const { node } = context;\n    const scope = getScope(node);\n\n    scope.ast.set(options.namespace || '', {\n      kind: ASTKind.VariableDeclarationList,\n      declarations: options.parse(value, {\n        node,\n        scope,\n        options,\n        formItem: undefined,\n      }),\n    });\n  };\n\n  return [\n    {\n      event: DataEvent.onValueInit,\n      effect: (params => {\n        const { context } = params;\n\n        const scope = getScope(context.node);\n        const disposable = options.onInit?.({\n          node: context.node,\n          scope,\n          options,\n          formItem: undefined,\n          // Hack: 新表单引擎暂时不支持 triggerSync\n          triggerSync: undefined as any,\n        });\n\n        if (disposable) {\n          // 作用域销毁时同时销毁该监听\n          scope.toDispose.push(disposable);\n        }\n\n        transformValueToAST(params);\n      }) as Effect,\n    },\n    {\n      event: DataEvent.onValueChange,\n      effect: (params => {\n        transformValueToAST(params);\n      }) as Effect,\n    },\n  ];\n}\n","import { DataEvent, defineFormPluginCreator } from '@flowgram.ai/node';\n\nexport const createVariableProviderPlugin = defineFormPluginCreator('VariableProviderPlugin', {\n  onInit: (ctx, opts) => {\n    // todo\n    // console.log('>>> VariableProviderPlugin init', ctx, opts);\n  },\n  effect: {\n    arr: [\n      {\n        event: DataEvent.onValueInitOrChange,\n        effect: () => {\n          // todo\n          // console.log('>>> VariableProviderPlugin effect triggered');\n        },\n      },\n    ],\n  },\n  onDispose: (ctx, opts) => {\n    // todo\n    // console.log('>>> VariableProviderPlugin dispose', ctx, opts);\n  },\n});\n"],"mappings":"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","names":["import_core","import_react","React","React","import_react","import_variable_plugin","import_core","React","import_variable_plugin","import_node"]}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@flowgram.ai/node-variable-plugin",
+  "version": "0.1.0",
+  "license": "MIT",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/esm/index.js",
+    "require": "./dist/index.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "inversify": "^6.0.1",
+    "lodash": "^4.17.21",
+    "@flowgram.ai/core": "0.1.0",
+    "@flowgram.ai/document": "0.1.0",
+    "@flowgram.ai/form-core": "0.1.0",
+    "@flowgram.ai/node": "0.1.0",
+    "@flowgram.ai/utils": "0.1.0",
+    "@flowgram.ai/variable-plugin": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/bezier-js": "4.1.3",
+    "@types/lodash": "^4.14.137",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@types/styled-components": "^5",
+    "@vitest/coverage-v8": "^0.32.0",
+    "eslint": "^8.54.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "styled-components": "^5",
+    "tsup": "^8.0.1",
+    "typescript": "^5.0.4",
+    "vitest": "^0.34.6",
+    "@flowgram.ai/eslint-config": "0.1.0",
+    "@flowgram.ai/ts-config": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17",
+    "styled-components": ">=4"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "npm run build:fast -- --dts-resolve",
+    "build:fast": "tsup src/index.ts --format cjs,esm --sourcemap --legacy-output",
+    "build:watch": "npm run build:fast -- --dts-resolve",
+    "clean": "rimraf dist",
+    "test": "exit 0",
+    "test:cov": "exit 0",
+    "ts-check": "tsc --noEmit",
+    "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
+  }
+}