fix: fix marker bug

src/components/Editor/Editor.tsx

@@ -29,16 +29,17 @@ const codeByTitle = codeExamples.reduce(
 );
 
 function EditorComponent() {
-	const [text, setText] = useState(codeExamples[0].code);
+	const [text, setText] = useState(codeExamples[3].code);
 	const eventListsStateSet = useEventLists((state) => state.set);
 	const eventListsStateClear = useEventLists((state) => state.clear);
 	const clearAnimationState = useEventLoopAnimation((state) => state.clear);
 	const setAnimationState = useEventLoopAnimation((state) => state.setState);
 	const status = useEventLoopAnimation((state) => state.status);
-	const [example, setExample] = useState(codeExamples[0].title);
+	const [example, setExample] = useState(codeExamples[3].title);
 	const speedFactorState = useSpeedFactor((state) => state);
 	const setEditorRef = useEditor((state) => state.setRef);
 	const setSourceCode = useEditor((state) => state.setSource);
+	const clearEditor = useEditor((state) => state.clearEditor);
 	const editorRef = useRef<AceEditor>(null);
 
 	const onSelect = (e: SelectChangeEvent) => {
@@ -51,6 +52,7 @@ function EditorComponent() {
 	const onStop = () => {
 		clearAnimationState();
 		eventListsStateClear();
+		clearEditor();
 	};
 
 	const onPause = () => {

src/store/store.ts

@@ -84,6 +84,14 @@ export const useEditor = create<EditorInterface>((set, get) => ({
 	source: '',
 	setSource: (source) => set({ source }),
 	markers: [],
+	clearEditor: () => {
+		const markers = get().markers;
+		if (markers.length > 0) {
+			markers.pop();
+		}
+		get().clearOldMarkers();
+		get().setSource('');
+	},
 	clearOldMarkers: () => {
 		if (!get().ref?.current?.editor) return;
 		const session = get().ref!.current!.editor.getSession();
@@ -108,10 +116,6 @@ export const useEditor = create<EditorInterface>((set, get) => ({
 		session.addMarker(range, 'selected_lines', 'text');
 	},
 	pushMarker: ([start, end]) => {
-		const markers = get().markers;
-		if (markers.length > 0) {
-			markers.pop();
-		}
 		get().markers.push([start, end]);
 		get().clearOldMarkers();
 		get().drawLatestMarker();

src/store/store.types.ts

@@ -64,6 +64,7 @@ export interface EditorInterface {
 	setSource(source: string): void;
 	pushMarker(range: [number, number]): void;
 	popMarker(): void;
+	clearEditor(): void;
 	clearOldMarkers(): void;
 	drawLatestMarker(): void;
 	markers: [number, number][];