@rpascene/shared 0.30.8

package/src/constants/example-code.ts

@@ -0,0 +1,202 @@
+export const PLAYWRIGHT_EXAMPLE_CODE = `
+// Reference the following code to generate Rpascene test cases
+// The following is test code for Rpascene AI, for reference
+// The following is Playwright syntax, you can use Playwright to assist in test generation
+IMPORTANT: Follow these exact type signatures for AI functions:
+
+// Type signatures for AI functions:
+aiInput(value: string, locator: string): Promise<void>
+aiTap(locator: string): Promise<void>
+aiDoubleClick(locator: string): Promise<void>
+aiScroll(scrollParam: {
+  direction: 'up' | 'down' | 'left' | 'right',
+  scrollType: 'once' | 'untilBottom' | 'untilTop' | 'untilRight' | 'untilLeft',
+  distance: number - scroll distance, px is the unit
+}): Promise<void>
+aiAssert(assertion: string): Promise<void>
+aiQuery<T>(queryObject: Record<string, string>): Promise<T> // Extracts data from page based on descriptions
+
+// examples:
+// Reference the following code to generate Rpascene test cases
+// The following is test code for Rpascene AI, for reference
+// The following is Playwright syntax, you can use Playwright to assist in test generation
+import { test as base } from '@playwright/test';
+import type { PlayWrightAiFixtureType } from '@rpascene/web/playwright';
+import { PlaywrightAiFixture } from '@rpascene/web/playwright';
+
+const test = base.extend<PlayWrightAiFixtureType>(PlaywrightAiFixture({
+  waitForNetworkIdleTimeout: 2000, // optional, the timeout for waiting for network idle between each action, default is 2000ms
+}));
+
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('https://www.xxx.com/');
+  await page.setViewportSize({ width: 1920, height: 1080 });
+});
+
+test('ai shop', async ({
+  aiInput,
+  aiAssert,
+  aiQuery,
+  aiKeyboardPress,
+  aiHover,
+  aiTap,
+  agentForPage,
+  page,
+}) => {
+  // login
+  await aiAssert('The page shows the login interface');
+  await aiInput('user_name', 'in user name input');
+  await aiInput('password', 'in password input');
+  await aiKeyboardPress('Enter', 'Login Button');
+
+  // check the login success
+  await aiWaitFor('The page shows that the loading is complete');
+  await aiAssert('The current page shows the product detail page');
+
+  // check the product info
+  const dataA = await aiQuery({
+    userInfo: 'User information in the format {name: string}',
+    theFirstProductInfo: 'The first product info in the format {name: string, price: number}',
+  });
+  expect(dataA.theFirstProductInfo.name).toBe('xxx');
+  expect(dataA.theFirstProductInfo.price).toBe(100);
+
+
+  // add to cart
+  await aiTap('click add to cart button');
+  
+  await aiTap('click right top cart icon');
+  await aiAssert('The cart icon shows the number 1');
+});
+`;
+
+export const YAML_EXAMPLE_CODE = `
+1. Format:
+
+web:
+  url: "starting_url"
+  viewportWidth: 1280
+  viewportHeight: 960
+
+tasks:
+  - name: "descriptive task name"
+    flow:
+      - aiTap: "element description"
+      - aiInput: 'text value'
+        locate: 'input field description'
+      - aiScroll:
+        direction: down/up
+        scrollType: untilBottom/untilTop/page
+      - aiAssert: "expected state"
+      - sleep: milliseconds
+
+2. Action Types:
+- aiTap: for clicks (natural language targeting)
+- aiInput: for text input with 'locate' field
+- aiScroll: with direction and scrollType
+- aiAssert: for validations
+- sleep: for delays (milliseconds)
+
+3. Best Practices:
+- Group related actions into logical tasks
+- Use natural language descriptions
+- Add deepThink: true for complex interactions
+- Keep task names concise but descriptive
+
+
+
+YAML type
+tasks:
+  - name: <name>
+    continueOnError: <boolean> # Optional, whether to continue to the next task on error, defaults to false.
+    flow:
+      # Auto Planning (.ai)
+      # ----------------
+
+      # Perform an interaction. \`ai\` is a shorthand for \`aiAction\`.
+      - ai: <prompt>
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # This usage is the same as \`ai\`.
+      - aiAction: <prompt>
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Instant Action (.aiTap, .aiDoubleClick, .aiHover, .aiInput, .aiKeyboardPress, .aiScroll)
+      # ----------------
+
+      # Tap an element described by a prompt.
+      - aiTap: <prompt>
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Double click an element described by a prompt.
+      - aiDoubleClick: <prompt>
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Hover over an element described by a prompt.
+      - aiHover: <prompt>
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Input text into an element described by a prompt.
+      - aiInput: <final text content of the input>
+        locate: <prompt>
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Press a key (e.g., Enter, Tab, Escape) on an element described by a prompt.
+      - aiKeyboardPress: <key>
+        locate: <prompt>
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Scroll globally or on an element described by a prompt.
+      - aiScroll:
+        direction: 'up' # or 'down' | 'left' | 'right'
+        scrollType: 'once' # or 'untilTop' | 'untilBottom' | 'untilLeft' | 'untilRight'
+        distance: <number> # Optional, the scroll distance in pixels.
+        locate: <prompt> # Optional, the element to scroll on.
+        deepThink: <boolean> # Optional, whether to use deepThink to precisely locate the element. Defaults to False.
+        xpath: <xpath> # Optional, the xpath of the target element for the operation. If provided, Rpascene will prioritize this xpath to find the element before using the cache and the AI model. Defaults to empty.
+        cacheable: <boolean> # Optional, whether to cache the result of this API call when the [caching feature](./caching.mdx) is enabled. Defaults to True.
+
+      # Log the current screenshot with a description in the report file.
+      - logScreenshot: <title> # Optional, the title of the screenshot. If not provided, the title will be 'untitled'.
+        content: <content> # Optional, the description of the screenshot.
+
+      # Data Extraction
+      # ----------------
+
+      # Perform a query that returns a JSON object.
+      - aiQuery: <prompt> # Remember to describe the format of the result in the prompt.
+        name: <name> # The key for the query result in the JSON output.
+
+      # More APIs
+      # ----------------
+
+      # Wait for a condition to be met, with a timeout (in ms, optional, defaults to 30000).
+      - aiWaitFor: <prompt>
+        timeout: <ms>
+
+      # Perform an assertion.
+      - aiAssert: <prompt>
+        errorMessage: <error-message> # Optional, the error message to print if the assertion fails.
+
+      # Wait for a specified amount of time.
+      - sleep: <ms>
+
+      # Execute a piece of JavaScript code in the web page context.
+      - javascript: <javascript>
+        name: <name> # Optional, assign a name to the return value, which will be used as a key in the JSON output.
+
+  - name: <name>
+    flow:
+      # ...
+`;

