Enabling file draft persistence

[wfortin]

Hi, I'm lookign for the right service override and configuration to enable persistence of the unsaved files across page reloads. I see that the demo in https://monaco-vscode-api.netlify.app/ supports this and seems to write drafts into indexedDB. I've tried setting up the storage service override as well as the working copy service override without success, could you point me to the minimul set of configuration needed to get this working? Thank you.

[CGNonofr]

Hello, did you try calling createIndexedDBProviders from the files service override? (before initializing the services)

[wfortin]

Yes I am calling createIndexedDBProviders() it seems to create the right indexedDB database, I see the vscode-userdata-store db, but I don't see any /User/Backups/* files.

My initialization code looks like this:

export const userDataProvider = await createIndexedDBProviders();

async function initializeMonacoVscode() {
  const textEncoder = new TextEncoder();
  const fileSystemProvider = new RegisteredFileSystemProvider(false);
  fileSystemProvider.registerFile(
    new RegisteredMemoryFile(vscode.Uri.file("/test.sql"), "select 1")
  );
  await fileSystemProvider.registerFile(
    new RegisteredMemoryFile(
      vscode.Uri.file("/workspace.code-workspace"),
      textEncoder.encode(JSON.stringify({ folders: [{ path: "." }] }, null, 2))
    )
  );
  registerFileSystemOverlay(1, fileSystemProvider);

  const serviceOverrides = {
    ...getConfigurationServiceOverride(),
    ...getTextMateServiceOverride(),
    ...getLanguagesServiceOverride(),
    ...getThemeServiceOverride(),
    ...getKeybindingsServiceOverride(),
    ...getModelServiceOverride(),
    ...getFilesServiceOverride(),
    ...getStorageServiceOverride(),
    ...getExplorerServiceOverride(), // File tree
    ...getMarkersServiceOverride(), // Error/warning/info messages
    ...getDialogsServiceOverride(), // Dialogs
    ...getNotificationServiceOverride(), // Notifications
    ...getWorkingCopyServiceOverride(),
  };

  const workspaceFileUri = vscode.Uri.file("/workspace.code-workspace");
  const vscodeApiConfig = await augmentVscodeApiConfig("extended", {
    vscodeApiConfig: {
      serviceOverrides,
      enableExtHostWorker: true,
      viewsConfig: {
        viewServiceType: "ViewsService",
      },
      workspaceConfig: {
        enableWorkspaceTrust: true,
        workspaceProvider: {
          trusted: true,
          async open() {
            window.open(window.location.href);
            return true;
          },
          workspace: {
            workspaceUri: workspaceFileUri,
          },
        },
      },
    },
    logLevel: LogLevel.Debug,
  });

  await initUserConfiguration(getDefaultUserConfiguration(theme));

  await initServices(vscodeApiConfig, {
    htmlContainer: document.body,
    performServiceConsistencyChecks: () => true,
  });

  const wrapper = new MonacoEditorLanguageClientWrapper();
  await wrapper.init({
    $type: "extended",
    automaticallyDispose: true,
    extensions: [],
    logLevel: LogLevel.Debug,
    vscodeApiConfig: {
      vscodeApiInitPerformExternally: true,
      ...vscodeApiConfig,
    },
    editorAppConfig: {
      editorOptions: {
        overflowWidgetsDomNode: createWidgetsDomNode(),
        fixedOverflowWidgets: true,
        scrollBeyondLastLine: true,
        suggest: {
          snippetsPreventQuickSuggestions: false,
        },
        quickSuggestions: { other: true, strings: true },
      },
    },
    languageClientConfigs: undefined,
  });

  await wrapper.start();
}

[CGNonofr]

I'm not sure then 🤔 no error either in the browser console or in the output tab?

[wfortin]

I can get the History files to show up when saving, but not the "Backup" ones, when I edit the file.
No errors in the console. I'm on version 17.1.3 if that's helpful.

[CGNonofr]

Maybe start by updating to the last version, I remember fixing something related at some point

[wfortin]

Ok, thanks I appreciate the quick response!

[wfortin]

Updated to v20.2.1 and this solved my issue.