Skip to content

refactor: migrate to React #258

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 29 commits into from
Jun 7, 2025
Merged

refactor: migrate to React #258

merged 29 commits into from
Jun 7, 2025

Conversation

dyon21
Copy link
Collaborator

@dyon21 dyon21 commented Apr 20, 2025

This PR migrate the render library from vuejs to reactjs

@dyon21
Copy link
Collaborator Author

dyon21 commented Apr 20, 2025

TODO:

  • fix StylePanel
  • rewrite test files

@dyon21 dyon21 force-pushed the feat/react branch 2 times, most recently from 7c9351a to ac68ee0 Compare April 26, 2025 08:29
@dyon21 dyon21 force-pushed the feat/react branch 2 times, most recently from 6bdaacc to 721f0cb Compare May 3, 2025 13:38
@dyon21 dyon21 temporarily deployed to github-pages May 24, 2025 11:43 — with GitHub Actions Inactive
@dyon21 dyon21 temporarily deployed to github-pages May 24, 2025 11:50 — with GitHub Actions Inactive
@dyon21 dyon21 temporarily deployed to github-pages May 31, 2025 07:04 — with GitHub Actions Inactive
@dyon21 dyon21 temporarily deployed to github-pages May 31, 2025 09:33 — with GitHub Actions Inactive
@dyon21 dyon21 temporarily deployed to github-pages June 7, 2025 03:43 — with GitHub Actions Inactive
@dyon21 dyon21 temporarily deployed to github-pages June 7, 2025 06:03 — with GitHub Actions Inactive
@MrCoder MrCoder merged commit 21abc5b into main Jun 7, 2025
9 checks passed
@@ -62,14 +66,7 @@
}
</style>
</head>

<body>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can still keep this section

pnpm-lcok.yaml
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it a typo? Should it be pnpm-lock.yaml?

fireEvent.click(
participantWrapper.container.querySelector(".participant")!,
);
// TODO: we need to be able to verify that the computed property `selected` is true
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this comment still relevant?

const BuildTime = import.meta.env.BUILD_TIME || "";
const VueSequence = {
Vue,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need to change the name VueSequence as well

import Block from "./components/DiagramFrame/SeqDiagram/MessageLayer/Block/Block.vue";
// @ts-ignore
import Comment from "./components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Comment/Comment.vue";
// import Block from "./components/DiagramFrame/SeqDiagram/MessageLayer/Block/Block.vue";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove comments?

@@ -1,17 +0,0 @@
<template>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we turn DiagramTitle/index.tsx to DiagramTitle.tsx?

@@ -0,0 +1,20 @@
import Icon from "@/components/Icon/Icons";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we turn Privacy/index.tsx to Privacy.tsx?

SeqDiagram,
DiagramFrame,
store,
// SeqDiagram,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why are they commented out?

setIsOpen(true);
}, 0);
});
});
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does it need an empty dependency list?


it("should have a width", async () => {
expect(messageLayer.container.querySelector(".message-layer")).toBeTruthy();
// We do not need to wait until next tick in **test**.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: remove unrelated comment

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants