feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/studio/components/src/markdown-editor/utils/onboarding-variable.ts

@@ -0,0 +1,71 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import {
+  type OnboardingVariable,
+  type OnboardingVariableMap,
+} from '../constant/onboarding-variable';
+import { typedKeys } from './typed-keys';
+
+export interface VariableWithRange {
+  range: [number, number];
+  variable: OnboardingVariable;
+}
+
+export const getFixedVariableTemplate = (template: string) => `{{${template}}}`;
+
+export const matchAllTemplateRanges = (
+  text: string,
+  template: string,
+): { start: number; end: number }[] => {
+  // 正则表达式，用于匹配双花括号内的内容
+  const templateRegex = new RegExp(getFixedVariableTemplate(template), 'g');
+  const matches: { start: number; end: number }[] = [];
+
+  // 循环查找所有匹配项
+  while (true) {
+    const match = templateRegex.exec(text);
+
+    if (!match) {
+      break;
+    }
+    const templateString = match[0];
+    const start = match.index;
+    const end = templateString.length + start;
+
+    matches.push({ start, end });
+  }
+  return matches;
+};
+
+export const getVariableRangeList = (
+  content: string,
+  variableMap: OnboardingVariableMap,
+) => {
+  const result: VariableWithRange[] = [];
+  typedKeys(variableMap).forEach(variable => {
+    const allMatchedRanges = matchAllTemplateRanges(content, variable);
+    const variableWithRangeList: VariableWithRange[] = allMatchedRanges.map(
+      ({ start, end }) => ({
+        variable,
+        range: [start, end],
+      }),
+    );
+    result.push(...variableWithRangeList);
+  });
+
+  return result;
+};