@flowgram-vue/type-editor 0.2.0

package/src/utils/registry-adapter.ts

@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { h } from 'vue';
+import { IJsonSchema } from '@flowgram-vue/json-schema';
+
+import { TypeEditorRegistry } from '../types';
+import { TypeEditorRegistryManager } from '../services/type-registry-manager';
+
+export const registryFormatter = <TypeSchema extends Partial<IJsonSchema>>(
+  registry: Partial<TypeEditorRegistry<TypeSchema>>,
+  manager: TypeEditorRegistryManager<TypeSchema>
+): Partial<TypeEditorRegistry<TypeSchema>> => {
+  const res: Record<string, unknown> = {
+    ...registry,
+  };
+
+  const apiMap: Record<string, string> = {
+    getItemTypes: 'getSupportedItemTypes',
+    getIJsonSchemaByStringValue: 'getTypeSchemaByStringValue',
+    getStringValue: 'getStringValueByTypeSchema',
+    getIJsonSchemaProperties: 'getTypeSchemaProperties',
+    getIJsonSchemaPropertiesParent: 'getPropertiesParent',
+    getChildrenExtraJsonPaths: 'getJsonPaths',
+    getDefaultIJsonSchema: 'getDefaultSchema',
+  };
+
+  Object.keys(apiMap).forEach((api) => {
+    if (res[api]) {
+      res[apiMap[api]] = res[api];
+    }
+    if (res[apiMap[api]]) {
+      res[api] = res[apiMap[api]];
+    }
+  });
+
+  return {
+    ...res,
+    getDisplayLabel: (type: IJsonSchema) =>
+      h('span', { class: 'fg-type-label' }, [
+        manager?.getDisplayIcon(type as TypeSchema),
+        h('span', { class: 'fg-type-label-text' }, manager.getComplexText(type as TypeSchema)),
+      ]),
+    getIJsonSchemaDeepField: (type: TypeSchema) => manager.getTypeSchemaDeepChildField(type),
+  } as unknown as TypeEditorRegistry<TypeSchema>;
+};
+
+interface ITypeDefinitionManager<TypeSchema extends Partial<IJsonSchema>> {
+  getDefinitionByIJsonSchema: (
+    typeSchema?: TypeSchema
+  ) => TypeEditorRegistry<TypeSchema> | undefined;
+  getAllTypeDefinitions: () => TypeEditorRegistry<TypeSchema>[];
+  getDefinitionByType: (type: string) => TypeEditorRegistry<TypeSchema> | undefined;
+  getUndefinedIJsonSchema: () => TypeSchema;
+}
+
+export interface ITypeDefinitionAdapter<TypeSchema extends Partial<IJsonSchema>> {
+  typeDefinitionManager: ITypeDefinitionManager<TypeSchema>;
+  utils: {
+    getComposedLabel: (type: TypeSchema) => string;
+  };
+}
+
+export const getTypeDefinitionAdapter = <TypeSchema extends Partial<IJsonSchema>>(
+  manager: TypeEditorRegistryManager<TypeSchema>
+): ITypeDefinitionAdapter<TypeSchema> => {
+  const typeDefinitionManager: ITypeDefinitionManager<TypeSchema> = {
+    getDefinitionByIJsonSchema: (typeSchema?: TypeSchema) =>
+      typeSchema ? manager.getTypeBySchema(typeSchema) : undefined,
+    getAllTypeDefinitions: () => manager.getTypeRegistriesWithParentType(),
+    getDefinitionByType: (type) => manager.getTypeByName(type),
+    getUndefinedIJsonSchema: () => manager.getTypeByName('unknown')!.getDefaultSchema(),
+  };
+
+  return {
+    typeDefinitionManager,
+    utils: {
+      getComposedLabel: (type: TypeSchema) => manager.getComplexText(type),
+    },
+  };
+};

package/src/utils/toast.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export function toast(message: string, level: 'success' | 'warning' | 'error' = 'success'): void {
+  if (typeof document === 'undefined') {
+    return;
+  }
+  const el = document.createElement('div');
+  el.className = `fg-type-toast fg-type-toast--${level}`;
+  el.textContent = message;
+  el.setAttribute('role', 'status');
+  document.body.appendChild(el);
+  window.setTimeout(() => el.remove(), 1800);
+}