globalThis woes with VSCode Deno extensions LSP

I'm having a hard time with the LSP 🤯 I have this code, which completes successful:

import { Debug } from "mods/Debug";
import { assertInstanceOf } from "@std/assert";

Deno.test("class Debug",
  async (t) => {
    await t.step("instanceof Map", () => {
      assertInstanceOf(new Debug(), Map);
    });
    await t.step("globalThis.debug instanceof Debug", () => {
      const _debug = new Debug();
      assertInstanceOf(
        // ts-ignore: we create it.
        globalThis.debug,
        Debug
      );
    });
  }
);

import { Debug } from "mods/Debug";
import { assertInstanceOf } from "@std/assert";

Deno.test("class Debug",
  async (t) => {
    await t.step("instanceof Map", () => {
      assertInstanceOf(new Debug(), Map);
    });
    await t.step("globalThis.debug instanceof Debug", () => {
      const _debug = new Debug();
      assertInstanceOf(
        // ts-ignore: we create it.
        globalThis.debug,
        Debug
      );
    });
  }
);

- This is what the constructor of Debug does at moment: (See also: https://discord.com/channels/684898665143206084/1066309002771845202/1339300627301273612)

   constructor(...args) {
     super(args); // Let Map() do the initial conversion automatically.
     // Create the global debug member if non-existant yet.
     // @ts-ignore: See bottom of this file...
     globalThis.debug ??= this;
   }

   constructor(...args) {
     super(args); // Let Map() do the initial conversion automatically.
     // Create the global debug member if non-existant yet.
     // @ts-ignore: See bottom of this file...
     globalThis.debug ??= this;
   }

- But i'm getting this error in the problem reporter window, for the ldebug in globalThis.debug, even though i used the comment above it

   Element implicitly has an 'any' type because type 'typeof globalThis' has no index signature.

   Element implicitly has an 'any' type because type 'typeof globalThis' has no index signature.

How do i get rid of this annoyance?

4 Replies

©TriMoon™OP•2mo ago

CodyC•2mo ago

You might need to move the ts-ignore up one line, so that it operates on assertInstanceOf() (and its arguments)? I'm not sure if it's designed to work on individual parameters. Alternatively, you might try adding as unknown to the use of globalThis.debug. But, you're running into this problem because typing on globalThis is ... complicated. It's a global. You can't generally be sure what its types are. Something might come along and overwrite values there. If you're trying to have a singleton, it's better to use a module export of a singleton and use that, instead of globalThis. export const debug = new Debug(...)

©TriMoon™OP•2mo ago

If you noticed, i am explicitly creating a entry on globalThis with an instance of this class on use inside the constructor. I only export the class itself not the instance, so that when you use new Debug() anywhere in your code the instance is also available on the globalThis.debug member. This is needed so that other code can check for existance of globalThis.debug to perform special actions during debugging and skip those when not... something like this

globalThis.debug?.somefunction() && ....

globalThis.debug?.somefunction() && ....

Like i said the code works, but deno's LSP is having PMS with my usage... PS: My use-case at moment is pure browser

Mr.Possumz•2mo ago

Have you declared the Debug key as existing on the global?

declare global {
    var debug: Debug;
}

globalThis.debug;

declare global {
    var debug: Debug;
}

globalThis.debug;

globalThis woes with VSCode Deno extensions LSP

Did you find this page helpful?