[gl] Export StackGL extension types

[SuperSodaSea]

Export STACKGL_destroy_context, STACKGL_resize_drawingbuffer and StackGLExtension in gl.

---

• Use a meaningful title for the pull request. Include the name of the package modified.
• Test the change in your own code. (Compile and run.)
• Add or edit tests to reflect the change.
• Follow the advice from the readme.
• Avoid common mistakes.
• Run npm test <package to test>.

If changing an existing definition:

• Provide a URL to documentation or source code which provides context for the suggested changes: Updating WebGLRenderingContext for node pixijs/pixijs#8842 (comment)

[typescript-bot]

@SuperSodaSea Thank you for submitting this PR! I see this is your first time submitting to DefinitelyTyped 👋 — I'm the local bot who will help you through the process of getting things through.

This is a live comment which I will keep updated.

1 package in this PR

• gl — on npm, on unpkg

Code Reviews

Because you edited one package and updated the tests (👏), I can help you merge this PR once someone else signs off on it.

You can test the changes of this PR in the Playground.

Status

• ✅ No merge conflicts
• ✅ Continuous integration tests have passed
• ✅ Most recent commit is approved by type definition owners, DT maintainers or others

All of the items on the list are green. To merge, you need to post a comment including the string "Ready to merge" to bring in your changes.

---

Diagnostic Information: What the bot saw about this PR

{
  "type": "info",
  "now": "-",
  "pr_number": 63222,
  "author": "SuperSodaSea",
  "headCommitOid": "f00d01c8dea62b3faa1e45e03e7778ab5bc515a2",
  "mergeBaseOid": "862eb1ac269afd36fc4318e1bc3d01dc5b2406a5",
  "lastPushDate": "2022-11-12T17:32:43.000Z",
  "lastActivityDate": "2022-11-15T02:39:01.000Z",
  "mergeOfferDate": "2022-11-15T01:57:26.000Z",
  "mergeRequestDate": "2022-11-15T02:39:01.000Z",
  "mergeRequestUser": "SuperSodaSea",
  "hasMergeConflict": false,
  "isFirstContribution": true,
  "tooManyFiles": false,
  "hugeChange": false,
  "popularityLevel": "Well-liked by everyone",
  "pkgInfo": [
    {
      "name": "gl",
      "kind": "edit",
      "files": [
        {
          "path": "types/gl/gl-tests.ts",
          "kind": "test"
        },
        {
          "path": "types/gl/index.d.ts",
          "kind": "definition"
        }
      ],
      "owners": [
        "DefinitelyTyped"
      ],
      "addedOwners": [],
      "deletedOwners": [],
      "popularityLevel": "Well-liked by everyone"
    }
  ],
  "reviews": [
    {
      "type": "approved",
      "reviewer": "michaeljherrmann",
      "date": "2022-11-15T01:56:44.000Z",
      "isMaintainer": false
    }
  ],
  "mainBotCommentID": 1312535623,
  "ciResult": "pass"
}

[typescript-bot]

🔔 @DefinitelyTyped — please review this PR in the next few days. Be sure to explicitly select Approve or Request Changes in the GitHub UI so I know what's going on.

[michaeljherrmann]

@SuperSodaSea how do you use the current gl library to get issues with types? When I do the following, I seem to have the correct typings:

import createContext, { WebGLRenderingContext } from 'gl';

const ctx1 = createContext(1, 1);
ctx1.getExtension('STACKGL_destroy_context').destroy();
ctx1.getExtension('STACKGL_resize_drawingbuffer').resize(2, 2);

const ctx2 = new WebGLRenderingContext();
ctx2.getExtension('STACKGL_destroy_context').destroy();
ctx2.getExtension('STACKGL_resize_drawingbuffer').resize(2, 2);

[michaeljherrmann]

Your changes also still work for me and make sense. I guess I'm just not sure why the previous code didn't quite work

[typescript-bot]

@SuperSodaSea: Everything looks good here. I am ready to merge this PR (at f00d01c) on your behalf whenever you think it's ready.

If you'd like that to happen, please post a comment saying:

Ready to merge

and I'll merge this PR almost instantly. Thanks for helping out! ❤️

(@DefinitelyTyped: you can do this too.)

[SuperSodaSea]

@michaeljherrmann The original types works just fine, but I want to use the types of the extensions directly:

import createContext from 'gl';
import type { STACKGL_resize_drawingbuffer, StackGLExtension } from 'gl';
class Foo {
    private context: WebGLRenderingContext & StackGLExtension;
    private resizeDrawingBuffer?: STACKGL_resize_drawingbuffer;
    constructor() {
        this.context = createContext(1, 1);
        this.resizeDrawingBuffer = this.context.getExtension('STACKGL_resize_drawingbuffer');
    }
}

Anyway, thanks for approving this.

[SuperSodaSea]

Ready to merge