@opentiny/genui-sdk-vue 1.3.0 → 1.3.1-alpha.2

package/dist/config-provider.d.ts

@@ -1,27 +1,26 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
 import { IMaterials } from '@opentiny/genui-sdk-core';
 import { InjectionKey } from 'vue';
+import { MergedMaterials } from '@opentiny/genui-sdk-core';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { ThemeColorScheme } from '@opentiny/genui-sdk-core';
 
 declare const __VLS_component: DefineComponent<ConfigProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
 id: string;
 locale: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {
-providerRef: unknown;
-}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        providerRef: unknown;
-    };
-    rootEl: any;
+    refs: {};
+    rootEl: HTMLDivElement;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -32,15 +31,16 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare interface ConfigProviderProps {
-    theme?: 'light' | 'dark' | 'lite' | 'auto';
+export declare interface ConfigProviderProps {
+    theme?: string;
     id?: string;
     locale?: string;
     i18n?: I18nMessages;
-    materials?: IMaterials;
+    materials?: MergedMaterials;
+    notify?: NotifyHandler;
 }
 
-export declare const GENUI_CONFIG: unique symbol;
+export declare const GENUI_CONFIG: InjectionKey<ComputedRef<GenuiConfigState>>;
 
 export declare const GENUI_I18N: unique symbol;
 
@@ -48,6 +48,11 @@ export declare const GENUI_MATERIALS: InjectionKey<IMaterials>;
 
 export declare const GenuiConfigProvider: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+export declare interface GenuiConfigState {
+    colorScheme: ThemeColorScheme;
+    id: string;
+}
+
 declare type I18nMessageObject = {
     [key: string]: string | I18nMessageObject;
 };
@@ -56,8 +61,15 @@ declare type I18nMessages = {
     [lang: string]: I18nMessageObject;
 };
 
+export declare type NotifyHandler = (options: {
+    type?: 'success' | 'warning' | 'error' | 'info';
+    title?: string;
+    message?: string;
+    duration?: number;
+}) => void;
+
 export declare const useMediaTheme: () => {
-    theme: Readonly<Ref<"dark" | "light", "dark" | "light">>;
+    theme: Readonly<Ref<"light" | "dark", "light" | "dark">>;
 };
 
 export { }

package/dist/config-provider.js

@@ -1,5 +1,5 @@
-import { C as o, u as r } from "./ConfigProvider-BzxW9L3f.js";
-import { a as G, G as I, b as N } from "./injection-tokens-CuDQs1ne.js";
+import { C as o, u as r } from "./ConfigProvider-B_1dX_dv.js";
+import { a as G, G as I, b as N } from "./injection-tokens-DDgspg4x.js";
 export {
   G as GENUI_CONFIG,
   I as GENUI_I18N,

package/dist/index.d.ts

@@ -34,17 +34,19 @@ import { IMaterials } from '@opentiny/genui-sdk-core';
 import { InjectionKey } from 'vue';
 import { INotificationPayload } from '@opentiny/genui-sdk-core';
 import { IStreamData } from '@opentiny/genui-sdk-core';
+import { MergedMaterials } from '@opentiny/genui-sdk-core';
 import { MessageState } from '@opentiny/tiny-robot-kit';
 import { nextTick } from 'vue';
+import { NodeSchema } from '@opentiny/genui-sdk-core';
 import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
 import { Reactive } from 'vue';
 import { Ref } from 'vue';
-import { RENDERER_SETTINGS_KEY } from '../../src/types/tiny-schema-renderer.d.ts';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
 import { Slot } from 'vue';
+import { ThemeColorScheme } from '@opentiny/genui-sdk-core';
 import { UnwrapNestedRefs } from 'vue';
 import { UseConversationOptions } from '@opentiny/tiny-robot-kit';
 import { UseMessageReturn as UseMessageReturn_2 } from '@opentiny/tiny-robot-kit';
@@ -144,15 +146,13 @@ messagesContainer: HTMLDivElement;
 declare const __VLS_component_2: DefineComponent<IRendererProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IRendererProps> & Readonly<{}>, {
 isJsonComplete: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-rendererInstance: any;
+rendererInstance: unknown;
 }, HTMLDivElement>;
 
 declare const __VLS_component_3: DefineComponent<ConfigProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
 id: string;
 locale: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {
-providerRef: unknown;
-}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 declare const __VLS_component_4: DefineComponent<IChatProps, {
 $: ComponentInternalInstance;
@@ -650,7 +650,7 @@ declare function __VLS_template_2(): {
         }): any;
     };
     refs: {
-        rendererInstance: any;
+        rendererInstance: unknown;
     };
     rootEl: HTMLDivElement;
 };
