@gtkx/react 0.5.1 → 0.6.0

package/README.md

@@ -49,7 +49,7 @@ import {
   Label,
   quit,
 } from "@gtkx/react";
-import { Orientation } from "@gtkx/ffi/gtk";
+import * as Gtk from "@gtkx/ffi/gtk";
 import { useState } from "react";
 
 const App = () => {
@@ -57,8 +57,8 @@ const App = () => {
 
   return (
     <ApplicationWindow title="Counter" onCloseRequest={quit}>
-      <Box orientation={Orientation.VERTICAL} spacing={12}>
-        <Label.Root label={`Count: ${count}`} />
+      <Box orientation={Gtk.Orientation.VERTICAL} spacing={12}>
+        <Label label={`Count: ${count}`} />
         <Button label="Increment" onClicked={() => setCount((c) => c + 1)} />
       </Box>
     </ApplicationWindow>
@@ -90,45 +90,23 @@ GTK also provides built-in classes like `suggested-action`, `destructive-action`
 
 ```tsx
 import { cleanup, render, screen, userEvent } from "@gtkx/testing";
-import { AccessibleRole } from "@gtkx/ffi/gtk";
+import * as Gtk from "@gtkx/ffi/gtk";
 
 afterEach(() => cleanup());
 
 test("increments count", async () => {
   await render(<App />);
 
-  const button = await screen.findByRole(AccessibleRole.BUTTON, {
+  const button = await screen.findByRole(Gtk.AccessibleRole.BUTTON, {
     name: "Increment",
   });
+
   await userEvent.click(button);
 
   await screen.findByText("Count: 1");
 });
 ```
 
-Queries: `findByRole`, `findByText`, `findByLabelText`, `findByTestId`
-
-User events: `click`, `dblClick`, `type`, `clear`, `tab`, `selectOptions`
-
-## Examples
-
-| Example                         | Description         |
-| ------------------------------- | ------------------- |
-| [gtk4-demo](examples/gtk4-demo) | Widget showcase     |
-| [todo](examples/todo)           | Todo app with tests |
-
-## Packages
-
-| Package                           | Description                           |
-| --------------------------------- | ------------------------------------- |
-| [@gtkx/cli](packages/cli)         | CLI with HMR dev server               |
-| [@gtkx/react](packages/react)     | React reconciler and JSX components   |
-| [@gtkx/ffi](packages/ffi)         | TypeScript bindings for GTK4/GLib/GIO |
-| [@gtkx/native](packages/native)   | Rust native module (libffi bridge)    |
-| [@gtkx/css](packages/css)         | CSS-in-JS styling                     |
-| [@gtkx/testing](packages/testing) | Testing utilities                     |
-| [@gtkx/gir](packages/gir)         | GObject Introspection parser          |
-
 ## Requirements
 
 - Node.js 20+

package/dist/codegen/jsx-generator.d.ts

@@ -1,4 +1,4 @@
-import type { GirClass, GirNamespace, TypeMapper } from "@gtkx/gir";
+import type { GirClass, GirNamespace, TypeMapper, TypeRegistry } from "@gtkx/gir";
 /**
  * Configuration options for the JSX type generator.
  */
@@ -21,26 +21,29 @@ interface JsxGeneratorResult {
  */
 export declare class JsxGenerator {
     private typeMapper;
-    private options;
+    private typeRegistry;
     private classMap;
+    private options;
     private interfaceMap;
-    private namespace;
-    private usedExternalNamespaces;
+    private usedNamespaces;
     private widgetPropertyNames;
     private widgetSignalNames;
+    private currentNamespace;
+    private widgetNamespaceMap;
     /**
      * Creates a new JSX generator.
      * @param typeMapper - TypeMapper for converting GIR types to TypeScript
+     * @param typeRegistry - TypeRegistry for cross-namespace type resolution
+     * @param classMap - Combined class map with fully qualified names
      * @param options - Generator configuration options
      */
-    constructor(typeMapper: TypeMapper, options?: JsxGeneratorOptions);
+    constructor(typeMapper: TypeMapper, typeRegistry: TypeRegistry, classMap: Map<string, GirClass>, options?: JsxGeneratorOptions);
     /**
-     * Generates JSX type definitions for all widgets in a namespace.
-     * @param namespace - The parsed GIR namespace
-     * @param classMap - Map of class names to class definitions
+     * Generates JSX type definitions for all widgets in the given namespaces.
+     * @param namespaces - The parsed GIR namespaces (GTK must be first)
      * @returns Generated TypeScript code as public jsx.ts and internal.ts files
      */
-    generate(namespace: GirNamespace, classMap: Map<string, GirClass>): Promise<JsxGeneratorResult>;
+    generate(namespaces: GirNamespace[]): Promise<JsxGeneratorResult>;
     private generateImports;
     private generateInternalImports;
     private generateCommonTypes;
@@ -49,6 +52,7 @@ export declare class JsxGenerator {
     private findWidgets;
     private analyzeContainerCapabilities;
     private generateWidgetPropsInterfaces;
+    private getWidgetExportName;
     private generateWidgetProps;
     private getParentPropsName;
     private getRequiredConstructorParams;
@@ -56,12 +60,14 @@ export declare class JsxGenerator {
     private generateConstructorArgsMetadata;
     private generatePropSettersMap;
     private generateSetterGetterMap;
+    private collectParentMethodNames;
     private collectAllProperties;
     private getAncestorInterfaces;
     private findInheritedProperty;
     private generateSignalHandler;
     private getSignalParamFfiType;
     private addNamespacePrefix;
+    private toJsxPropertyType;
     private buildSignalHandlerType;
     private generateExports;
     private generateApplicationMenuComponents;