npm - vzcode - Versions diffs - 1.59.0 → 1.60.0 - Mend

vzcode 1.59.0 → 1.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/assets/{index-afP-wJTZ.css → index-DMIy-XE4.css} +1 -1
package/dist/assets/{index-BJI4JLx9.js → index-S-R8oY72.js} +115 -115
package/dist/index.html +2 -2
package/package.json +1 -1
package/src/client/VZCodeContext/index.tsx +29 -0
package/src/client/VZCodeContext/types.ts +236 -0
package/src/client/{VZCodeContext.tsx → VZCodeContext/useVZCodeState.ts} +34 -289
package/src/client/VZSidebar/AIChat/index.tsx +1 -1
package/src/client/VZSidebar/AIChat/styles.scss +2 -0

package/dist/index.html CHANGED Viewed

@@ -20,8 +20,8 @@
       href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-BJI4JLx9.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-afP-wJTZ.css">
+    <script type="module" crossorigin src="/assets/index-S-R8oY72.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DMIy-XE4.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "vzcode",
-  "version": "1.59.0",
+  "version": "1.60.0",
   "description": "Multiplayer code editor system",
   "main": "src/index.ts",
   "type": "module",

package/src/client/VZCodeContext/index.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+import React, { Context, createContext } from 'react';
+import {
+  VZCodeContextValue,
+  VZCodeProviderProps,
+} from './types';
+import { useVZCodeState } from './useVZCodeState';
+// This context centralizes all the "smart" logic
+// to do with the application state. This includes
+//  * Accessing and manipulating ShareDB data
+//  * Centralized application state
+export const VZCodeContext: Context<VZCodeContextValue | null> =
+  createContext<VZCodeContextValue>(null);
+export const VZCodeProvider: React.FC<
+  VZCodeProviderProps
+> = ({ children, ...props }) => {
+  // Use the custom hook to get all the context value
+  const value = useVZCodeState(props);
+  return (
+    <VZCodeContext.Provider value={value}>
+      {children}
+    </VZCodeContext.Provider>
+  );
+};
+// Re-export types for backward compatibility
+export type { VZCodeContextValue, VZCodeProviderProps };

package/src/client/VZCodeContext/types.ts ADDED Viewed

