@gtkx/vitest 0.20.0 → 0.21.0

package/README.md

@@ -1,23 +1,39 @@
 <p align="center">
- <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="60" height="60">
+    <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="100" height="100">
 </p>
 
 <h1 align="center">GTKX</h1>
 
 <p align="center">
- <strong>Build native GTK4 desktop applications with React and TypeScript.</strong>
+    <strong>Linux application development for the modern age powered by GTK4 and React</strong>
 </p>
 
 <p align="center">
- <a href="https://www.npmjs.com/package/@gtkx/react"><img src="https://img.shields.io/npm/v/@gtkx/react.svg" alt="npm version"></a>
- <a href="https://github.com/gtkx-org/gtkx/actions"><img src="https://img.shields.io/github/actions/workflow/status/eugeniodepalo/gtkx/ci.yml" alt="CI"></a>
- <a href="https://github.com/gtkx-org/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License"></a>
- <a href="https://github.com/gtkx-org/gtkx/discussions"><img src="https://img.shields.io/badge/discussions-GitHub-blue" alt="GitHub Discussions"></a>
+    <a href="https://www.npmjs.com/package/@gtkx/react"><img src="https://img.shields.io/npm/v/@gtkx/react.svg" alt="npm version"></a>
+    <a href="https://github.com/gtkx-org/gtkx/actions"><img src="https://img.shields.io/github/actions/workflow/status/eugeniodepalo/gtkx/ci.yml" alt="CI"></a>
+    <a href="https://github.com/gtkx-org/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License"></a>
+    <a href="https://github.com/gtkx-org/gtkx/discussions"><img src="https://img.shields.io/badge/discussions-GitHub-blue" alt="GitHub Discussions"></a>
 </p>
 
 ---
 
-GTKX lets you write Linux desktop applications using React. Your components render as native GTK4 widgets through a Rust FFI bridge—no webviews, no Electron, just native performance with the developer experience you already know.
+<p align="center">
+    <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/demo.gif" alt="GTKX Demo" width="100%">
+</p>
+
+---
+
+GTKX is a modern framework for building native Linux applications using React and GTK. It provides the full range of GTK4, GLib, and Node.js APIs, allowing you to create rich, performant desktop applications with the tools and libraries you already know.
+
+## Features
+
+- **React 19** — Hooks, concurrent features, and the component model you know
+- **Fully native Node.js environment** - Runs on vanilla Node.js, with the help of a Neon native module
+- **TypeScript first** — Full type safety with auto-generated bindings
+- **Rich GLib support** — Provides bindings for most modern GLib/GObject libraries, including Adwaita
+- **HMR** — Fast refresh during development powered by Vite
+- **CSS-in-JS styling** — Easy styling with GTK CSS powered by Emotion
+- **Testing library** — Testing Library-inspired API for testing components and E2E
 
 ## Quick Start
 
@@ -27,66 +43,14 @@ cd my-app
 npm run dev
 ```
 
-## Example
-
-```tsx
-import {
-  GtkApplicationWindow,
-  GtkBox,
-  GtkButton,
-  GtkLabel,
-  quit,
-  render,
-} from "@gtkx/react";
-import * as Gtk from "@gtkx/ffi/gtk";
-import { useState } from "react";
-
-const App = () => {
-  const [count, setCount] = useState(0);
-
-  return (
-    <GtkApplicationWindow
-      title="Counter"
-      defaultWidth={300}
-      defaultHeight={200}
-      onClose={quit}
-    >
-      <GtkBox
-        orientation={Gtk.Orientation.VERTICAL}
-        spacing={20}
-        valign={Gtk.Align.CENTER}
-      >
-        <GtkLabel label={`Count: ${count}`} cssClasses={["title-1"]} />
-        <GtkButton label="Increment" onClicked={() => setCount((c) => c + 1)} />
-      </GtkBox>
-    </GtkApplicationWindow>
-  );
-};
-
-render(<App />, "com.example.counter");
-```
-
-## Features
-
-- **React 19** — Hooks, concurrent features, and the component model you know
-- **Native GTK4 widgets** — Real native controls, not web components in a webview
-- **Adwaita support** — Modern GNOME styling with Libadwaita components
-- **Declarative animations** — Framer Motion-like API using native Adwaita animations
-- **Hot Module Replacement** — Fast refresh during development
-- **TypeScript first** — Full type safety with auto-generated bindings
-- **CSS-in-JS styling** — Familiar styling patterns adapted for GTK
-- **Testing utilities** — Component testing similar to Testing Library
-
 ## Examples
 
 Explore complete applications in the [`examples/`](./examples) directory:
 
-- **[gtk-demo](./examples/gtk-demo)** — Full replica of the official GTK demo app
 - **[hello-world](./examples/hello-world)** — Minimal application showing a counter
-- **[todo](./examples/todo)** — Full-featured todo application with Adwaita styling and testing
-- **[x-showcase](./examples/x-showcase)** — Showcase of all x.\* virtual components
+- **[gtk-demo](./examples/gtk-demo)** — Full replica of the official GTK demo app
+- **[tutorial](./examples/tutorial)** — Notes app from the tutorial with GSettings and Adwaita
 - **[browser](./examples/browser)** — Simple browser using WebKitWebView
-- **[deploying](./examples/deploying)** — Example of packaging and distributing a GTKX app
 
 ## Documentation
 
@@ -94,7 +58,7 @@ Visit [https://gtkx.dev](https://gtkx.dev) for the full documentation.
 
 ## Contributing
 
-Contributions are welcome! Please see the [contributing guidelines](./CONTRIBUTING.md) and check out the [good first issues](https://github.com/gtkx-org/gtkx/labels/good%20first%20issue).
+Contributions are welcome! Please see the [contributing guidelines](./CONTRIBUTING.md).
 
 ## Community
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/vitest",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Vitest plugin for GTKX applications with Xvfb display isolation",
   "keywords": [
     "gtkx",
@@ -38,7 +38,7 @@
     "src"
   ],
   "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.2"
   },
   "peerDependencies": {
     "vitest": ">=4"