typescript - Rename interface from imported type

Question

In Google Apps Script, I'm using the Advanced Calendar Service, which uses a default symbol "Calendar", but I renamed it to "CalendarService". What do I need to do include this name change when using the type definitions for Apps Script in a TypeScript project?

Modifying the type definition file directly is something that I'd rather not do as it's an installed npm package.

// ./node_modules/@types/google-apps-script/apis/calendar_v3.d.ts
// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/google-apps-script/apis/calendar_v3.d.ts

declare namespace GoogleAppsScript {
  namespace Calendar {}
  interface Calendar {}
}

declare var Calendar: GoogleAppsScript.Calendar;

As it stands, the naming creates two issues:

1. Usage of the advanced service isn't correctly picked up by the TypeScript compiler
2. I can't have a global Calendar (maybe an issue that can be treated separately, but I'd like to use that name)

class Calendar {
  id: string;
  constructor(id) {
    this.id = id;
  }

  getEvent(eventId): GoogleAppsScript.Calendar.Schema.Event {
    // TypeScript cannot find `CalendarService`
    return CalendarService.Events.get(this.id, eventId);
  }
}

question from:https://stackoverflow.com/questions/65852230/rename-interface-from-imported-type

Answer 1

Using patch-package to commit changes to the type definition file, which allows:

• A full rename of the global Calendar variable to CalendarService.
• A visible and automated way for changes to be applied and shared in the project.

To setup:

1. npm i patch-package --save-dev

2. Add "postinstall": "patch-package" to package.json scripts

3. Rename declared variable in the type definition file:

   -declare var Calendar: GoogleAppsScript.Calendar;
   +declare var CalendarService: GoogleAppsScript.Calendar;
   

4. npx patch-package @types/google-apps-script (or use yarn)