@flowgram.ai/form-materials 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -34,8 +34,8 @@
     "@codemirror/view": "~6.38.0",
     "@codemirror/state": "~6.5.2",
     "typescript": "^5.8.3",
-    "@flowgram.ai/json-schema": "0.3.2",
-    "@flowgram.ai/editor": "0.3.2"
+    "@flowgram.ai/editor": "0.3.3",
+    "@flowgram.ai/json-schema": "0.3.3"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.137",
@@ -51,8 +51,8 @@
     "tsup": "^8.0.1",
     "typescript": "^5.8.3",
     "vitest": "^0.34.6",
-    "@flowgram.ai/ts-config": "0.3.2",
-    "@flowgram.ai/eslint-config": "0.3.2"
+    "@flowgram.ai/eslint-config": "0.3.3",
+    "@flowgram.ai/ts-config": "0.3.3"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/src/effects/index.ts

@@ -8,3 +8,5 @@ export * from './auto-rename-ref';
 export * from './provide-json-schema-outputs';
 export * from './sync-variable-title';
 export * from './validate-when-variable-sync';
+export * from './listen-ref-value-change';
+export * from './listen-ref-schema-change';

package/src/effects/listen-ref-schema-change/config.json

@@ -0,0 +1,10 @@
+{
+  "name": "listen-ref-schema-change",
+  "depMaterials": [
+    "flow-value"
+  ],
+  "depPackages": [
+    "lodash",
+    "@flowgram.ai/json-schema"
+  ]
+}

package/src/effects/listen-ref-schema-change/index.ts

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { IJsonSchema, JsonSchemaUtils } from '@flowgram.ai/json-schema';
+import {
+  BaseType,
+  DataEvent,
+  Effect,
+  EffectFuncProps,
+  EffectOptions,
+  getNodeScope,
+} from '@flowgram.ai/editor';
+
+import { IFlowRefValue } from '../../typings';
+
+/**
+ * Example:
+ * const formMeta = {
+ *   effect: {
+ *     'inputsValues.*': listenRefSchemaChange(({ name, schema, form }) => {
+ *       form.setValueIn(`${name}.schema`, schema);
+ *     })
+ *   }
+ * }
+ * @param cb
+ * @returns
+ */
+export const listenRefSchemaChange = (
+  cb: (props: EffectFuncProps<IFlowRefValue> & { schema?: IJsonSchema }) => void
+): EffectOptions[] => [
+  {
+    event: DataEvent.onValueInitOrChange,
+    effect: ((params) => {
+      const { context, value } = params;
+
+      if (value?.type !== 'ref') {
+        return () => null;
+      }
+
+      const disposable = getNodeScope(context.node).available.trackByKeyPath<BaseType | undefined>(
+        value?.content || [],
+        (_type) => {
+          cb({ ...params, schema: JsonSchemaUtils.astToSchema(_type) });
+        },
+        {
+          selector: (_v) => _v?.type,
+        }
+      );
+      return () => {
+        disposable.dispose();
+      };
+    }) as Effect,
+  },
+];

package/src/effects/listen-ref-value-change/config.json

@@ -0,0 +1,9 @@
+{
+  "name": "listen-ref-value-change",
+  "depMaterials": [
+    "flow-value"
+  ],
+  "depPackages": [
+    "lodash"
+  ]
+}

package/src/effects/listen-ref-value-change/index.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import {
+  BaseVariableField,
+  DataEvent,
+  Effect,
+  EffectFuncProps,
+  EffectOptions,
+  getNodeScope,
+} from '@flowgram.ai/editor';
+
+import { IFlowRefValue } from '../../typings';
+
+/**
+ * Example:
+ * const formMeta = {
+ *   effect: {
+ *     'inputsValues.*': listenRefValueChange(({ name, variable, form }) => {
+ *       const schema = JsonSchemaUtils.astToSchema(variable?.type);
+ *       form.setValueIn(`${name}.schema`, schema);
+ *     })
+ *   }
+ * }
+ * @param cb
+ * @returns
+ */
+export const listenRefValueChange = (
+  cb: (props: EffectFuncProps<IFlowRefValue> & { variable?: BaseVariableField }) => void
+): EffectOptions[] => [
+  {
+    event: DataEvent.onValueInitOrChange,
+    effect: ((params) => {
+      const { context, value } = params;
+
+      if (value?.type !== 'ref') {
+        return () => null;
+      }
+
+      const disposable = getNodeScope(context.node).available.trackByKeyPath(
+        value?.content || [],
+        (v) => {
+          cb({ ...params, variable: v });
+        }
+      );
+      return () => {
+        disposable.dispose();
+      };
+    }) as Effect,
+  },
+];

package/src/plugins/json-schema-preset/index.tsx

@@ -10,6 +10,7 @@ import {
   useTypeManager as useOriginTypeManager,
   TypePresetProvider as OriginTypePresetProvider,
   JsonSchemaTypeManager,
+  type JsonSchemaBasicType,
 } from '@flowgram.ai/json-schema';
 
 import { jsonSchemaTypePreset } from './type-definition';
@@ -36,4 +37,5 @@ export {
   JsonSchemaUtils,
   JsonSchemaTypeRegistry,
   ConstantRendererProps,
+  JsonSchemaBasicType,
 };