[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선 #679

DaYoung-woo · 2024-08-29T12:40:36Z

Related issue

#520

Result

git 연동이 안된 프로젝트에서 무한로딩 증상 개선을 위해 오른쪽 하단 toast메시지를 표기해주었습니다.

Work list

사용자에게 깃이 연동되지 않은 프로젝트를 보여줄 때 무한로딩화면을 제거하고 하단 오른쪽에 오류 메시지를 보여줄 수 있도록 변경하였습니다.

Discussion

현재 패널이 잠깐 열렸다 닫히며 깜빡임이 있는데, 추후 웹뷰 판넬 자체가 열리지 않도록 개선이 필요합니다.
관련해서 코드 피드백을 주시면 적극 반영해보도록 하겠습니다!

Co-Authored-By: yu iseo <[email protected]>

seungineer

이제 git 연동되지 않은 레포지토리 처리가 되겠군요! 😈
LGTM ! 👍👍

seungineer · 2024-08-31T03:58:38Z

packages/vscode/src/webview-loader.ts

+        if (command === "fetchAnalyzedData" || command === "refresh") {
+          const baseBranchName = (payload && JSON.parse(payload)) ?? (await fetchCurrentBranch());
+          // Disable Cache temporarily
+          // const storedAnalyzedData = context.workspaceState.get<ClusterNode[]>(`${ANALYZE_DATA_KEY}_${baseBranchName}`);
+
+          // if (!storedAnalyzedData) {
+          try {
+            analyzedData = await fetchClusterNodes(baseBranchName);
+            context.workspaceState.update(`${ANALYZE_DATA_KEY}_${baseBranchName}`, analyzedData);


(궁금💭)Disable Cache temporarily로 주석 처리되어 있는데,
Cache 기능이 일시적으로 빠진 걸까요?!

엇 이부분은 기존에 있던 주석이었는데 혹시 작업하시던 분이 갑자기 사라지면 당황하실까봐 다시 넣어두었습니다!

packages/vscode/src/webview-loader.ts

seungineer · 2024-08-31T04:26:27Z

packages/vscode/src/webview-loader.ts

+    if (!analyzedData) {
+      this.dispose();
+      throw new Error("Project not connected to Git.");
+    }


analyzedData가 존재하지 않으면 Error를 던지는군요!

현재 패널이 잠깐 열렸다 닫히며 깜빡임이 있는데, 추후 웹뷰 판넬 자체가 열리지 않도록 개선이 필요합니다.

analyzedData가 존재하지 않음을 더 빨리 알아채서 판넬 띄우기 전에 Error를 던지는 방식으로 되어야 할까요?.. 그러면 Error를 어디다가 던져야 IDE에서 toast message로 git이 연동되지 않았음을 나타낼 수 있을지 모르겠네요 🤔

해당 PR 방식 외 다른 방법은 떠오르지 않네요...😅 이 방식의 결과도 좋아보이구요! 👍👍👍

저희도 Error를 어디서 catch 할 지 여러 방식으로 도전했는데 마땅한 방법을 찾지 못해서 이렇게 처리했습니당!
꼼꼼하게 내용을 확인해 주셔서 감사합니당👍👍👍👍👍👍👍👍

yoouyeon

연동되지 않은 프로젝트에 토스트 메시지 보여주는 것 좋네요 👍👍👍
브랜치별 데이터를 캐싱하는 코드가 없어진 것 같아서 코멘트 따로 남겼습니다! 확인 한번 부탁드려요 😊

yoouyeon · 2024-08-31T05:17:08Z

packages/vscode/src/webview-loader.ts

-     //캐시 초기화
-     console.log("Initialize cache data");
-     context.workspaceState.keys().forEach(key => {
-       context.workspaceState.update(key, undefined);
-     });


#661 에서 추가되었던 브랜치별 데이터 캐싱 관련 코드들이 삭제된 것 같아 보이는데 혹시 어떤 이유에서인가요..?!?!
(의도된 삭제가 아니라면 #661 이전 코드로 롤백된 것 같기도 해서 머지 과정에서 뭔가 꼬인 것 같아 보이기도....하네요...🥺)

yoouyeon · 2024-08-31T05:18:53Z

packages/vscode/src/webview-loader.ts

-        const storedAnalyzedData = context.workspaceState.get<ClusterNode[]>(`${ANALYZE_DATA_KEY}_${baseBranchName}`);
-        let analyzedData = storedAnalyzedData;
-        if (!storedAnalyzedData) {
-          console.log("No cache Data");
-          console.log("baseBranchName : ",baseBranchName);
-          analyzedData = await fetchClusterNodes(baseBranchName);
-          context.workspaceState.update(`${ANALYZE_DATA_KEY}_${baseBranchName}`, analyzedData);
-        }else console.log("Cache data exists");


이 부분도 브랜치별로 데이터를 캐싱하기 위한 코드입니다..! 여기도 같이 확인 부탁드려요...!

엇 죄송합니다! 다시 확인해보겠습니다!!

yoouyeon · 2024-08-31T05:52:08Z

packages/vscode/src/webview-loader.ts

+    if (!analyzedData) {
+      this.dispose();
+      throw new Error("Project not connected to Git.");
+    }


지금 방법처럼 analyzedData 존재 여부를 확인해서 git 연동 여부를 확인하는 방식으로는 저도 지금 PR 외의 방법은 생각나지 않네요... 🥲
이미 생각해보셨을 수도 있지만, 패널 생성 이전에 git 연동 여부를 확인할 수 있는 로직을 별도로 추가할 수 있으면 좋을 것 같긴 합니다........ (어떻게 확인할 수 있을지는 잘 모르겠지만요... 🫠)

seungineer

누락됐던 부분까지 잘 반영된 것 같습니다!
LGTM! 👍👍

seungineer · 2024-08-31T11:47:36Z

packages/vscode/src/webview-loader.ts

+              context.workspaceState.update(`${ANALYZE_DATA_KEY}_${baseBranchName}`, analyzedData);
+            } else console.log("Cache data exists");
+


} else console.log("... 이 부분 lint도 맞아졌네요 👍

확인 감사드립니당 👍👍👍👍

yoouyeon

누락된 부분 다시 추가된 것 확인했습니다!! LGTM!!! 👍👍👍

ytaek

논의 많이 하시던데 잘 해결됐군요 : ) 고생 많으셨습니다!

ytaek · 2024-08-31T12:39:51Z

packages/vscode/src/extension.ts

@@ -121,6 +124,7 @@ export async function activate(context: vscode.ExtensionContext) {
        vscode.window.showErrorMessage(error.message);
      } else {
        vscode.window.showErrorMessage((error as Error).message);
+        myStatusBarItem.text = `$(diff-review-close) ${projectName}`;


오홍 요렇게 x를 넣을 수도 있군요 👍

아이콘이 굉장히 다양하더라고용! 직관적으로 보여주기 위해 x표시로 해주었습니다!

ytaek · 2024-09-10T11:50:52Z

리뷰 커멘트들 반영됐다면 merge 부탁드립니다!!
혹시 빠진게 있다면 다음 PR에 올려주세용~

[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선

8a1e80f

Co-Authored-By: yu iseo <[email protected]>

DaYoung-woo added 💻 vscode fix labels Aug 29, 2024

DaYoung-woo added this to the v0.7.1 milestone Aug 29, 2024

DaYoung-woo assigned yuiseo and DaYoung-woo Aug 29, 2024

DaYoung-woo requested review from a team as code owners August 29, 2024 12:40

seungineer previously approved these changes Aug 31, 2024

View reviewed changes

yoouyeon reviewed Aug 31, 2024

View reviewed changes

누락된 내용 추가

507df62

DaYoung-woo dismissed seungineer’s stale review via 507df62 August 31, 2024 06:55

seungineer self-requested a review August 31, 2024 11:46

seungineer approved these changes Aug 31, 2024

View reviewed changes

yoouyeon approved these changes Aug 31, 2024

View reviewed changes

ytaek approved these changes Aug 31, 2024

View reviewed changes

choisohyun modified the milestones: v0.7.1, v0.7.2 Sep 2, 2024

DaYoung-woo merged commit f18f1d8 into githru:main Sep 11, 2024
2 checks passed

ytaek mentioned this pull request Sep 27, 2024

[vscode] git 연결된 레포지토리가 확장 개발 호스트에서 실행되지 않는 버그 임시 수정 #730

Merged

seungineer mentioned this pull request Sep 27, 2024

[vscode] git 연동되지 않은 프로젝트 무한 로딩 증상 개선 관련 코드 임시 조치 #734

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선 #679

[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선 #679

DaYoung-woo commented Aug 29, 2024 •

edited by yuiseo

Loading

seungineer left a comment •

edited

Loading

seungineer Aug 31, 2024

DaYoung-woo Aug 31, 2024

seungineer Aug 31, 2024

DaYoung-woo Aug 31, 2024

yoouyeon left a comment

yoouyeon Aug 31, 2024

yoouyeon Aug 31, 2024

DaYoung-woo Aug 31, 2024 •

edited

Loading

yoouyeon Aug 31, 2024

seungineer left a comment

seungineer Aug 31, 2024

DaYoung-woo Aug 31, 2024

yoouyeon left a comment

ytaek left a comment

ytaek Aug 31, 2024

DaYoung-woo Sep 2, 2024

ytaek commented Sep 10, 2024 •

edited

Loading

		context.workspaceState.update(`${ANALYZE_DATA_KEY}_${baseBranchName}`, analyzedData);
		} else console.log("Cache data exists");

[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선 #679

[fix]#520 git 연동이 안된 프로젝트에서 무한로딩 증상 개선 #679

Conversation

DaYoung-woo commented Aug 29, 2024 • edited by yuiseo Loading

Related issue

Result

Work list

Discussion

seungineer left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

yoouyeon left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

DaYoung-woo Aug 31, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

seungineer left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

yoouyeon left a comment

Choose a reason for hiding this comment

ytaek left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ytaek commented Sep 10, 2024 • edited Loading

DaYoung-woo commented Aug 29, 2024 •

edited by yuiseo

Loading

seungineer left a comment •

edited

Loading

DaYoung-woo Aug 31, 2024 •

edited

Loading

ytaek commented Sep 10, 2024 •

edited

Loading