package/src/constants/index.ts

@@ -0,0 +1,81 @@
+export const TEXT_SIZE_THRESHOLD = 9;
+
+export const TEXT_MAX_SIZE = 40;
+
+export const CONTAINER_MINI_HEIGHT = 3;
+export const CONTAINER_MINI_WIDTH = 3;
+
+export enum NodeType {
+  CONTAINER = 'CONTAINER Node',
+  FORM_ITEM = 'FORM_ITEM Node',
+  BUTTON = 'BUTTON Node',
+  A = 'Anchor Node',
+  IMG = 'IMG Node',
+  TEXT = 'TEXT Node',
+  POSITION = 'POSITION Node',
+}
+
+export const PLAYGROUND_SERVER_PORT = 5800;
+export const SCRCPY_SERVER_PORT = 5700;
+
+// WebDriver constants
+export const WEBDRIVER_ELEMENT_ID_KEY = 'element-6066-11e4-a52e-4f735466cecf';
+export const DEFAULT_WDA_PORT = 8100;
+
+export const DEFAULT_WAIT_FOR_NAVIGATION_TIMEOUT = 5000;
+export const DEFAULT_WAIT_FOR_NETWORK_IDLE_TIMEOUT = 2000;
+export const DEFAULT_WAIT_FOR_NETWORK_IDLE_TIME = 300;
+export const DEFAULT_WAIT_FOR_NETWORK_IDLE_CONCURRENCY = 2;
+
+export { PLAYWRIGHT_EXAMPLE_CODE, YAML_EXAMPLE_CODE } from './example-code';
+
+export const commandMap: any = {
+  Tap: {
+    CommandName: "SeleniumClickCommand",
+    DisplayName: '元素点击'
+  },
+  RightClick: {
+    CommandName: "SeleniumRightClickCommand",
+    DisplayName: "元素右键点击"
+  },
+  DoubleClick: {
+    CommandName: "SeleniumDoubleClickCommand",
+    DisplayName: "元素双击"
+  },
+  Hover: {
+    CommandName: "SeleniumMouseHoverCommand",
+    DisplayName: "鼠标悬停"
+  },
+  Input: {
+    CommandName: "SeleniumSetTextCommand",
+    DisplayName: "设置文本"
+  },
+  KeyboardPress: {
+    CommandName: "SeleniumSendKeysCommand",
+    DisplayName: "模拟按键"
+  },
+  Scroll: {
+    CommandName: "SeleniumElementScrollCommand",
+    DisplayName: "元素滚动"
+  },
+  DragAndDrop: {
+    CommandName: "SeleniumDragDropCommand",
+    DisplayName: "元素拖拽（至指定元素）"
+  },
+  ClearInput: {
+    CommandName: "SeleniumClearTextCommand",
+    DisplayName: "清空文本"
+  },
+  Sleep: {
+    CommandName: "SeleniumPauseCommand",
+    DisplayName: "暂停脚本"
+  },
+  LongPress: {
+    CommandName: "SeleniumSendKeysCommand",
+    DisplayName: "模拟按键"
+  },
+  Swipe: {
+    CommandName: "SeleniumClickCommand",
+    DisplayName: "元素点击"
+  },
+}