@@ -0,0 +1,236 @@
+import {
+  ItemId,
+  LeafPane,
+  Pane,
+  PaneId,
+  PresenceIndicator,
+  SearchFileVisibility,
+  SearchResults,
+  ShareDBDoc,
+  SubmitOperation,
+  TabState,
+  Username,
+} from '../../types';
+import { VizFiles, VizContent } from '@vizhub/viz-types';
+import { ThemeLabel } from '../themes';
+import { EditorCache } from '../useEditorCache';
+// The type of the object provided by this context.
+export type VZCodeContextValue = {
+  content: VizContent | null;
+  shareDBDoc: ShareDBDoc<VizContent> | null;
+  submitOperation: (
+    next: (content: VizContent) => VizContent,
+  ) => void;
+  // TODO pull in this type from ShareDB if possible
+  localPresence: any;
+  // TODO pull in this type from ShareDB if possible
+  docPresence: any;
+  files: VizFiles | null;
+  createFile: (fileName: string, text?: string) => void;
+  renameFile: (fileId: string, fileName: string) => void;
+  deleteFile: (fileId: string) => void;
+  createDirectory: (
+    fileName: string,
+    text?: string,
+  ) => void;
+  renameDirectory: (
+    directoryId: string,
+    directoryOldName: string,
+    directoryName: string,
+  ) => void;
+  deleteDirectory: (directoryId: string) => void;
+  setActiveFileId: (fileId: string | null) => void;
+  setActiveFileLeft: () => void;
+  setActiveFileRight: () => void;
+  activePaneId: PaneId;
+  pane: Pane;
+  activePane: LeafPane;
+  openTab: (tabState: TabState) => void;
+  closeTabs: (fileIds: string[]) => void;
+  isSettingsOpen: boolean;
+  setIsSettingsOpen: (isSettingsOpen: boolean) => void;
+  closeSettings: () => void;
+  isDocOpen: boolean;
+  setIsDocOpen: (isDocOpen: boolean) => void;
+  closeDoc: () => void;
+  theme: ThemeLabel;
+  setTheme: (theme: ThemeLabel) => void;
+  username: Username;
+  setUsername: (username: Username) => void;
+  isDirectoryOpen: (path: string) => boolean;
+  toggleDirectory: (path: string) => void;
+  editorCache: EditorCache;
+  // Whether the editor should be focused.
+  editorWantsFocus: boolean;
+  // Signals that the editor no longer wants focus.
+  editorNoLongerWantsFocus: () => void;
+  errorMessage: string | null;
+  // Runtime error handling
+  handleRuntimeError: (
+    formattedErrorMessage: string,
+  ) => void;
+  clearRuntimeError: () => void;
+  search: SearchResults;
+  isSearchOpen: boolean;
+  setIsSearchOpen: (isSearchOpen: boolean) => void;
+  setSearch: (pattern: string) => void;
+  isAIChatOpen: boolean;
+  setIsAIChatOpen: (isAIChatOpen: boolean) => void;
+  aiChatFocused: boolean;
+  toggleAIChatFocused: () => void;
+  aiChatMode: 'ask' | 'edit';
+  setAIChatMode: (mode: 'ask' | 'edit') => void;
+  aiChatEndpoint?: string;
+  aiChatUndoEndpoint?: string;
+  aiChatOptions?: { [key: string]: any };
+  setSearchResults: (files: ShareDBDoc<VizContent>) => void;
+  setSearchFileVisibility: (
+    files: ShareDBDoc<VizContent>,
+    id: string,
+    visibility: SearchFileVisibility,
+  ) => void;
+  setSearchLineVisibility: (
+    files: ShareDBDoc<VizContent>,
+    id: string,
+    line: number,
+  ) => void;
+  setSearchFocusedIndex: (
+    focusedIndex: number,
+    childIndex: number,
+  ) => void;
+  toggleSearchFocused: () => void;
+  isCreateFileModalOpen: boolean;
+  handleOpenCreateFileModal: () => void;
+  handleCloseCreateFileModal: () => void;
+  handleCreateFileClick: (newFileName: string) => void;
+  isCreateDirModalOpen: boolean;
+  handleOpenCreateDirModal: () => void;
+  handleCloseCreateDirModal: () => void;
+  handleCreateDirClick: (newFileName: string) => void;
+  runPrettierRef: React.MutableRefObject<
+    null | (() => void)
+  >;
+  runCodeRef: React.MutableRefObject<
+    null | ((hardRerun?: boolean) => void)
+  >;
+  sidebarRef: React.RefObject<HTMLDivElement>;
+  codeEditorRef: React.RefObject<HTMLDivElement>;
+  connected: boolean;
+  pending: boolean;
+  hoveredItemId: ItemId | null;
+  setHoveredItemId: (itemId: ItemId | null) => void;
+  enableAutoFollow: boolean;
+  toggleAutoFollow: () => void;
+  updatePresenceIndicator: (
+    presenceIndicator: PresenceIndicator,
+  ) => void;
+  sidebarPresenceIndicators: Array<PresenceIndicator>;
+  splitCurrentPane: () => void;
+  liveKitToken: string;
+  setLiveKitToken: (state: string) => void;
+  liveKitRoomName: string;
+  setLiveKitRoom: (state: string) => void;
+  liveKitConnection: boolean;
+  setLiveKitConnection: (state: boolean) => void;
+  voiceChatModalOpen: boolean;
+  setVoiceChatModalOpen: (state: boolean) => void;
+  aiChatMessage: string;
+  setAIChatMessage: (message: string) => void;
+  isLoading: boolean;
+  setIsLoading: (state: boolean) => void;
+  currentChatId: string;
+  aiErrorMessage: string | null;
+  setAIErrorMessage: (state: string | null) => void;
+  handleSendMessage: (
+    messageToSend?: string,
+    options?: Record<string, string>,
+  ) => void;
+  // Auto-fork functions for VizHub integration
+  autoForkAndRetryAI?: (
+    prompt: string,
+    modelName: string,
+    commitId?: string,
+  ) => Promise<void>;
+  clearStoredAIPrompt?: () => void;
+  getStoredAIPrompt?: () => {
+    prompt: string;
+    modelName: string;
+  } | null;
+  // Additional widgets that can be rendered in AI chat messages
+  additionalWidgets?: React.ComponentType<{
+    messageId: string;
+    chatId: string;
+    canUndo: boolean;
+    handleSendMessage?: (
+      messageToSend?: string,
+      options?: Record<string, string>,
+    ) => void;
+  }>;
+};
+export interface VZCodeProviderProps {
+  content: VizContent;
+  shareDBDoc: ShareDBDoc<VizContent>;
+  submitOperation: SubmitOperation;
+  localPresence: any;
+  docPresence: any;
+  prettierWorker: Worker;
+  initialUsername: Username;
+  children: React.ReactNode;
+  codeError?: string | null;
+  connected?: boolean;
+  pending?: boolean;
+  liveKitToken?: string | undefined;
+  setLiveKitToken?: (state: string) => void;
+  liveKitRoomName?: string | undefined;
+  setLiveKitRoom?: (state: string) => void;
+  liveKitConnection?: boolean;
+  setLiveKitConnection?: (state: boolean) => void;
+  aiChatEndpoint?: string;
+  aiChatUndoEndpoint?: string;
+  aiChatOptions?: { [key: string]: any };
+  autoForkAndRetryAI?: (
+    prompt: string,
+    modelName: string,
+    commitId?: string,
+  ) => Promise<void>;
+  clearStoredAIPrompt?: () => void;
+  getStoredAIPrompt?: () => {
+    prompt: string;
+    modelName: string;
+  } | null;
+  additionalWidgets?: React.ComponentType<{
+    messageId: string;
+    chatId: string;
+    canUndo: boolean;
+  }>;
+}