@girs/gsk-4.0 4.0.0-3.2.3 → 4.0.0-3.2.5

package/README.md

@@ -5,7 +5,7 @@
 ![downloads/week](https://img.shields.io/npm/dw/@girs/gsk-4.0)
 
 
-GJS TypeScript type definitions for Gsk-4.0, generated from library version 4.0.0 using [ts-for-gir](https://github.com/gjsify/ts-for-gir) v3.2.3.
+GJS TypeScript type definitions for Gsk-4.0, generated from library version 4.0.0 using [ts-for-gir](https://github.com/gjsify/ts-for-gir) v3.2.5.
 
 
 ## Install
@@ -81,6 +81,19 @@ Now you have also type support for this, too:
 const Gsk = imports.gi.Gsk;
 ```
 
+
+### ESM vs. CommonJS
+
+GJS supports two different import syntaxes. The new modern ESM syntax and the old global imports syntax.
+
+In TypeScript projects for GJS and GNOME Shell extensions, you have the flexibility to use `ESM` syntax and then decide the import syntax for your bundled file. If your bundler is configured to use `CommonJS`, it will convert to the GJS-specific global imports syntax, like `const moduleName = imports.gi[moduleName]`. This is different from the traditional `require` syntax seen in Node.js. The global imports syntax is chosen because it aligns with the CommonJS format supported by NPM, which is used for the generated type definitions and this package.
+
+On the other hand, if you configure your bundler to use ESM, it will retain the ESM import syntax. It's crucial to ensure that your bundler is set up to correctly translate and bundle these imports into either CommonJS or ESM format, depending on your project's requirements.
+
+This approach is particularly important due to the `@girs` types, which include both `*.cjs `files, using the GJS global imports syntax, and `*.js` files, which utilize the ESM syntax. By appropriately setting up your bundler, you can control which syntax—CommonJS or ESM—is used in your project. The choice of CommonJS in this context is also due to the similarity between the GJS-specific global imports and CommonJS syntax, allowing for easier management and bundling in these specific types of projects.
+
+Since GNOME Shell 45, you should only use ESM, even for GNOME Shell extensions. Before that, extensions had to use the global import syntax, unlike normal GJS applications, where ESM has been available for some time.
+
 ### Bundle
 
 Depending on your project configuration, it is recommended to use a bundler like [esbuild](https://esbuild.github.io/). You can find examples using different bundlers [here](https://github.com/gjsify/ts-for-gir/tree/main/examples).

package/gsk-4.0-ambient.d.ts

@@ -1,5 +1,4 @@
 
-
 declare module 'gi://Gsk?version=4.0' {
     import Gsk40 from '@girs/gsk-4.0';
     export default Gsk40;

package/gsk-4.0-import.d.ts

@@ -1,5 +1,4 @@
 
-
 import Gsk40 from '@girs/gsk-4.0';
 
 declare global {

package/gsk-4.0.d.cts

@@ -883,11 +883,12 @@ export class ColorMatrixNode extends RenderNode {
      * Creates a `GskRenderNode` that will drawn the `child` with
      * `color_matrix`.
      * 
-     * In particular, the node will transform the operation
+     * In particular, the node will transform colors by applying
      * 
-     *     pixel = color_matrix * pixel + color_offset
+     *     pixel = transpose(color_matrix) * pixel + color_offset
      * 
-     * for every pixel.
+     * for every pixel. The transformation operates on unpremultiplied
+     * colors, with color components ordered R, G, B, A.
      * @constructor 
      * @param child The node to draw
      * @param color_matrix The matrix to apply
@@ -899,11 +900,12 @@ export class ColorMatrixNode extends RenderNode {
      * Creates a `GskRenderNode` that will drawn the `child` with
      * `color_matrix`.
      * 
-     * In particular, the node will transform the operation
+     * In particular, the node will transform colors by applying
      * 
-     *     pixel = color_matrix * pixel + color_offset
+     *     pixel = transpose(color_matrix) * pixel + color_offset
      * 
-     * for every pixel.
+     * for every pixel. The transformation operates on unpremultiplied
+     * colors, with color components ordered R, G, B, A.
      * @constructor 
      * @param child The node to draw
      * @param color_matrix The matrix to apply
@@ -3321,7 +3323,8 @@ export interface Transform {
      */
     ref(): Transform | null
     /**
-     * Rotates `next` `angle` degrees in 2D - or in 3D-speak, around the z axis.
+     * Rotates `next` `angle` degrees in 2D - or in 3D-speak, around the Z axis.
+     * The rotation happens around the origin point of (0, 0).
      * @param angle the rotation angle, in degrees (clockwise)
      * @returns The new transform
      */

package/gsk-4.0.d.ts

@@ -885,11 +885,12 @@ class ColorMatrixNode extends RenderNode {
      * Creates a `GskRenderNode` that will drawn the `child` with
      * `color_matrix`.
      * 
-     * In particular, the node will transform the operation
+     * In particular, the node will transform colors by applying
      * 
-     *     pixel = color_matrix * pixel + color_offset
+     *     pixel = transpose(color_matrix) * pixel + color_offset
      * 
-     * for every pixel.
+     * for every pixel. The transformation operates on unpremultiplied
+     * colors, with color components ordered R, G, B, A.
      * @constructor 
      * @param child The node to draw
      * @param color_matrix The matrix to apply
@@ -901,11 +902,12 @@ class ColorMatrixNode extends RenderNode {
      * Creates a `GskRenderNode` that will drawn the `child` with
      * `color_matrix`.
      * 
-     * In particular, the node will transform the operation
+     * In particular, the node will transform colors by applying
      * 
-     *     pixel = color_matrix * pixel + color_offset
+     *     pixel = transpose(color_matrix) * pixel + color_offset
      * 
-     * for every pixel.
+     * for every pixel. The transformation operates on unpremultiplied
+     * colors, with color components ordered R, G, B, A.
      * @constructor 
      * @param child The node to draw
      * @param color_matrix The matrix to apply
@@ -3323,7 +3325,8 @@ interface Transform {
      */
     ref(): Transform | null
     /**
-     * Rotates `next` `angle` degrees in 2D - or in 3D-speak, around the z axis.
+     * Rotates `next` `angle` degrees in 2D - or in 3D-speak, around the Z axis.
+     * The rotation happens around the origin point of (0, 0).
      * @param angle the rotation angle, in degrees (clockwise)
      * @returns The new transform
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@girs/gsk-4.0",
-  "version": "4.0.0-3.2.3",
+  "version": "4.0.0-3.2.5",
   "description": "GJS TypeScript type definitions for Gsk-4.0, generated from library version 4.0.0",
   "type": "module",
   "module": "gsk-4.0.js",
@@ -25,19 +25,19 @@
     "test:cjs": "NODE_OPTIONS=--max_old_space_size=9216 tsc --noEmit gsk-4.0.d.cts"
   },
   "dependencies": {
-    "@girs/cairo-1.0": "^1.0.0-3.2.3",
-    "@girs/freetype2-2.0": "^2.0.0-3.2.3",
-    "@girs/gdk-4.0": "^4.0.0-3.2.3",
-    "@girs/gdkpixbuf-2.0": "^2.0.0-3.2.3",
-    "@girs/gio-2.0": "^2.76.1-3.2.3",
-    "@girs/gjs": "^3.2.3",
-    "@girs/glib-2.0": "^2.76.1-3.2.3",
-    "@girs/gmodule-2.0": "^2.0.0-3.2.3",
-    "@girs/gobject-2.0": "^2.76.1-3.2.3",
-    "@girs/graphene-1.0": "^1.0.0-3.2.3",
-    "@girs/harfbuzz-0.0": "^7.1.0-3.2.3",
-    "@girs/pango-1.0": "^1.50.14-3.2.3",
-    "@girs/pangocairo-1.0": "^1.0.0-3.2.3"
+    "@girs/cairo-1.0": "^1.0.0-3.2.5",
+    "@girs/freetype2-2.0": "^2.0.0-3.2.5",
+    "@girs/gdk-4.0": "^4.0.0-3.2.5",
+    "@girs/gdkpixbuf-2.0": "^2.0.0-3.2.5",
+    "@girs/gio-2.0": "^2.78.0-3.2.5",
+    "@girs/gjs": "^3.2.5",
+    "@girs/glib-2.0": "^2.78.0-3.2.5",
+    "@girs/gmodule-2.0": "^2.0.0-3.2.5",
+    "@girs/gobject-2.0": "^2.78.0-3.2.5",
+    "@girs/graphene-1.0": "^1.0.0-3.2.5",
+    "@girs/harfbuzz-0.0": "^8.2.1-3.2.5",
+    "@girs/pango-1.0": "^1.51.0-3.2.5",
+    "@girs/pangocairo-1.0": "^1.0.0-3.2.5"
   },
   "devDependencies": {
     "typescript": "*"