package/src/env/basic.ts

@@ -0,0 +1,12 @@
+import { BASIC_ENV_KEYS } from './types';
+
+/**
+ * get basic env value from process.env
+ * use a single file to avoid circular dependency
+ */
+export const getBasicEnvValue = (key: (typeof BASIC_ENV_KEYS)[number]) => {
+  if (!BASIC_ENV_KEYS.includes(key)) {
+    throw new Error(`getBasicEnvValue with key ${key} is not supported.`);
+  }
+  return process.env[key];
+};

package/src/env/constants.ts

@@ -0,0 +1,291 @@
+import {
+  ANTHROPIC_API_KEY,
+  AZURE_OPENAI_API_VERSION,
+  AZURE_OPENAI_DEPLOYMENT,
+  AZURE_OPENAI_ENDPOINT,
+  AZURE_OPENAI_KEY,
+  RPASCENE_ANTHROPIC_API_KEY,
+  RPASCENE_AZURE_OPENAI_API_VERSION,
+  RPASCENE_AZURE_OPENAI_DEPLOYMENT,
+  RPASCENE_AZURE_OPENAI_ENDPOINT,
+  RPASCENE_AZURE_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_AZURE_OPENAI_KEY,
+  RPASCENE_AZURE_OPENAI_SCOPE,
+  RPASCENE_GROUNDING_ANTHROPIC_API_KEY,
+  RPASCENE_GROUNDING_AZURE_OPENAI_API_VERSION,
+  RPASCENE_GROUNDING_AZURE_OPENAI_DEPLOYMENT,
+  RPASCENE_GROUNDING_AZURE_OPENAI_ENDPOINT,
+  RPASCENE_GROUNDING_AZURE_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_GROUNDING_AZURE_OPENAI_KEY,
+  RPASCENE_GROUNDING_AZURE_OPENAI_SCOPE,
+  RPASCENE_GROUNDING_MODEL_NAME,
+  RPASCENE_GROUNDING_OPENAI_API_KEY,
+  RPASCENE_GROUNDING_OPENAI_BASE_URL,
+  RPASCENE_GROUNDING_OPENAI_HTTP_PROXY,
+  RPASCENE_GROUNDING_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_GROUNDING_OPENAI_SOCKS_PROXY,
+  RPASCENE_GROUNDING_OPENAI_USE_AZURE,
+  RPASCENE_GROUNDING_USE_ANTHROPIC_SDK,
+  RPASCENE_GROUNDING_USE_AZURE_OPENAI,
+  RPASCENE_GROUNDING_VL_MODE,
+  RPASCENE_MODEL_NAME,
+  RPASCENE_OPENAI_API_KEY,
+  RPASCENE_OPENAI_BASE_URL,
+  RPASCENE_OPENAI_HTTP_PROXY,
+  RPASCENE_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_OPENAI_SOCKS_PROXY,
+  RPASCENE_OPENAI_USE_AZURE,
+  RPASCENE_PLANNING_ANTHROPIC_API_KEY,
+  RPASCENE_PLANNING_AZURE_OPENAI_API_VERSION,
+  RPASCENE_PLANNING_AZURE_OPENAI_DEPLOYMENT,
+  RPASCENE_PLANNING_AZURE_OPENAI_ENDPOINT,
+  RPASCENE_PLANNING_AZURE_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_PLANNING_AZURE_OPENAI_KEY,
+  RPASCENE_PLANNING_AZURE_OPENAI_SCOPE,
+  RPASCENE_PLANNING_MODEL_NAME,
+  RPASCENE_PLANNING_OPENAI_API_KEY,
+  RPASCENE_PLANNING_OPENAI_BASE_URL,
+  RPASCENE_PLANNING_OPENAI_HTTP_PROXY,
+  RPASCENE_PLANNING_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_PLANNING_OPENAI_SOCKS_PROXY,
+  RPASCENE_PLANNING_OPENAI_USE_AZURE,
+  RPASCENE_PLANNING_USE_ANTHROPIC_SDK,
+  RPASCENE_PLANNING_USE_AZURE_OPENAI,
+  RPASCENE_PLANNING_VL_MODE,
+  RPASCENE_USE_ANTHROPIC_SDK,
+  RPASCENE_USE_AZURE_OPENAI,
+  RPASCENE_VL_MODE,
+  RPASCENE_VQA_ANTHROPIC_API_KEY,
+  RPASCENE_VQA_AZURE_OPENAI_API_VERSION,
+  RPASCENE_VQA_AZURE_OPENAI_DEPLOYMENT,
+  RPASCENE_VQA_AZURE_OPENAI_ENDPOINT,
+  RPASCENE_VQA_AZURE_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_VQA_AZURE_OPENAI_KEY,
+  RPASCENE_VQA_AZURE_OPENAI_SCOPE,
+  // VQA
+  RPASCENE_VQA_MODEL_NAME,
+  RPASCENE_VQA_OPENAI_API_KEY,
+  RPASCENE_VQA_OPENAI_BASE_URL,
+  RPASCENE_VQA_OPENAI_HTTP_PROXY,
+  RPASCENE_VQA_OPENAI_INIT_CONFIG_JSON,
+  RPASCENE_VQA_OPENAI_SOCKS_PROXY,
+  RPASCENE_VQA_OPENAI_USE_AZURE,
+  RPASCENE_VQA_USE_ANTHROPIC_SDK,
+  RPASCENE_VQA_USE_AZURE_OPENAI,
+  RPASCENE_VQA_VL_MODE,
+  OPENAI_API_KEY,
+  OPENAI_BASE_URL,
+  OPENAI_USE_AZURE,
+} from './types';
+
+interface IModelConfigKeys {
+  modelName: string;
+  /**
+   * proxy
+   */
+  socksProxy: string;
+  httpProxy: string;
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: string;
+  openaiApiKey: string;
+  openaiExtraConfig: string;
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: string;
+  useAzureOpenai: string;
+  azureOpenaiScope: string;
+  azureOpenaiKey: string;
+  azureOpenaiEndpoint: string;
+  azureOpenaiApiVersion: string;
+  azureOpenaiDeployment: string;
+  azureExtraConfig: string;
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: string;
+  anthropicApiKey: string;
+  /**
+   * Extra
+   */
+  vlMode: string;
+}
+
+export const VQA_MODEL_CONFIG_KEYS: IModelConfigKeys = {
+  modelName: RPASCENE_VQA_MODEL_NAME,
+  /**
+   * proxy
+   */
+  socksProxy: RPASCENE_VQA_OPENAI_SOCKS_PROXY,
+  httpProxy: RPASCENE_VQA_OPENAI_HTTP_PROXY,
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: RPASCENE_VQA_OPENAI_BASE_URL,
+  openaiApiKey: RPASCENE_VQA_OPENAI_API_KEY,
+  openaiExtraConfig: RPASCENE_VQA_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: RPASCENE_VQA_OPENAI_USE_AZURE,
+  useAzureOpenai: RPASCENE_VQA_USE_AZURE_OPENAI,
+  azureOpenaiScope: RPASCENE_VQA_AZURE_OPENAI_SCOPE,
+  azureOpenaiKey: RPASCENE_VQA_AZURE_OPENAI_KEY,
+  azureOpenaiEndpoint: RPASCENE_VQA_AZURE_OPENAI_ENDPOINT,
+  azureOpenaiApiVersion: RPASCENE_VQA_AZURE_OPENAI_API_VERSION,
+  azureOpenaiDeployment: RPASCENE_VQA_AZURE_OPENAI_DEPLOYMENT,
+  azureExtraConfig: RPASCENE_VQA_AZURE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: RPASCENE_VQA_USE_ANTHROPIC_SDK,
+  anthropicApiKey: RPASCENE_VQA_ANTHROPIC_API_KEY,
+  /**
+   * Extra
+   */
+  vlMode: RPASCENE_VQA_VL_MODE,
+} as const;
+
+export const GROUNDING_MODEL_CONFIG_KEYS: IModelConfigKeys = {
+  modelName: RPASCENE_GROUNDING_MODEL_NAME,
+  /**
+   * proxy
+   */
+  socksProxy: RPASCENE_GROUNDING_OPENAI_SOCKS_PROXY,
+  httpProxy: RPASCENE_GROUNDING_OPENAI_HTTP_PROXY,
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: RPASCENE_GROUNDING_OPENAI_BASE_URL,
+  openaiApiKey: RPASCENE_GROUNDING_OPENAI_API_KEY,
+  openaiExtraConfig: RPASCENE_GROUNDING_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: RPASCENE_GROUNDING_OPENAI_USE_AZURE,
+  useAzureOpenai: RPASCENE_GROUNDING_USE_AZURE_OPENAI,
+  azureOpenaiScope: RPASCENE_GROUNDING_AZURE_OPENAI_SCOPE,
+  azureOpenaiKey: RPASCENE_GROUNDING_AZURE_OPENAI_KEY,
+  azureOpenaiEndpoint: RPASCENE_GROUNDING_AZURE_OPENAI_ENDPOINT,
+  azureOpenaiApiVersion: RPASCENE_GROUNDING_AZURE_OPENAI_API_VERSION,
+  azureOpenaiDeployment: RPASCENE_GROUNDING_AZURE_OPENAI_DEPLOYMENT,
+  azureExtraConfig: RPASCENE_GROUNDING_AZURE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: RPASCENE_GROUNDING_USE_ANTHROPIC_SDK,
+  anthropicApiKey: RPASCENE_GROUNDING_ANTHROPIC_API_KEY,
+  /**
+   * Extra
+   */
+  vlMode: RPASCENE_GROUNDING_VL_MODE,
+} as const;
+
+export const PLANNING_MODEL_CONFIG_KEYS: IModelConfigKeys = {
+  modelName: RPASCENE_PLANNING_MODEL_NAME,
+  /**
+   * proxy
+   */
+  socksProxy: RPASCENE_PLANNING_OPENAI_SOCKS_PROXY,
+  httpProxy: RPASCENE_PLANNING_OPENAI_HTTP_PROXY,
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: RPASCENE_PLANNING_OPENAI_BASE_URL,
+  openaiApiKey: RPASCENE_PLANNING_OPENAI_API_KEY,
+  openaiExtraConfig: RPASCENE_PLANNING_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: RPASCENE_PLANNING_OPENAI_USE_AZURE,
+  useAzureOpenai: RPASCENE_PLANNING_USE_AZURE_OPENAI,
+  azureOpenaiScope: RPASCENE_PLANNING_AZURE_OPENAI_SCOPE,
+  azureOpenaiKey: RPASCENE_PLANNING_AZURE_OPENAI_KEY,
+  azureOpenaiEndpoint: RPASCENE_PLANNING_AZURE_OPENAI_ENDPOINT,
+  azureOpenaiApiVersion: RPASCENE_PLANNING_AZURE_OPENAI_API_VERSION,
+  azureOpenaiDeployment: RPASCENE_PLANNING_AZURE_OPENAI_DEPLOYMENT,
+  azureExtraConfig: RPASCENE_PLANNING_AZURE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: RPASCENE_PLANNING_USE_ANTHROPIC_SDK,
+  anthropicApiKey: RPASCENE_PLANNING_ANTHROPIC_API_KEY,
+  /**
+   * Extra
+   */
+  vlMode: RPASCENE_PLANNING_VL_MODE,
+} as const;
+
+// modelConfig return default
+export const DEFAULT_MODEL_CONFIG_KEYS: IModelConfigKeys = {
+  modelName: RPASCENE_MODEL_NAME,
+  /**
+   * proxy
+   */
+  socksProxy: RPASCENE_OPENAI_SOCKS_PROXY,
+  httpProxy: RPASCENE_OPENAI_HTTP_PROXY,
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: RPASCENE_OPENAI_BASE_URL,
+  openaiApiKey: RPASCENE_OPENAI_API_KEY,
+  openaiExtraConfig: RPASCENE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: RPASCENE_OPENAI_USE_AZURE,
+  useAzureOpenai: RPASCENE_USE_AZURE_OPENAI,
+  azureOpenaiScope: RPASCENE_AZURE_OPENAI_SCOPE,
+  azureOpenaiKey: RPASCENE_AZURE_OPENAI_KEY,
+  azureOpenaiEndpoint: RPASCENE_AZURE_OPENAI_ENDPOINT,
+  azureOpenaiApiVersion: RPASCENE_AZURE_OPENAI_API_VERSION,
+  azureOpenaiDeployment: RPASCENE_AZURE_OPENAI_DEPLOYMENT,
+  azureExtraConfig: RPASCENE_AZURE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: RPASCENE_USE_ANTHROPIC_SDK,
+  anthropicApiKey: RPASCENE_ANTHROPIC_API_KEY,
+  /**
+   * Extra
+   */
+  vlMode: RPASCENE_VL_MODE,
+} as const;
+
+// read from process.env
+export const DEFAULT_MODEL_CONFIG_KEYS_LEGACY: IModelConfigKeys = {
+  modelName: RPASCENE_MODEL_NAME,
+  /**
+   * proxy
+   */
+  socksProxy: RPASCENE_OPENAI_SOCKS_PROXY,
+  httpProxy: RPASCENE_OPENAI_HTTP_PROXY,
+  /**
+   * OpenAI
+   */
+  openaiBaseURL: OPENAI_BASE_URL,
+  openaiApiKey: OPENAI_API_KEY,
+  openaiExtraConfig: RPASCENE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Azure
+   */
+  openaiUseAzureDeprecated: OPENAI_USE_AZURE,
+  useAzureOpenai: RPASCENE_USE_AZURE_OPENAI,
+  azureOpenaiScope: RPASCENE_AZURE_OPENAI_SCOPE,
+  azureOpenaiKey: AZURE_OPENAI_KEY,
+  azureOpenaiEndpoint: AZURE_OPENAI_ENDPOINT,
+  azureOpenaiApiVersion: AZURE_OPENAI_API_VERSION,
+  azureOpenaiDeployment: AZURE_OPENAI_DEPLOYMENT,
+  azureExtraConfig: RPASCENE_AZURE_OPENAI_INIT_CONFIG_JSON,
+  /**
+   * Anthropic
+   */
+  useAnthropicSdk: RPASCENE_USE_ANTHROPIC_SDK,
+  anthropicApiKey: ANTHROPIC_API_KEY,
+  /**
+   * Extra
+   */
+  vlMode: 'DEFAULT_MODEL_CONFIG_KEYS has no vlMode key',
+} as const;