Remove welcome file and dist artifact

Author: vipmax

anycode-react/dist/Component.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useLayoutEffect, useRef } from 'react';
 import { AnycodeEditor } from 'anycode-base';
 
 interface AnycodeEditorProps {
@@ -10,35 +10,38 @@ export default function AnycodeEditorReact({ id, editorState,  }: AnycodeEditorP
 
     const containerRef = useRef<HTMLDivElement>(null);
 
-    useEffect(() => {
+    useLayoutEffect(() => {
         if (!editorState || !containerRef.current) return;
 
-        containerRef.current.innerHTML = '';
+        const host = containerRef.current;
+        const editorContainer = editorState.getContainer();
+        host.replaceChildren(editorContainer);
+
         if (editorState.hasScroll()) {
-            containerRef.current.appendChild(editorState.getContainer());
             let focus = editorState.requestedFocus();
 
-            if(focus) {
+            if (focus) {
                 let { line, column } = editorState.getCursor();
                 if (line !== undefined && column !== undefined) {
                     editorState.requestFocus(line, column);
                     editorState.renderCursorOrSelection();
                 }
             } else {
-                editorState.restoreScroll();
-                editorState.renderCursorOrSelection();
+                editorState.onAttach();
             }
         } else {
             editorState.render();
-            containerRef.current.appendChild(editorState.getContainer());
-
             let { line, column } = editorState.getCursor();
             if (line !== undefined && column !== undefined) {
                 editorState.requestFocus(line, column);
                 editorState.renderCursorOrSelection();
             }
         }
-    
+
+        return () => {
+            // The editor node is moved between hosts on the next mount.
+            // Avoid clearing here to prevent a brief blank frame during switches.
+        };
     }, [id, editorState]);
 
   return <div ref={containerRef} style={{ width: '100%', height: '100%' }} />;

anycode-react/src/Component.tsx

@@ -1,34 +1,3 @@
-import { FileState } from './types';
-
-export const DEFAULT_FILE: FileState = {
-    id: 'welcome.js',
-    name: 'welcome.js',
-    language: 'javascript',
-};
-
-export const DEFAULT_FILE_CONTENT = 
-`// Welcome to Anycode Editor!
-
-// This is a default file created for you. You can:
-// - Open files from the file tree on the left  
-// - Edit files in the main editor area
-// - undo changes with meta + z, redo meta + shift + z 
-// - copy/paste meta + c/ meta + v
-// - cut on meta + x, duplicate on meta + d
-// - comment line on meta + /
-// - Save changes using the meta + s button
-// - Open Files panel with contol + 1
-// - Open Terminal panel with contol + 2
-
-console.log('Happy coding! 🚀');
-
-function hello() {
-    return 'Hello, World!';
-}
-
-// Try editing this file!
-`;
-
 // Backend connection settings
 // if curent port is 5173 then use 3000 else use current port
 const port = window.location.port === '5173' ? '3000' : window.location.port;

anycode/constants.ts

@@ -8,7 +8,7 @@ import {
     type PendingBatch,
     type WatcherEdits,
 } from '../types';
-import { BATCH_DELAY_MS, DEFAULT_FILE, DEFAULT_FILE_CONTENT } from '../constants';
+import { BATCH_DELAY_MS } from '../constants';
 import { getFileName, getLanguageFromFileName } from '../utils';
 import {
     Completion,
@@ -48,7 +48,6 @@ export const useEditors = ({ wsRef, isConnected, diffEnabled, onFileClosed }: Us
     const [editorStates, setEditorStates] = useState<Map<string, AnycodeEditor>>(new Map());
     const editorStatesRef = useRef<Map<string, AnycodeEditor>>(new Map());
     const editorRefs = useRef<Map<string, AnycodeEditor>>(new Map());
-    const defaultFileInitializedRef = useRef(false);
 
     const savedFileContentsRef = useRef<Map<string, string>>(new Map());
     const diagnosticsRef = useRef<Map<string, Diagnostic[]>>(new Map());
@@ -442,17 +441,6 @@ export const useEditors = ({ wsRef, isConnected, diffEnabled, onFileClosed }: Us
         }
     }, [files, initializeEditors]);
 
-    useEffect(() => {
-        if (files.length === 0 && !defaultFileInitializedRef.current) {
-            defaultFileInitializedRef.current = true;
-            setFiles([DEFAULT_FILE]);
-            setPaneActiveFileIds((prev) => ({ ...prev, [DEFAULT_EDITOR_PANE_ID]: DEFAULT_FILE.id }));
-            setActiveEditorPaneId(DEFAULT_EDITOR_PANE_ID);
-            cursorHistory.current.undoStack.push({ file: DEFAULT_FILE.id, cursor: { line: 0, column: 0 } });
-            savedFileContentsRef.current.set(DEFAULT_FILE.id, DEFAULT_FILE_CONTENT);
-        }
-    }, [files.length]);
-
     const closeFile = useCallback((fileId: string) => {
         flushChanges(fileId);