gjsify · JumpLink · Jul 24, 2024 · Jul 24, 2024 · Jul 24, 2024 · Jul 24, 2024
diff --git a/examples/README.md b/examples/README.md
@@ -57,10 +57,10 @@ Run the client:
 yarn start:client
 ```
 
-## Gtk-3.0 Browser
+## Gtk3 Browser
 ![gtk-3-browser](gtk-3-browser/preview.png)
 
-A simple browser using Gtk-3.0 and WebKit-2.0
+A simple browser using Gtk3 and WebKit-2.0
 
 Source: [gtk-3-browser](gtk-3-browser)  
 Bundler: Webpack  
@@ -71,7 +71,7 @@ cd /examples/gtk-3-browser
 yarn start
 ```
 
-## Gtk-3.0 Builder
+## Gtk3 Builder
 ![gtk-3-builder](gtk-3-builder/preview.png)
 
 Source: [gtk-3-builder](gtk-3-builder)  
@@ -83,7 +83,32 @@ cd /examples/gtk-3-builder
 yarn start
 ```
 
-## Gtk-3.0 Editor
+## Gtk3 Calc
+![gtk-3-calc](gtk-3-calc/preview.png)
+
+Source: [gtk-3-calc](gtk-3-calc)  
+Bundler: Esbuild  
+
+Build and run:
+```bash
+cd /examples/gtk-3-calc
+yarn start
+```
+
+## Gtk3 Clutter (TSC)
+![gtk-3-clutter](gtk-3-clutter-tsc/preview.png)
+
+Source: [gtk-3-clutter](gtk-3-clutter-tsc)  
+Bundler: TSC  
+
+Build and run:
+```bash
+cd /examples/gtk-3-clutter-tsc
+yarn start
+```
+
+
+## Gtk3 Editor
 ![gtk-3-editor](gtk-3-editor/preview.png)
 
 Source: [gtk-3-editor](gtk-3-editor)  
@@ -95,7 +120,7 @@ cd /examples/gtk-3-editor
 yarn start
 ```
 
-## Gtk-3.0 Hello Gtk
+## Gtk3 Hello Gtk
 ![gtk-3-hello](gtk-3-hello/preview.png)
 
 Source: [gtk-3-hello](gtk-3-hello)  
@@ -107,7 +132,7 @@ cd /examples/gtk-3-hello
 yarn start
 ```
 
-## Gtk-4.0 ListStore
+## Gtk4 ListStore
 ![gtk-4-list-store](gtk-4-list-store/preview.png)
 
 GJS example showing how to build Gtk4 applications using `Gtk.TreeView` and `Gtk.ListStore`

diff --git a/examples/adw-1-hello/package.json b/examples/adw-1-hello/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/adw-1-hello-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "Simple GJS Typescript hello-world example using Libadwaita",
   "type": "module",
   "private": true,

diff --git a/examples/cairo-surfaces-tsc/main.ts b/examples/cairo-surfaces-tsc/main.ts
@@ -0,0 +1,11 @@
+import Cairo from 'cairo';
+
+const imageSurface = new Cairo.ImageSurface(Cairo.Format.ARGB32, 10, 10);
+
+const pngSurface = Cairo.ImageSurface.createFromPNG('filename.png');
+
+const pdfSurface = new Cairo.PDFSurface('filename.pdf', 32, 32);
+
+const psSurface = new Cairo.PSSurface('filename.ps', 32, 32);
+
+const svgSurface = new Cairo.SVGSurface('filename.svg', 32, 32);
diff --git a/examples/cairo-surfaces-tsc/package.json b/examples/cairo-surfaces-tsc/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@ts-for-gir-example/cairo-surfaces-tsc",
+  "version": "4.0.0-beta.12",
+  "description": "Simple cairo-surfaces GJS example",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:app": "tsc",
+    "build": "yarn build:app",
+    "start:app": "gjs -m dist/main.js",
+    "debug:app": "GTK_DEBUG=interactive yarn start:app",
+    "start": "yarn build && yarn start:app",
+    "validate": "yarn validate:types",
+    "validate:types": "tsc --noEmit",
+    "clear": "rm -rf dist @types"
+  },
+  "author": "Pascal Garber <[email protected]>",
+  "license": "MIT",
+  "devDependencies": {
+    "typescript": "^5.5.3"
+  },
+  "dependencies": {
+    "@girs/gjs": "workspace:^"
+  }
+}
diff --git a/examples/cairo-surfaces-tsc/preview.png b/examples/cairo-surfaces-tsc/preview.png
diff --git a/examples/cairo-surfaces-tsc/tsconfig.json b/examples/cairo-surfaces-tsc/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {   
+    "lib": ["ESNext"],
+    "types": ["@girs/gjs", "@girs/gjs/dom"],
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "outDir": "./dist"
+  },
+  "files": [
+    "main.ts",
+  ]
+}
diff --git a/examples/gio-2-cat/package.json b/examples/gio-2-cat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gio-2-cat-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "Simple GJS Gtk 3 example app that shows how to use Gio-2.0 to read a file from the local file system",
   "main": "index.js",
   "type": "module",

diff --git a/examples/gio-2-dbus/package.json b/examples/gio-2-dbus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gio-2-dbus-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "GJS example showing how to build a DBus server/client",
   "main": "index.js",
   "type": "module",

diff --git a/examples/gio-2-list-model/package.json b/examples/gio-2-list-model/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gio-2-list-model-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "An example of implementing the GListModel interface in GJS",
   "main": "index.js",
   "type": "module",

diff --git a/examples/glib-2-spawn-command/package.json b/examples/glib-2-spawn-command/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/glib-2-spawn-command-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "",
   "type": "module",
   "private": true,

diff --git a/examples/glib-2-variant/package.json b/examples/glib-2-variant/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/glib-2-variant-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "ts-for-gir GVariant example based on https://gjs.guide/guides/glib/gvariant.html",
   "type": "module",
   "private": true,

diff --git a/examples/gtk-3-browser/package.json b/examples/gtk-3-browser/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gtk-3-browser-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "type": "module",
   "private": true,
   "scripts": {

diff --git a/examples/gtk-3-builder/package.json b/examples/gtk-3-builder/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gtk-3-builder-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "type": "module",
   "private": true,
   "scripts": {

diff --git a/examples/gtk-3-calc/package.json b/examples/gtk-3-calc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ts-for-gir-example/gtk-3-calc-example",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.12",
   "description": "Simple GJS Gtk 3 calculator example app",
   "type": "module",
   "private": true,