feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/foundation/global/src/hooks/use-app-init/index.ts

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+ 
+export { useAlertOnLogout } from './use-alert-on-logout';

frontend/packages/foundation/global/src/hooks/use-app-init/use-alert-on-logout.ts

@@ -0,0 +1,42 @@
+/*
+ * 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 { useRef } from 'react';
+
+import { I18n } from '@coze-arch/i18n';
+import { Modal } from '@coze-arch/coze-design';
+import { useAlterOnLogout as useAlertOnLogoutImpl } from '@coze-foundation/account-adapter';
+
+export const useAlertOnLogout = () => {
+  const alertRef = useRef(false);
+
+  const callback = () => {
+    if (alertRef.current) {
+      return;
+    }
+    alertRef.current = true;
+    Modal.confirm({
+      title: I18n.t('account_update_hint'),
+      okText: I18n.t('api_analytics_refresh'),
+      closeOnEsc: false,
+      maskClosable: false,
+      onOk: () => {
+        window.location.reload();
+      },
+    });
+  };
+  useAlertOnLogoutImpl(callback);
+};

frontend/packages/foundation/global/src/hooks/use-create-bot-action.tsx

@@ -0,0 +1,109 @@
+/*
+ * 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 { useEffect, useRef } from 'react';
+
+import { EVENT_NAMES, sendTeaEvent } from '@coze-arch/bot-tea';
+import { useCreateProjectModal } from '@coze-studio/project-entity-adapter';
+import { cozeMitt } from '@coze-common/coze-mitt';
+
+export const useCreateBotAction = ({
+  autoCreate,
+  urlSearch,
+  currentSpaceId,
+}: {
+  autoCreate?: boolean;
+  urlSearch?: string;
+  currentSpaceId?: string;
+}) => {
+  // 创建 bot 功能
+  const newWindowRef = useRef<Window | null>(null);
+  const openWindow = () => {
+    newWindowRef.current = window.open();
+  };
+  const destroyWindow = () => {
+    if (!newWindowRef.current) {
+      return;
+    }
+    newWindowRef.current.close();
+  };
+  const { modalContextHolder, createProject } = useCreateProjectModal({
+    bizCreateFrom: 'navi',
+    selectSpace: true,
+    onCreateBotSuccess: (botId, targetSpaceId) => {
+      let url = `/space/${targetSpaceId}/bot/${botId}`;
+      if (autoCreate) {
+        url += urlSearch;
+      }
+      if (botId && newWindowRef.current) {
+        newWindowRef.current.location = url;
+      } else {
+        destroyWindow();
+      }
+    },
+    onBeforeCreateBot: () => {
+      sendTeaEvent(EVENT_NAMES.create_bot_click, {
+        source: 'menu_bar',
+      });
+      openWindow();
+    },
+    onCreateBotError: () => {
+      destroyWindow();
+    },
+    onBeforeCreateProject: () => {
+      openWindow();
+    },
+    onCreateProjectError: () => {
+      destroyWindow();
+    },
+    onBeforeCopyProjectTemplate: ({ toSpaceId }) => {
+      if (toSpaceId !== currentSpaceId) {
+        openWindow();
+      }
+    },
+    onProjectTemplateCopyError: () => {
+      destroyWindow();
+    },
+    onCreateProjectSuccess: ({ projectId, spaceId }) => {
+      const baseUrl = `/space/${spaceId}/project-ide/${projectId}`;
+
+      if (!newWindowRef.current) {
+        return;
+      }
+      if (autoCreate) {
+        newWindowRef.current.location = baseUrl + urlSearch;
+      }
+      newWindowRef.current.location = baseUrl;
+    },
+    onCopyProjectTemplateSuccess: param => {
+      cozeMitt.emit('createProjectByCopyTemplateFromSidebar', param);
+      if (newWindowRef.current) {
+        newWindowRef.current.location = `/space/${param.toSpaceId}/develop`;
+      }
+    },
+  });
+
+  useEffect(() => {
+    if (autoCreate) {
+      createProject();
+    }
+  }, [autoCreate]);
+
+  return {
+    createBot: createProject,
+    createBotModal: modalContextHolder,
+  };
+};

frontend/packages/foundation/global/src/index.ts

@@ -0,0 +1,18 @@
+/*
+ * 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.
+ */
+ 
+export { removeGlobalLoading } from './utils/global-loading';
+export { useCreateBotAction } from './hooks/use-create-bot-action';

frontend/packages/foundation/global/src/typings.d.ts

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+ 
+/// <reference types='@coze-arch/bot-typings' />

frontend/packages/foundation/global/src/utils/global-loading.ts

@@ -0,0 +1,41 @@
+/*
+ * 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.
+ */
+ 
+export function removeGlobalLoading() {
+  const spin = document.querySelector('#global-spin-wrapper');
+  // 对于不支持MutationObserver的浏览器直接隐藏 loading，避免影响正常页面的展示
+  if (!window.MutationObserver && spin) {
+    (spin as HTMLElement).style.display = 'none';
+    return;
+  }
+  const targetNode = document.querySelector('#root');
+  const observerOptions = {
+    childList: true, // 观察目标子节点的变化，是否有添加或者删除
+    attributes: true, // 观察属性变动
+    subtree: true, // 观察后代节点，默认为 false
+  };
+
+  const observer = new MutationObserver(function callback(mutationList) {
+    // root 节点有任何变化就取消 loading，并取消观测
+    mutationList.forEach(mutation => {
+      if (spin) {
+        (spin as HTMLElement).style.display = 'none';
+      }
+      observer.disconnect();
+    });
+  });
+  observer.observe(targetNode as Element, observerOptions);
+}