@gjsify/create-app 0.1.0

package/README.md

@@ -0,0 +1,15 @@
+# @gjsify/create-app
+
+Scaffolding tool for creating new Gjsify projects.
+
+Part of the [gjsify](https://github.com/gjsify/gjsify) project — Node.js and Web APIs for GJS (GNOME JavaScript).
+
+## Usage
+
+```bash
+npm create @gjsify/app my-app
+```
+
+## License
+
+MIT

package/lib/create.d.ts

@@ -0,0 +1 @@
+export declare function createProject(projectName: string): Promise<void>;

package/lib/create.js

@@ -0,0 +1,33 @@
+import { readFileSync, writeFileSync, mkdirSync, existsSync, cpSync } from 'node:fs';
+import { resolve, join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+export async function createProject(projectName) {
+    const targetDir = resolve(process.cwd(), projectName);
+    if (existsSync(targetDir)) {
+        console.error(`Error: Directory "${projectName}" already exists.`);
+        process.exit(1);
+    }
+    console.log(`Creating new Gjsify project in ${targetDir}...`);
+    // Create directory structure
+    mkdirSync(join(targetDir, 'src'), { recursive: true });
+    // Copy template files
+    const templatesDir = resolve(__dirname, '..', 'templates');
+    // Generate package.json from template
+    const packageJsonTemplate = readFileSync(join(templatesDir, 'package.json.tmpl'), 'utf-8');
+    const packageJson = packageJsonTemplate.replace(/\{\{projectName\}\}/g, projectName);
+    writeFileSync(join(targetDir, 'package.json'), packageJson);
+    // Copy tsconfig.json
+    cpSync(join(templatesDir, 'tsconfig.json.tmpl'), join(targetDir, 'tsconfig.json'));
+    // Copy src/index.ts
+    cpSync(join(templatesDir, 'src', 'index.ts.tmpl'), join(targetDir, 'src', 'index.ts'));
+    console.log('');
+    console.log('Project created successfully!');
+    console.log('');
+    console.log('Next steps:');
+    console.log(`  cd ${projectName}`);
+    console.log('  npm install');
+    console.log('  npm run build');
+    console.log('  npm start');
+    console.log('');
+}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/lib/index.js

@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+import { createProject } from './create.js';
+void yargs(hideBin(process.argv))
+    .scriptName('@gjsify/create-app')
+    .usage('$0 [project-name]', 'Create a new Gjsify project', (yargs) => {
+    return yargs.positional('project-name', {
+        describe: 'Name of the project directory to create',
+        type: 'string',
+        default: 'my-gjs-app'
+    });
+}, async (argv) => {
+    const projectName = argv['project-name'];
+    await createProject(projectName);
+})
+    .help()
+    .argv;

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@gjsify/create-app",
+  "version": "0.1.0",
+  "description": "Create a new Gjsify project",
+  "type": "module",
+  "main": "lib/index.js",
+  "bin": "./lib/index.js",
+  "scripts": {
+    "clear": "rm -rf lib tsconfig.tsbuildinfo || exit 0",
+    "check": "tsc --noEmit",
+    "build": "tsc && chmod +x ./lib/index.js",
+    "test": "echo 'nothing to do'"
+  },
+  "keywords": [
+    "gjs",
+    "gjsify",
+    "create",
+    "scaffold",
+    "gnome"
+  ],
+  "files": [
+    "lib",
+    "templates"
+  ],
+  "dependencies": {
+    "yargs": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^25.5.0",
+    "@types/yargs": "^17.0.35",
+    "typescript": "^6.0.2"
+  }
+}

package/templates/package.json.tmpl

@@ -0,0 +1,20 @@
+{
+    "name": "{{projectName}}",
+    "version": "0.1.0",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "build": "gjsify build src/index.ts --outfile dist/index.js",
+        "start": "gjsify run dist/index.js",
+        "dev": "gjsify build src/index.ts --outfile dist/index.js && gjsify run dist/index.js"
+    },
+    "devDependencies": {
+        "@gjsify/cli": "^0.1.0",
+        "@types/node": "^25.5.0",
+        "typescript": "^6.0.2"
+    },
+    "dependencies": {
+        "@girs/gtk-4.0": "^4.22.1-4.0.0-beta.42",
+        "@gjsify/node-globals": "^0.1.0"
+    }
+}

package/templates/src/index.ts.tmpl

@@ -0,0 +1,23 @@
+import Gtk from 'gi://Gtk?version=4.0'
+
+const app = new Gtk.Application({
+    applicationId: 'org.gjsify.example',
+})
+
+app.connect('activate', () => {
+    const window = new Gtk.ApplicationWindow({
+        application: app,
+        title: 'Hello from Gjsify',
+        defaultWidth: 400,
+        defaultHeight: 300,
+    })
+
+    const label = new Gtk.Label({
+        label: 'Hello from Gjsify!',
+    })
+
+    window.setChild(label)
+    window.present()
+})
+
+app.run([])

package/templates/tsconfig.json.tmpl

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "rootDir": "src",
+        "outDir": "dist",
+        "target": "ESNext",
+        "module": "NodeNext",
+        "moduleResolution": "NodeNext",
+        "types": ["node", "@girs/gtk-4.0"],
+        "esModuleInterop": true,
+        "strict": true,
+        "skipLibCheck": true
+    },
+    "include": ["src"]
+}