@@ -660,10 +660,8 @@ declare function __VLS_template_3(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        providerRef: unknown;
-    };
-    rootEl: any;
+    refs: {};
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_4(): {
@@ -948,12 +946,17 @@ declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     };
 };
 
-declare interface ConfigProviderProps {
-    theme?: 'light' | 'dark' | 'lite' | 'auto';
+export declare const cardIdSymbol: unique symbol;
+
+export declare type CodegenFramework = 'vue' | 'react' | 'angular' | (string & {});
+
+export declare interface ConfigProviderProps {
+    theme?: string;
     id?: string;
     locale?: string;
     i18n?: I18nMessages;
-    materials?: IMaterials;
+    materials?: MergedMaterials;
+    notify?: NotifyHandler;
 }
 
 export declare function createI18n(options?: I18nOptions): I18nInstance;
@@ -986,6 +989,8 @@ export declare class CustomModelProvider extends BaseModelProvider {
     }): Promise<void>;
     protected setupStreamContext(context: Record<string, unknown>, _request: ChatCompletionRequest): void;
     handlerChunk(rawData: string, context: any): void;
+    handlerBeforeRequest(context: any): void;
+    handlerRequestError(context: any, error?: unknown): void;
     handlerStart(context: any, handlers: {
         onData: (data: IChatMessage) => void;
         onDone: () => void;
@@ -1034,7 +1039,9 @@ declare interface FileMeta {
     base64: string;
 }
 
-export declare const GENUI_CONFIG: unique symbol;
+export declare const generateCode: (params: ICodeGeneratorParams) => Promise<ICodeGeneratorResult>;
+
+export declare const GENUI_CONFIG: InjectionKey<ComputedRef<GenuiConfigState>>;
 
 export declare const GENUI_I18N: unique symbol;
 
@@ -1044,6 +1051,11 @@ export declare const GenuiChat: __VLS_WithTemplateSlots<typeof __VLS_component,
 
 export declare const GenuiConfigProvider: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
+export declare interface GenuiConfigState {
+    colorScheme: ThemeColorScheme;
+    id: string;
+}
+
 export declare const GenuiLegacyChat: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const GenuiLegacyRenderer: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
@@ -1106,6 +1118,48 @@ export declare interface IChatProps {
     customFetch?: CustomFetch;
 }
 
+export declare interface ICodegenDescription {
+    componentSet: Set<string>;
+    iconComponents: {
+        componentNames: string[];
+        exportNames: string[];
+    };
+    internalTypes: Set<string>;
+    stateAccessors: IStateAccessorDefinition[];
+    needsJsx: boolean;
+    needsComputed: boolean;
+    needsCallAction: boolean;
+}
+
+export declare interface ICodeGeneratorParams {
+    pageInfo: {
+        schema: CardSchema | string;
+        name?: string;
+    };
+    componentsMap?: IComponentMapItem[];
+    formatWithPrettier?: boolean;
+}
+
+export declare type ICodeGeneratorResult = ICodePanel & {
+    errors: {
+        message: string;
+    }[];
+};
+
+export declare interface ICodePanel {
+    panelName: string;
+    panelValue: string;
+    panelType: CodegenFramework;
+    prettierOpts: Record<string, unknown>;
+    type: 'page';
+}
+
+export declare interface IComponentMapItem {
+    componentName: string;
+    package: string;
+    exportName?: string;
+}
+
 export declare interface ICustomAction extends Partial<IGenPromptAction> {
     execute: (params: any, context: Record<string, any>) => any;
 }
@@ -1135,6 +1189,10 @@ export declare interface ICustomModelProviderOptions {
     getChatOptions: () => ICustomModelChatOptions;
 }
 
+export declare interface IFrameworkCodeGenerator<TParams, TResult> {
+    generate(params: TParams): Promise<TResult>;
+}
+
 export declare interface ImageFeatures {
     enabled: boolean;
     maxImageSize: number;
@@ -1204,6 +1262,8 @@ export declare interface IResponseHandler<T> {
     match: (data: T, context: any) => boolean;
     handler: (data: T, context: any) => boolean;
     notMatchHandler?: (data: T, context: any) => boolean;
+    beforeRequest?: (context: any) => void;
+    onRequestError?: (context: any, error?: unknown) => void;
     start?: (context: any, handlers: {
         onData: (data: IChatMessage) => void;
         onDone: () => void;
@@ -1217,14 +1277,37 @@ export declare interface IRolesConfig {
     assistant: Partial<BubbleRoleConfig>;
 }
 
+export declare interface IScriptSetupBuildContext {
+    schema: CardSchema;
+    componentsMap: IComponentMapItem[];
+    description: ICodegenDescription;
+}
+
+export declare interface IScriptSetupSectionDefinition {
+    id: string;
+    group: string;
+    build: (ctx: IScriptSetupBuildContext) => string;
+}
+
 declare type ISlotProps = any;
 
+export declare interface IStateAccessorDefinition {
+    name: string;
+    getterExpr: string;
+    setterExpr?: string;
+}
+
 export declare interface IThinkComponentProps {
     emitter: INotificationEventEmitter;
     message: IMessage;
     showThinkingResult: boolean;
 }
 
+export declare interface IVueCodeGeneratorOptions {
+    prettierOpts?: Record<string, unknown>;
+    enableCompileValidation?: boolean;
+}
+
 export declare class MessageManager {
     messageManagerMap: Map<string, UseMessageReturn>;
     conversationState: Reactive<ConversationState>;
@@ -1252,12 +1335,19 @@ export declare interface ModelInfo {
     features?: ModelFeatures;
 }
 
+export declare type NotifyHandler = (options: {
+    type?: 'success' | 'warning' | 'error' | 'info';
+    title?: string;
+    message?: string;
+    duration?: number;
+}) => void;
+
 declare interface Props {
     templateData?: UserItem[];
     attachments?: FileMeta[];
 }
 
-export { RENDERER_SETTINGS_KEY }
+export declare const RENDERER_SETTINGS_KEY: symbol;
 
 export declare const requiredCompleteFieldSelectors: string[];
 
@@ -1332,7 +1422,7 @@ export declare interface UseConversationReturn {
 export declare const useI18n: () => I18nInstance;
 
 export declare const useMediaTheme: () => {
-    theme: Readonly<Ref<"dark" | "light", "dark" | "light">>;
+    theme: Readonly<Ref<"light" | "dark", "light" | "dark">>;
 };
 
 export declare function useMessage(options: UseMessageOptions): UseMessageReturn;
@@ -1388,4 +1478,66 @@ export declare interface UseMessageReturn {
     retryRequest: (msgIndex: number) => Promise<void>;
 }
 
+export declare class VueCodeGenerator implements IFrameworkCodeGenerator<ICodeGeneratorParams, ICodeGeneratorResult> {
+    private readonly generatorOptions;
+    private readonly prettierOpts;
+    private readonly enableCompileValidation;
+    constructor(generatorOptions?: IVueCodeGeneratorOptions);
+    protected replaceThis(value: string, inTemplate?: boolean): string;
+    protected buildScriptSetupStateAccessors(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupImports(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupRefs(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupDefineProps(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupDefineEmits(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupIconStatement(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupReactiveState(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupMethods(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupCallAction(ctx: IScriptSetupBuildContext): string;
+    protected buildScriptSetupBody(ctx: IScriptSetupBuildContext, sections: readonly IScriptSetupSectionDefinition[]): string;
+    protected buildSfcTemplateSection(template: string): string;
+    protected buildSfcScriptSetupSection(scriptSetup: string, needsJsx?: boolean): string;
+    protected buildSfcStyleSection(style: string): string;
+    protected getScriptSetupSections(): readonly IScriptSetupSectionDefinition[];
+    protected createCodegenMeta(): ICodegenDescription;
+    protected resolveRefAttr(value: string | undefined, asJsx: boolean): string | null;
+    protected resolvePropValueType(value: unknown): string;
+    protected buildJSFunctionExpression(value: string, inTemplate?: boolean): string;
+    protected hoistPropToState(key: string, item: unknown, attrsArr: string[], state: Record<string, unknown>, asJsx?: boolean): void;
+    protected isOnEventKey(key: string): boolean;
+    protected handleSlotBinding(item: Record<string, unknown> | string): string;
+    protected handleEventBinding(key: string, item: {
+        type?: string;
+        value?: string;
+        params?: string[];
+    }, asJsx?: boolean): string;
+    protected avoidDuplicateString(existings: string[], baseName: string): string;
+    protected handleLiteralBinding(key: string, item: unknown, attrsArr: string[], description: ICodegenDescription, state: Record<string, unknown>, asJsx?: boolean): void;
+    protected handleBinding(props: Record<string, unknown>, attrsArr: string[], description: ICodegenDescription, state: Record<string, unknown>, asJsx?: boolean): void;
+    protected recurseChildren(children: NodeSchema[] | NodeSchema | string | undefined, state: Record<string, unknown>, description: ICodegenDescription, result: string[]): void;
+    protected isEmptySlotNode(componentName: string | undefined, children: unknown): boolean;
+    protected generateTemplate(schema: CardSchema, state: Record<string, any>, description: ICodegenDescription, isRootNode?: boolean): string;
+    protected generateSlotTemplate(item: Record<string, any>, description: ICodegenDescription, state?: Record<string, unknown>): string;
+    protected getFunctionInfo(fnStr: string): {
+        type: string;
+        params: string[];
+        body: string;
+    } | null;
+    protected transformStateType(current: Record<string, any>, prop: string, description: ICodegenDescription, rootState: Record<string, any>): void;
+    protected traverseState(state: Record<string, any>, description: ICodegenDescription, rootState?: Record<string, any>): void;
+    protected buildVueSfcSource({ schema, componentsMap, }: {
+        schema: CardSchema;
+        name?: string;
+        componentsMap: IComponentMapItem[];
+    }): string;
+    protected normalizeIncomingSchema(origin: CardSchema | string | null | undefined): CardSchema;
+    protected generatePageCode({ pageInfo, componentsMap, formatWithPrettier, }: {
+        pageInfo: ICodeGeneratorParams['pageInfo'];
+        componentsMap: IComponentMapItem[];
+        formatWithPrettier?: boolean;
+    }): Promise<ICodeGeneratorResult>;
+    protected normalizeComponentsMap(componentsMap: IComponentMapItem[] | undefined): IComponentMapItem[];
+    protected formatWithPrettier(source: string, prettierOpts: Record<string, unknown>): Promise<string>;
+    generate({ pageInfo, componentsMap, formatWithPrettier, }: ICodeGeneratorParams): Promise<ICodeGeneratorResult>;
+}
+
 export { }

package/dist/index.js

@@ -1,35 +1,41 @@
-import { C as s, D as r, E as t, G as o, I as n, M as E, T as i, d as u, e as d, s as G, b as I, t as m, u as l, a as p } from "./chat.types-DsoAmslj.js";
-import { a as T, G as _, b as f, c as g, u as M } from "./injection-tokens-CuDQs1ne.js";
-import { G as c, I as x, r as N } from "./GenuiRenderer-BVwM5pRp.js";
-import { C as h, u as A } from "./ConfigProvider-BzxW9L3f.js";
-import { _ as U } from "./GenuiChatWithMaterials.vue_vue_type_script_setup_true_lang-CxcSUrjG.js";
-import { _ as D } from "./GenuiRendererWithMaterials.vue_vue_type_script_setup_true_lang-o5SS6BG6.js";
+import { C as t, D as n, E as d, G as i, I as u, M as E, T as m, d as G, e as I, s as p, b as l, t as C, u as c, a as f } from "./chat.types-DEDNSs5o.js";
+import { G as x, c as T, r as _ } from "./GenuiRenderer-f2_6u1TA.js";
+import { $ as e } from "./injection-tokens-DDgspg4x.js";
+import { a as R, G as S, b as N, c as h, u as A } from "./injection-tokens-DDgspg4x.js";
+import { C as U, u as v } from "./ConfigProvider-B_1dX_dv.js";
+import { V as D, g as L } from "./vue-code-generator-CwPQ3GDh.js";
+import { _ as P } from "./GenuiChatWithMaterials.vue_vue_type_script_setup_true_lang-zsZgFWJw.js";
+import { _ as $ } from "./GenuiRendererWithMaterials.vue_vue_type_script_setup_true_lang-CMjFQe5i.js";
+const s = e;
 export {
-  s as CustomModelProvider,
-  r as DEFAULT_IMAGE_FEATURES,
-  t as EventEmitter,
-  T as GENUI_CONFIG,
-  _ as GENUI_I18N,
-  f as GENUI_MATERIALS,
-  o as GenuiChat,
-  h as GenuiConfigProvider,
-  U as GenuiLegacyChat,
-  D as GenuiLegacyRenderer,
-  c as GenuiRenderer,
-  n as IndexedDBStrategy,
+  t as CustomModelProvider,
+  n as DEFAULT_IMAGE_FEATURES,
+  d as EventEmitter,
+  R as GENUI_CONFIG,
+  S as GENUI_I18N,
+  N as GENUI_MATERIALS,
+  i as GenuiChat,
+  U as GenuiConfigProvider,
+  P as GenuiLegacyChat,
+  $ as GenuiLegacyRenderer,
+  x as GenuiRenderer,
+  u as IndexedDBStrategy,
   E as MessageManager,
-  x as RENDERER_SETTINGS_KEY,
-  i as ThinkTagWrapPattern,
-  g as createI18n,
-  u as defaultResponseHandlers,
-  d as emitter,
-  N as requiredCompleteFieldSelectors,
-  G as scrollEnd,
-  I as throttle,
-  m as toSlotFunction,
-  l as useConversation,
-  M as useI18n,
-  A as useMediaTheme,
-  p as useMessage
+  s as RENDERER_SETTINGS_KEY,
+  m as ThinkTagWrapPattern,
+  D as VueCodeGenerator,
+  T as cardIdSymbol,
+  h as createI18n,
+  G as defaultResponseHandlers,
+  I as emitter,
+  L as generateCode,
+  _ as requiredCompleteFieldSelectors,
+  p as scrollEnd,
+  l as throttle,
+  C as toSlotFunction,
+  c as useConversation,
+  A as useI18n,
+  v as useMediaTheme,
+  f as useMessage
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["export * from './chat';\nexport * from './renderer';\nexport * from './config-provider';\nexport * from './code-generator';\nexport * from './legacy-chat';\nexport * from './legacy-renderer';\nimport { RENDERER_SETTINGS_KEY as RENDERER_SETTINGS_KEY_IMPL } from '@opentiny/tiny-schema-renderer';\n\nexport const RENDERER_SETTINGS_KEY: symbol = RENDERER_SETTINGS_KEY_IMPL;\n"],"names":["RENDERER_SETTINGS_KEY","RENDERER_SETTINGS_KEY_IMPL"],"mappings":";;;;;;;;AAQO,MAAMA,IAAgCC;"}