@gtkx/css 0.9.0 → 0.9.2

package/README.md

@@ -22,7 +22,7 @@ GTKX lets you build native Linux desktop applications using React and TypeScript
 ## Features
 
 - **React** — Hooks, state, props, and components you already know
-- **Hot Reload** — Edit code and see changes instantly via Vite
+- **HMR** — Edit code and see changes instantly via Vite
 - **Native** — Direct FFI bindings to GTK4 via Rust and libffi
 - **CLI** — `npx @gtkx/cli@latest create` scaffolds a ready-to-go project
 - **CSS-in-JS** — Emotion-style `css` template literals for GTK styling
@@ -41,14 +41,7 @@ Edit your code and see changes instantly—no restart needed.
 ### Example
 
 ```tsx
-import {
-  render,
-  ApplicationWindow,
-  Box,
-  Button,
-  Label,
-  quit,
-} from "@gtkx/react";
+import { render, ApplicationWindow, Box, Button, quit } from "@gtkx/react";
 import * as Gtk from "@gtkx/ffi/gtk";
 import { useState } from "react";
 
@@ -58,7 +51,7 @@ const App = () => {
   return (
     <ApplicationWindow title="Counter" onCloseRequest={quit}>
       <Box orientation={Gtk.Orientation.VERTICAL} spacing={12}>
-        <Label label={`Count: ${count}`} />
+        {`Count: ${count}`}
         <Button label="Increment" onClicked={() => setCount((c) => c + 1)} />
       </Box>
     </ApplicationWindow>
@@ -84,8 +77,6 @@ const primary = css`
 <Button label="Click me" cssClasses={[primary]} />;
 ```
 
-GTK also provides built-in classes like `suggested-action`, `destructive-action`, `card`, and `heading`.
-
 ## Testing
 
 ```tsx
@@ -109,9 +100,8 @@ test("increments count", async () => {
 
 ## Requirements
 
-- Node.js 20+
+- Node.js 20+ (Deno support experimental)
 - GTK4 Runtime (`gtk4` on Fedora, `libgtk-4-1` on Ubuntu)
-- Linux
 
 ## Contributing
 

package/dist/cache.d.ts

@@ -1,9 +1,2 @@
 import type { EmotionCache } from "@emotion/cache";
-/**
- * Creates and returns a singleton Emotion cache configured for GTK.
- * Uses StyleSheet to inject styles into GTK's CssProvider.
- *
- * Implementation note: Emotion's internal sheet type is not publicly exported,
- * so we cast our StyleSheet which implements the required interface.
- */
 export declare const getGtkCache: () => EmotionCache;

package/dist/cache.js

@@ -1,13 +1,6 @@
 import createCache from "@emotion/cache";
 import { StyleSheet } from "./style-sheet.js";
 let gtkCache = null;
-/**
- * Creates and returns a singleton Emotion cache configured for GTK.
- * Uses StyleSheet to inject styles into GTK's CssProvider.
- *
- * Implementation note: Emotion's internal sheet type is not publicly exported,
- * so we cast our StyleSheet which implements the required interface.
- */
 export const getGtkCache = () => {
     if (!gtkCache) {
         const sheet = new StyleSheet({ key: "gtkx" });

package/dist/style-sheet.d.ts

@@ -5,12 +5,6 @@ type StyleSheetOptions = {
     speedy?: boolean;
     prepend?: boolean;
 };
-/**
- * Custom StyleSheet implementation for Emotion that outputs to GTK's CssProvider.
- * Implements Emotion's StyleSheet interface to enable CSS-in-JS with GTK widgets.
- *
- * Rules are queued until GTK is initialized, then applied automatically.
- */
 export declare class StyleSheet {
     key: string;
     private rules;

package/dist/style-sheet.js

@@ -20,12 +20,6 @@ const resetGtkState = () => {
 events.once("start", flushPendingStyles);
 // Handle stop to reset state and prepare for potential restart
 events.on("stop", resetGtkState);
-/**
- * Custom StyleSheet implementation for Emotion that outputs to GTK's CssProvider.
- * Implements Emotion's StyleSheet interface to enable CSS-in-JS with GTK widgets.
- *
- * Rules are queued until GTK is initialized, then applied automatically.
- */
 export class StyleSheet {
     key;
     rules = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/css",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Emotion-style CSS-in-JS for GTKX applications",
   "keywords": [
     "gtk",
@@ -35,10 +35,10 @@
   "dependencies": {
     "@emotion/cache": "^11.14.0",
     "@emotion/serialize": "^1.3.3",
-    "@gtkx/ffi": "0.9.0"
+    "@gtkx/ffi": "0.9.2"
   },
   "scripts": {
     "build": "tsc -b && cp ../../README.md .",
-    "test": "if [ -n \"$CI\" ]; then vitest run; else GDK_BACKEND=x11 xvfb-run -a vitest run; fi"
+    "test": "../../scripts/run-tests.sh"
   }
 }