create-gtkx 0.21.0

package/templates/config/vitest.config.ts.ejs

@@ -0,0 +1,11 @@
+import gtkx from "@gtkx/cli/vitest";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+    plugins: [gtkx()],
+    test: {
+        include: ["tests/**/*.test.{ts,tsx}"],
+        globals: false,
+        bail: 1,
+    },
+});

package/templates/gitignore.ejs

@@ -0,0 +1,4 @@
+node_modules/
+dist/
+*.log
+.DS_Store

package/templates/gtkx.config.ts.ejs

@@ -0,0 +1,6 @@
+import { defineConfig } from "@gtkx/config";
+
+export default defineConfig({
+    libraries: ["Gtk-4.0", "Adw-1"],
+    applicationId: "<%= applicationId %>",
+});

package/templates/package.json.ejs

@@ -0,0 +1,16 @@
+{
+    "name": "<%= name %>",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "imports": {
+        "#data/*": "./data/*"
+    },
+    "scripts": {
+        "dev": "gtkx dev",
+        "build": "gtkx build",
+        "typecheck": "gtkx codegen && tsc --noEmit",
+        "start": "node dist/bundle.js"<% if (testing === 'vitest') { %>,
+        "test": "vitest"<% } %>
+    }
+}

package/templates/src/app.tsx.ejs

@@ -0,0 +1,48 @@
+import { applicationId } from "virtual:gtkx-config";
+import * as Gtk from "@gtkx/gi/gtk";
+import { GtkApplication, GtkApplicationWindow, GtkBox, GtkButton, GtkLabel } from "@gtkx/jsx/gtk";
+import { quit } from "@gtkx/react";
+import { useState } from "react";
+
+const MainWindow = () => {
+    const [count, setCount] = useState(0);
+
+    return (
+        <GtkApplicationWindow
+            title="<%= title %>"
+            defaultWidth={400}
+            defaultHeight={300}
+            onCloseRequest={() => {
+                quit();
+                return true;
+            }}
+        >
+            <GtkBox
+                orientation={Gtk.Orientation.VERTICAL}
+                spacing={20}
+                marginTop={40}
+                marginBottom={40}
+                marginStart={40}
+                marginEnd={40}
+                valign={Gtk.Align.CENTER}
+                halign={Gtk.Align.CENTER}
+            >
+                <GtkLabel label="Welcome to GTKX!" cssClasses={["title-1"]} />
+                <GtkLabel label={`Count: ${count}`} cssClasses={["title-2"]} />
+                <GtkButton
+                    label="Increment"
+                    onClicked={() => setCount((c) => c + 1)}
+                    cssClasses={["suggested-action", "pill"]}
+                />
+            </GtkBox>
+        </GtkApplicationWindow>
+    );
+};
+
+export const App = () => (
+    <GtkApplication applicationId={applicationId}>
+        <MainWindow />
+    </GtkApplication>
+);
+
+export default App;

package/templates/src/gtkx-env.d.ts.ejs

@@ -0,0 +1,2 @@
+/// <reference types="@gtkx/cli/env" />
+/// <reference path="../node_modules/.gtkx/env.d.ts" />

package/templates/src/index.tsx.ejs

@@ -0,0 +1,4 @@
+import { createRoot } from "@gtkx/react";
+import { App } from "./app.js";
+
+createRoot().render(<App />);

package/templates/tests/app.test.tsx.ejs

@@ -0,0 +1,16 @@
+import { describe, it, expect, afterEach } from "vitest";
+import * as Gtk from "@gtkx/gi/gtk";
+import { cleanup, render, screen } from "@gtkx/testing";
+import App from "../src/app.js";
+
+afterEach(async () => {
+    await cleanup();
+});
+
+describe("App", () => {
+    it("renders the increment button", async () => {
+        await render(<App />, { wrapper: false });
+        const button = await screen.findByRole(Gtk.AccessibleRole.BUTTON, { name: "Increment" });
+        expect(button).toBeDefined();
+    });
+});

package/templates/tsconfig.json.ejs

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "jsx": "react-jsx",
+        "strict": true,
+        "skipLibCheck": true,
+        "resolveJsonModule": true,
+        "outDir": "out-tsc",
+        "rootDir": "src"
+    },
+    "include": ["src/**/*"]
+}