Bump LDL version & update imports

Author: kemmerle

package-lock.json

@@ -587,7 +587,7 @@
         ]
     },
     "dependencies": {
-        "@hubspot/local-dev-lib": "^1.13.1",
+        "@hubspot/local-dev-lib": "^3.1.0",
         "dayjs": "^1.11.7",
         "findup-sync": "^5.0.0",
         "fs-extra": "^9.0.1",

package.json

@@ -1,19 +1,18 @@
 import { commands } from 'vscode';
 import { COMMANDS, EVENTS } from './constants';
-
-const {
+import {
   findConfig,
   loadConfig,
   validateConfig,
   setConfig,
   setConfigPath,
-} = require('@hubspot/local-dev-lib/config');
+} from '@hubspot/local-dev-lib/config';
 
 const onLoadPath = (configPath: string) => {
   commands.executeCommand('setContext', 'hubspot.configPath', configPath);
   if (!configPath) {
     commands.executeCommand(COMMANDS.CONFIG.SET_DEFAULT_ACCOUNT, null);
-    setConfig(null);
+    setConfig(undefined);
     setConfigPath(null);
   }
 };
@@ -26,13 +25,13 @@ export const loadHubspotConfigFile = (rootPath: string) => {
   console.log(`rootPath: ${rootPath}`);
 
   const path = findConfig(rootPath);
-  onLoadPath(path);
 
   console.log(`path: ${path}`);
 
   if (!path) {
     return;
   }
+  onLoadPath(path);
 
   loadConfig(path);
 

src/lib/auth.ts

@@ -6,14 +6,13 @@ import { Portal } from '../types';
 import { portalNameInvalid } from '../validation';
 import { trackEvent } from '../tracking';
 import { showAutoDismissedStatusBarMessage } from '../messaging';
-
-const { getConfig } = require('@hubspot/local-dev-lib/config');
-const {
+import {
+  getConfig,
   deleteAccount,
   deleteConfigFile,
   renameAccount,
   updateDefaultAccount,
-} = require('@hubspot/local-dev-lib/config');
+} from '@hubspot/local-dev-lib/config';
 
 const showRenameAccountPrompt = (accountToRename: Portal) => {
   window
@@ -23,7 +22,12 @@ const showRenameAccountPrompt = (accountToRename: Portal) => {
     .then(async (newName: string | undefined) => {
       if (newName) {
         const oldName = accountToRename.name || accountToRename.portalId;
-        const invalidReason = portalNameInvalid(newName, getConfig());
+        const config = getConfig();
+        let invalidReason = '';
+        if (config) {
+          // @ts-expect-error TODO: Fix this when updating local-dev-lib
+          invalidReason = portalNameInvalid(newName, config);
+        }
 
         if (!invalidReason) {
           renameAccount(oldName, newName);
@@ -73,14 +77,18 @@ export const registerCommands = (context: ExtensionContext) => {
       COMMANDS.CONFIG.SELECT_DEFAULT_ACCOUNT,
       async () => {
         const config = getConfig();
+        // @ts-expect-error TODO: Fix this when updating local-dev-lib
         if (config && config.portals) {
           window
             .showQuickPick(
+              // @ts-expect-error TODO: Fix this when updating local-dev-lib
               config.portals.map((p: Portal) => {
                 return {
                   label: getDisplayedHubspotPortalInfo(p),
                   description:
+                    // @ts-expect-error TODO: Fix this when updating local-dev-lib
                     config.defaultPortal === p.portalId ||
+                    // @ts-expect-error TODO: Fix this when updating local-dev-lib
                     config.defaultPortal === p.name
                       ? '(default)'
                       : '',
@@ -134,6 +142,7 @@ export const registerCommands = (context: ExtensionContext) => {
           )
           .then(async (answer) => {
             if (answer === 'Yes') {
+              // @ts-expect-error TODO: Fix this when updating local-dev-lib
               if (config && config.portals.length === 1) {
                 deleteConfigFile();
                 showAutoDismissedStatusBarMessage(

src/lib/commands/config.ts

@@ -2,8 +2,12 @@ import { existsSync, statSync } from 'fs';
 import { join } from 'path';
 import { ExtensionContext, window, commands, Uri } from 'vscode';
 import { COMMANDS, TRACKED_EVENTS } from '../constants';
-import { buildStatusBarItem, getRootPath } from '../helpers';
-import { invalidateParentDirectoryCache } from '../helpers';
+import {
+  buildStatusBarItem,
+  getRootPath,
+  invalidateParentDirectoryCache,
+  showMissingAccountError,
+} from '../helpers';
 import { trackEvent } from '../tracking';
 
 const { deleteFile, upload } = require('@hubspot/local-dev-lib/api/fileMapper');
@@ -26,6 +30,7 @@ export const registerCommands = (context: ExtensionContext) => {
     commands.registerCommand(
       COMMANDS.REMOTE_FS.FETCH,
       async (clickedFileLink) => {
+        showMissingAccountError();
         const remoteFilePath = clickedFileLink.path;
         // We use showOpenDialog instead of showSaveDialog because the latter has worse support for this use-case
         const destPath = await window.showOpenDialog({
@@ -67,7 +72,7 @@ export const registerCommands = (context: ExtensionContext) => {
         trackEvent(TRACKED_EVENTS.REMOTE_FS.FETCH);
         try {
           await downloadFileOrFolder(
-            getAccountId(),
+            getAccountId()!,
             remoteFilePath,
             localFilePath,
             undefined,
@@ -91,6 +96,7 @@ export const registerCommands = (context: ExtensionContext) => {
     commands.registerCommand(
       COMMANDS.REMOTE_FS.DELETE,
       async (clickedFileLink) => {
+        showMissingAccountError();
         console.log(COMMANDS.REMOTE_FS.DELETE);
         const filePath = clickedFileLink.path;
         const selection = await window.showWarningMessage(
@@ -103,7 +109,7 @@ export const registerCommands = (context: ExtensionContext) => {
         trackEvent(TRACKED_EVENTS.REMOTE_FS.DELETE);
         const deletingStatus = buildStatusBarItem(`Deleting...`);
         deletingStatus.show();
-        deleteFile(getAccountId(), filePath)
+        deleteFile(getAccountId()!, filePath)
           .then(() => {
             window.showInformationMessage(`Successfully deleted "${filePath}"`);
             invalidateParentDirectoryCache(filePath);
@@ -126,6 +132,7 @@ export const registerCommands = (context: ExtensionContext) => {
     commands.registerCommand(
       COMMANDS.REMOTE_FS.UPLOAD,
       async (clickedFileLink) => {
+        showMissingAccountError();
         let srcPath: string;
         if (
           clickedFileLink === undefined ||
@@ -246,7 +253,8 @@ const handleFileUpload = async (srcPath: string, destPath: string) => {
     return;
   }
   trackEvent(TRACKED_EVENTS.REMOTE_FS.UPLOAD_FILE);
-  upload(getAccountId(), srcPath, destPath)
+  showMissingAccountError();
+  upload(getAccountId()!, srcPath, destPath)
     .then(() => {
       window.showInformationMessage(
         `Uploading files to "${destPath}" was successful`
@@ -268,16 +276,7 @@ const handleFolderUpload = async (srcPath: string, destPath: string) => {
     `Beginning upload of "${srcPath}" to "${destPath}"...`
   );
   trackEvent(TRACKED_EVENTS.REMOTE_FS.UPLOAD_FOLDER);
-  uploadFolder(
-    getAccountId(),
-    srcPath,
-    destPath,
-    {
-      mode: 'publish',
-    },
-    {},
-    filePaths
-  )
+  uploadFolder(getAccountId()!, srcPath, destPath, {}, {}, filePaths, 'publish')
     .then(async (results: any) => {
       if (!hasUploadErrors(results)) {
         window.showInformationMessage(

src/lib/commands/remoteFs.ts

@@ -16,7 +16,7 @@ export const VSCODE_SEVERITY = {
   EXCEPTION: 'Error',
   MISSING: 'Warning',
   OTHER: 'Information',
-};
+} as const;
 
 export const EXTENSION_CONFIG_NAME = 'hubspot';
 export const HUBL_HTML_ID = 'html-hubl';
@@ -156,4 +156,6 @@ export const TEMPLATE_NAMES = {
   TEMPLATE: 'page-template',
   PARTIAL: 'partial',
   GLOBAL_PARTIAL: 'global-partial',
-};
+} as const;
+
+export const VALIDATION_DEBOUNCE_TIME = 250;

src/lib/constants.ts

@@ -1,5 +1,7 @@
 import { dirname } from 'path';
 import { window, commands, workspace, StatusBarAlignment } from 'vscode';
+import { getAccountId } from '@hubspot/local-dev-lib/config';
+
 import { COMMANDS } from './constants';
 import { HubspotConfig, Portal } from './types';
 
@@ -99,3 +101,13 @@ export const buildStatusBarItem = (text: string) => {
   statusBarItem.text = text;
   return statusBarItem;
 };
+
+export function showMissingAccountError() {
+  const accountId = getAccountId();
+  if (!accountId) {
+    window.showErrorMessage(
+      'No account selected; Authorize an account with the HubSpot CLI'
+    );
+    return;
+  }
+}

src/lib/helpers.ts

@@ -1,6 +1,7 @@
 import { TextDocumentContentProvider, EventEmitter, Uri } from 'vscode';
-const { download } = require('@hubspot/local-dev-lib/api/fileMapper');
-const { getAccountId } = require('@hubspot/local-dev-lib/config');
+import { download } from '@hubspot/local-dev-lib/api/fileMapper';
+import { getAccountId } from '@hubspot/local-dev-lib/config';
+import { showMissingAccountError } from '../helpers';
 
 export const RemoteFileProvider = new (class
   implements TextDocumentContentProvider
@@ -9,11 +10,12 @@ export const RemoteFileProvider = new (class
   onDidChange = this.onDidChangeEmitter.event;
 
   async provideTextDocumentContent(uri: Uri): Promise<string | undefined> {
+    showMissingAccountError();
     const filepath = uri.toString().split(':')[1];
     // filepath must be de-encoded since it gets reencoded by download in cli-lib
     const decodedFilePath = decodeURIComponent(filepath);
     try {
-      const file = await download(getAccountId(), decodedFilePath);
+      const { data: file } = await download(getAccountId()!, decodedFilePath);
       return `[[ READONLY: @remote/${decodedFilePath} ]]\n` + file.source;
     } catch (e) {
       console.log(e);

src/lib/providers/remoteFileProvider.ts

@@ -10,7 +10,11 @@ import {
 } from 'vscode';
 import { FileLink, RemoteFsDirectory } from '../types';
 import * as path from 'path';
-import { buildStatusBarItem, invalidateParentDirectoryCache } from '../helpers';
+import {
+  buildStatusBarItem,
+  invalidateParentDirectoryCache,
+  showMissingAccountError,
+} from '../helpers';
 import { trackEvent } from '../tracking';
 import { TRACKED_EVENTS } from '../constants';
 const {
@@ -100,20 +104,21 @@ export class RemoteFsProvider implements TreeDataProvider<FileLink> {
   changeWatch(srcPath: string, destPath: string, filesToUpload: any): void {
     trackEvent(TRACKED_EVENTS.REMOTE_FS.WATCH);
     const setWatch = () => {
+      showMissingAccountError();
       const uploadingStatus = buildStatusBarItem('Uploading...');
       uploadingStatus.show();
       window.showInformationMessage(
         `Beginning initial upload of ${srcPath} to ${destPath}...`
       );
-      this.currentWatcher = watch(
-        getAccountId(),
+      let { data: watcher } = watch(
+        getAccountId()!,
         srcPath,
         destPath,
         {
-          mode: 'publish',
+          cmsPublishMode: 'publish',
           remove: true,
           disableInitial: false,
-          notify: false,
+          notify: 'none',
           commandOptions: {},
           filePaths: filesToUpload,
         },
@@ -139,13 +144,14 @@ export class RemoteFsProvider implements TreeDataProvider<FileLink> {
           window.showErrorMessage(`Upload folder error: ${error}`);
         },
         // onQueueAddError
-        null,
+        undefined,
         // onUploadFileError
-        (error: any) => {
+        (file: string, dest: string, accountId: number) => (error: any) => {
           uploadingStatus.dispose();
           window.showErrorMessage(`Upload file error: ${error}`);
         }
       );
+      this.currentWatcher = watcher;
       this.currentWatcher.on('raw', (event: any, path: any, details: any) => {
         if (event === 'created' || event === 'moved') {
           const pathToInvalidate = this.equivalentRemotePath(path);
@@ -174,13 +180,14 @@ export class RemoteFsProvider implements TreeDataProvider<FileLink> {
   }
 
   async getChildren(parent?: FileLink): Promise<FileLink[]> {
+    showMissingAccountError();
     const remoteDirectory: string = parent?.path ? parent.path : '/';
     let directoryContents: any = this.remoteFsCache.get(remoteDirectory);
     if (directoryContents === undefined) {
-      directoryContents = await getDirectoryContentsByPath(
+      ({ data: directoryContents } = await getDirectoryContentsByPath(
         getAccountId(),
         remoteDirectory
-      );
+      ));
       // Default content wasn't originally in this endpoint and so doesn't show up unless manually queried
       if (remoteDirectory === '/') {
         directoryContents.children = [

src/lib/providers/remoteFsProvider.ts

@@ -9,7 +9,7 @@ import {
 import { getDisplayedHubspotPortalInfo } from '../../helpers';
 import { HubspotConfig, Portal } from '../../types';
 
-const { getConfig } = require('@hubspot/local-dev-lib/config');
+import { getConfig } from '@hubspot/local-dev-lib/config';
 
 const isDefaultPortal = (portal: Portal, config: HubspotConfig) => {
   return (
@@ -29,8 +29,9 @@ const getAccountIdentifiers = (portal: Portal) => {
 };
 
 export class AccountsProvider implements TreeDataProvider<Portal> {
-  private config: HubspotConfig;
+  private config: HubspotConfig | null;
   constructor() {
+    // @ts-expect-error TODO: Fix this when updating local-dev-lib
     this.config = getConfig();
   }
 
@@ -48,13 +49,15 @@ export class AccountsProvider implements TreeDataProvider<Portal> {
     return new AccountTreeItem(
       name,
       p,
+      // @ts-expect-error TODO: Fix this when updating local-dev-lib
       { isDefault: isDefaultPortal(p, this.config) },
       TreeItemCollapsibleState.None
     );
   }
 
   getChildren(): Thenable<Portal[] | undefined> {
     console.log('AccountsProvider:getChildren');
+    // @ts-expect-error TODO: Fix this when updating local-dev-lib
     this.config = getConfig();
 
     if (this.config && this.config.portals) {